@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <form method="POST" action="{{route("sellers.save")}}" enctype="multipart/form-data" id="seller_forms">
            @csrf
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Cadastro de vendedor | Ficha cadastral</h5>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="form-label" for="seller_type">Tipo de vendedor</label>
                    <select name="seller_type" id="seller_type" class="form-select">
                        <option value="Física">Física</option>
                        <option value="Jurídica">Jurídica</option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="seller_status">Situação Cadastral</label>
                    <select name="seller_status" id="seller_status" class="form-select">
                        <option value="Ativo">Ativo</option>
                        <option value="Inativo">Inativo</option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="seller_close_day">Dia de fechamento</label>
                    <input type="number" class="form-control" name="seller_close_day" id="seller_close_day"
                           min="1" max="31" required>
                </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="seller_name">Razão social/Nome</label>
                    <input type="text" class="form-control" id="seller_name" name="seller_name" required>
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="seller_fantasy_name">Nome fantasia</label>
                    <input type="text" class="form-control" id="seller_fantasy_name" name="seller_fantasy_name">
                </div>
                <div class="col-9">
                    <div class="row">
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_document">CPF/CNPJ</label>
                            <input type="text" class="form-control" id="seller_document" name="seller_document"
                                   required>
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_IERG">IE/RG</label>
                            <input type="text" class="form-control" id="seller_IERG" name="seller_IERG">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_IM">IM</label>
                            <input type="text" class="form-control" id="seller_IM" name="seller_IM">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_email">E-mail Principal</label>
                            <input type="text" class="form-control" id="seller_email" name="seller_email" required>
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_phone">Telefone</label>
                            <input type="text" class="form-control phone-mask" id="seller_phone"
                                   name="seller_phone">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="seller_cellphone">Celular</label>
                            <input type="text" class="form-control phone-mask" id="seller_cellphone"
                                   name="seller_cellphone">
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row">
                        <div class="col-12 mb-1">
                            <label class="form-label" for="seller_others_emails">Outros E-mails</label>
                            <textarea id="seller_others_emails" name="seller_others_emails" rows="5"
                                      class="form-control"></textarea>
                        </div>
                    </div>
                </div>
                <div class="col-12 mb-1">
                    <label class="form-label" for="seller_observations">Observações</label>
                    <input type="text" class="form-control" id="seller_observations" name="seller_observations">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="seller_cep">CEP</label>
                    <input type="text" class="form-control" id="seller_cep" name="seller_cep">
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="seller_address">Logradouro</label>
                    <input type="text" class="form-control" id="seller_address" name="seller_address">
                </div>
                <div class="col-1 mb-1">
                    <label class="form-label" for="seller_address_number">N°</label>
                    <input type="text" class="form-control" id="seller_address_number" name="seller_address_number">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="seller_complement">Complemento</label>
                    <input type="text" class="form-control" id="seller_complement" name="seller_complement">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="seller_neighborhood">Bairro</label>
                    <input type="text" class="form-control" id="seller_neighborhood" name="seller_neighborhood">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="seller_city">Cidade</label>
                    <input type="text" class="form-control" id="seller_city" name="seller_city">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="seller_state">Estado</label>
                    <input type="text" class="form-control" id="seller_state" name="seller_state">
                </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">Corrente</option>
                        <option value="Poupança">Poupança</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-end">
                    <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/sellers/forms.js")}}"></script>
@endsection