<style>
    #modal .modal-dialog {
        max-width: 600px !important;
    }

    @media (min-width: 320px) and(max-width: 767px) {
        #modal .modal-dialog {
            width: 100% !important;
        }
    }
</style>
<link rel="stylesheet" href="/assets/css/local/perfil.css?v={{ config.versionId }}">
<div class="modal fade" id="modal" aria-hidden="true" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">

                <div class="row">
                    <div class="col-12 modal-title">
                        <button class="close float-end" data-bs-dismiss="modal" aria-label="Close"
                                title="Fechar janela">
                            <i class="fal fa-times"></i>
                        </button>

                        <div class="row align-items-center">
                            <div class="col">
                                <h6 class="mb-0 title-after-header py-2">Lead >> Cadastro Rápido</h6>
                            </div>
                        </div>
                        <hr>
                        <div class="row align-items-center">
                            <div class="col">
                                &nbsp;
                            </div>
                            {% if 'ic_insert_lead' in permissions %}
                            <div class="col-auto d-flex align-items-center my-2 my-sm-0">
                                <a href="/lead/form" class="btn btn-lg btn-success btn-xs">
                                <span>Cadastro Completo</span>
                            </a>
                            </div>
                            {% endif %}
                        </div>

                        <form id="formFast" method="POST" novalidate="novalidate" autocomplete="off"
                              enctype="application/x-www-form-urlencoded" class="w-100">
                                <div class="step-content">
                                    <div class="step-tab-panel" data-step="step1">
                                        <div class="row pb-1">
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg" for="ds_tipo_pessoa">Tipo Pessoa
                                                    <star>*</star>
                                                    </label>
                                                    
                                                    <select name="ds_tipo_pessoa" class="form-select form-select-xl multiselect" id="ds_tipo_pessoa" tabindex="3">
                                                        <optgroup label="Tipo Pessoa" id="1">
                                                            <option value="PF" {% if entity.ds_tipo_pessoa == "PF" %} selected {% endif %} >PF</option>
                                                            <option value="PJ" {% if entity.ds_tipo_pessoa == "PJ" %} selected {% endif %}>PJ</option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg" for="fl_tipo_pessoa">Identificação do Lead
                                                        <star>*</star>
                                                    </label>
                                                    
                                                    <input type="text" class="form-control form-control-xl" name="ds_leads"
                                                        id="ds_leads" placeholder="Identificação do Lead" tabindex="4"
                                                        value="{{ entity.ds_leads }}">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg cpf_cnpj" for="fl_tipo_pessoa">Telefone
                                                        <star>*</star>
                                                    </label>
                                                    
                                                    <input type="text" class="form-control form-control-xl mask-phone" name="ds_tel" id="ds_tel" placeholder="Telefone" value="{{entity.ds_tel}}" tabindex="4">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg" for="fl_tipo_pessoa">E-mail
                                                        <star>*</star>
                                                    </label>
                                                    <input type="text" class="form-control form-control-xl" name="ds_email" id="ds_email" placeholder="Email" value="{{entity.ds_email}}" tabindex="4">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg cpf_cnpj" for="fl_tipo_pessoa">Segmento
                                                        <star>*</star>
                                                    </label>
                                                    
                                                    <select name="segmentos_pk" class="form-select form-select-xl multiselect" id="segmentos_pk" tabindex="3">
                                                        <optgroup label="Segmento" id="1">
                                                            <option value="" >Selecione</option>
                                                            {% for itens in arrSegmento %}
                                                                
                                                                <option value="{{ itens.pk }}" >{{ itens.ds_segmento }}</option>

                                                            {% endfor %}
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xxl-6">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg cpf_cnpj" for="fl_tipo_pessoa">Mailing
                                                        <star>*</star>
                                                    </label>
                                                    
                                                    <select name="mailings_pk" class="form-select form-select-xl multiselect" id="mailings_pk" tabindex="3">
                                                        <optgroup label="Mailing" id="1">
                                                            <option></option>
                                                            {% for itens in arrMailing %}
                                                                
                                                                <option value="{{ itens.pk }}" >{{ itens.ds_mailing }}</option>

                                                            {% endfor %}
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-12 col-md-12 col-lg-12 col-xxl-12">
                                                <div class=" mb-md-2">
                                                    <label class="form-label form-label-lg" for="fl_tipo_pessoa">Observação
                                                        <star>*</star>
                                                    </label>
                                                    <textarea id="obs" name="obs" class="styled-textarea sm" placeholder="Digite sua Observação...">{{entity.obs}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-12 col-lg-12 col-xxl-12">
                                    <div class="mb-md-2 text-end"> <!-- Adicione text-end aqui -->
                                        <div class="step-footer">
                                            <button class="btn btn-xs btn-success persist-fast">Salvar</button>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>