@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <form method="POST" action="{{route("clients.new.save")}}" enctype="multipart/form-data" id="client_forms">
            @csrf
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Cadastro de clientes | Ficha cadastral</h5>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="form-label" for="client_type">Tipo de cliente</label>
                    <select name="client_type" id="client_type" class="form-select" required>
                        <option value="Física" selected>Física</option>
                        <option value="Jurídica">Jurídica</option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="client_status">Situação Cadastral</label>
                    <select name="client_status" id="client_status" class="form-select" required>
                        <option value="Ativo" selected>Ativo</option>
                        <option value="Inativo">Inativo</option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="client_financial_status">Situação Financeira</label>
                    <select name="client_financial_status" id="client_financial_status" class="form-select" required>
                        <option value="Em dia" selected>Em dia</option>
                        <option value="Em atraso">Em atraso</option>
                    </select>
                </div>
            </div>

            <hr>
            <h5 class="text-dark mb-4">Informações da cadastro</h5>
            <div class="row">
                <div class="col-6 mb-1">
                    <label class="form-label" for="client_document">CPF/CNPJ</label>
                    <div class="input-group flex-nowrap">
                        <input type="text" class="form-control document-mask" id="client_document"
                               name="client_document" required>
                        <span class="input-group-text" id="addon-wrapping">
                            <i role="button" id="search_cnpj" class="fal fa-search"></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 mb-1">
                    <label class="form-label" for="client_name">Razão social/Nome</label>
                    <input type="text" class="form-control" id="client_name" name="client_name" required>
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="client_fantasy_name">Nome fantasia</label>
                    <input type="text" class="form-control" id="client_fantasy_name" name="client_fantasy_name">
                </div>
                <div class="col-9">
                    <div class="row">
                        <div class="col-4 mb-1">
                            <label class="form-label" for="client_IERG">IE/RG</label>
                            <input type="text" class="form-control" id="client_IERG" name="client_IERG">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="client_IM">IM</label>
                            <input type="text" class="form-control" id="client_IM" name="client_IM">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="client_email">E-mail Principal</label>
                            <input type="email" class="form-control" id="client_email" name="client_email">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="client_phone">Telefone</label>
                            <input type="text" class="form-control phone-mask" id="client_phone" name="client_phone">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="client_cellphone">Celular</label>
                            <input type="text" class="form-control phone-mask" id="client_cellphone"
                                   name="client_cellphone">
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row">
                        <div class="col-12 mb-1">
                            <label class="form-label" for="client_others_emails">Outros E-mails</label>
                            <textarea id="client_others_emails" name="client_others_emails" rows="5"
                                      class="form-control"></textarea>
                        </div>
                    </div>
                </div>
                <div class="col-12 mb-1">
                    <label class="form-label" for="client_observations">Observações</label>
                    <input type="text" class="form-control" id="client_observations" name="client_observations">
                </div>
            </div>

            <hr>
            <h5 class="text-dark mb-4">Endereço Principal</h5>
            <div class="row">
                <div class="col-2 mb-1">
                    <label class="form-label" for="client_cep">CEP</label>
                    <input type="text" class="form-control" id="client_cep" name="client_cep" data-cep-target="client">
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="client_address">Logradouro</label>
                    <input type="text" class="form-control" id="client_address" name="client_address">
                </div>
                <div class="col-1 mb-1">
                    <label class="form-label" for="client_address_number">N°</label>
                    <input type="text" class="form-control" id="client_address_number" name="client_address_number">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="client_complement">Complemento</label>
                    <input type="text" class="form-control" id="client_complement" name="client_complement">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_neighborhood">Bairro</label>
                    <input type="text" class="form-control" id="client_neighborhood" name="client_neighborhood">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_city">Cidade</label>
                    <input type="text" class="form-control" id="client_city" name="client_city">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_state">Estado</label>
                    <input type="text" class="form-control" id="client_state" name="client_state">
                </div>
            </div>

            <hr>
            <h5 class="text-dark mb-4">Endereço Entrega</h5>
            <div class="row">
                <div class="col-2 mb-1">
                    <label class="form-label" for="client_delivery_cep">CEP</label>
                    <input type="text" class="form-control" id="client_delivery_cep" name="client_delivery_cep"
                           data-cep-target="client_delivery">
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="client_delivery_address">Logradouro</label>
                    <input type="text" class="form-control" id="client_delivery_address" name="client_delivery_address">
                </div>
                <div class="col-1 mb-1">
                    <label class="form-label" for="client_delivery_address_number">N°</label>
                    <input type="text" class="form-control" id="client_delivery_address_number"
                           name="client_delivery_address_number">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="client_delivery_complement">Complemento</label>
                    <input type="text" class="form-control" id="client_delivery_complement"
                           name="client_delivery_complement">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_delivery_neighborhood">Bairro</label>
                    <input type="text" class="form-control" id="client_delivery_neighborhood"
                           name="client_delivery_neighborhood">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_delivery_city">Cidade</label>
                    <input type="text" class="form-control" id="client_delivery_city" name="client_delivery_city">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="client_delivery_state">Estado</label>
                    <input type="text" class="form-control" id="client_delivery_state" name="client_delivery_state">
                </div>
            </div>

            <hr>
            <h5 class="text-dark mb-4">Crédito</h5>
            <div class="row">
                <div class="col-3 mb-1">
                    <label class="form-label" for="credit_pre_approved">Valor Pré Aprovado (R$)</label>
                    <input type="text" class="form-control money-mask" id="credit_pre_approved"
                           name="credit_pre_approved">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="credit_max_discount">Desconto Máximo (%)</label>
                    <input type="number" class="form-control" id="credit_max_discount" name="credit_max_discount"
                           min="0" max="100">
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Dados fiscais</h5>
            <div class="row">
                <div class="col-3 mb-1">
                    <label class="form-label" for="fiscal_email_nfe">E-mail NFE</label>
                    <input type="email" class="form-control" id="fiscal_email_nfe" name="fiscal_email_nfe">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="fiscal_iss">ISS Retido?</label>
                    <select name="fiscal_iss" id="fiscal_iss" class="form-select">
                        <option value="Sim" selected>Sim</option>
                        <option value="Não">Não</option>
                    </select>
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="fiscal_costumer_type">Tipo de consumidor</label>
                    <select name="fiscal_costumer_type" id="fiscal_costumer_type" class="form-select">
                        <option value="Final" selected>Final</option>
                        <option value="Revenda">Revenda</option>
                    </select>
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="fiscal_indicator_ie">Indicador da Inscrição Estadual:</label>
                    <select name="fiscal_indicator_ie" id="fiscal_indicator_ie" class="form-select">
                        <option value="1">Contribuinte ICMS (informar a IE do destinatário)</option>
                        <option value="2">Contribuinte isento de Inscrição no cadastro de Contribuintes do ICMS</option>
                        <option value="9">Não Contribuinte, que pode ou não possuir Inscrição Estadual no Cadastro de
                            Contribuintes do ICMS
                        </option>
                    </select>
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Dados bancários</h5>
            <div class="row">
                <div class="col-6 mb-1">
                    <label class="form-label" for="banking_pix_key">Chave PIX</label>
                    <input type="text" class="form-control" id="banking_pix_key" name="banking_pix_key">
                </div>
                <div class="col-3">
                    <label for="banking_pix_type">Tipo da chave</label>
                    <select class="form-select" id="banking_pix_type" name="banking_pix_type">
                        <option value="CNPJ">CNPJ</option>
                        <option value="CPF">CPF</option>
                        <option value="Telefone">Telefone</option>
                        <option value="E-mail">E-mail</option>
                        <option value="Aleatória">Aleatória</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-3 mb-1">
                    <label class="form-label" for="banking_number">N° Banco</label>
                    <input type="text" class="form-control" id="banking_number" name="banking_number">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="banking_agency">Agência</label>
                    <input type="text" class="form-control" id="banking_agency" name="banking_agency">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="banking_account">Conta</label>
                    <input type="text" class="form-control" id="banking_account" name="banking_account">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="banking_digit">Dígito</label>
                    <input type="text" class="form-control" id="banking_digit" name="banking_digit">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="banking_type">Tipo de conta</label>
                    <select name="banking_type" id="banking_type" class="form-select">
                        <option value="Corrente" selected>Corrente</option>
                        <option value="Poupança">Poupança</option>
                    </select>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-12 text-end">
                    <button type="submit" class="btn btn-primary submit-forms">Salvar e Continuar</button>
                </div>
            </div>
        </form>
    </div>
    <input type="hidden" id="search_document" value="{{route("clients.search.document")}}">
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/clients/new.js")}}"></script>
@endsection