<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Template
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<template v-if="modal.type == 'confirmQuote'">
    <div class="modal-body">
        <div class="form-group mb-2">
            <label class="form-label fs-5">{{ langs.topbar.your_phone }}</label>
            <input type="text" class="form-control form-control-sm" :placeholder="langs.topbar.your_phone_desc" v-model="productCart.phone"/>
        </div>

        <div class="form-group mb-2">
            <label class="form-label fs-5">{{ langs.topbar.your_email }} <span class="text-danger ms-1">*</span></label>
            <input type="email" class="form-control form-control-sm" :class="checkEmail(productCart.email) != '' ? 'is-invalid' : ''" :placeholder="langs.topbar.your_email_desc" v-model="productCart.email"/>
            <span class="invalid-feedback" v-if="checkEmail(productCart.email) != ''">{{ checkEmail(productCart.email) }}</span>
        </div>

        <div class="form-group mb-2">
            <label class="form-label fs-5">{{ langs.topbar.your_note }}</label>
            <textarea rows="2" class="form-control form-control-sm" :placeholder="langs.topbar.your_note" v-model="productCart.note"></textarea>
        </div>

        <div class="d-flex gap-1 justify-content-center w-100 btn-group">
            <button type="button" class="btn btn-light rounded-2" @click="modal.show = false">{{ langs.cancel }}</button>
            <button type="button" class="btn btn-primary rounded-2" :disabled="checkEmail(productCart.email) != ''" @click="addToCart('quote', true, true)">{{ langs.send }}</button>
        </div>
    </div>
</template>