@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
            <input type="hidden" name="seller_id" id="seller_id" value="{{$seller_data->seller_id}}">
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Editar 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" {{$seller_data->seller_type == "Física" ? "selected" : ""}}>
                            Física
                        </option>
                        <option value="Jurídica" {{$seller_data->seller_type == "Jurídica" ? "selected" : ""}}>
                            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" {{$seller_data->seller_status == "Ativo" ? "selected" : ""}}>
                            Ativo
                        </option>
                        <option value="Inativo" {{$seller_data->seller_status == "Inativo" ? "selected" : ""}}>
                            Inativo
                        </option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="seller_close_day">Dia de fechamento</label>
                    <input type="text" class="form-control" name="seller_close_day" id="seller_close_day"
                           min="1" max="31" required value="{{$seller_data->seller_close_day}}">
                </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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                                   value="{{$seller_data->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"
                                   value="{{$seller_data->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"
                                   value="{{$seller_data->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"
                                   value="{{$seller_data->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" value="{{$seller_data->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" value="{{$seller_data->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">{{$seller_data->seller_others_emails}}</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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_data->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"
                           value="{{$seller_banking->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" {{$seller_banking->banking_pix_type == "CNPJ" ? "selected": ""}}>
                            CNPJ
                        </option>
                        <option value="CPF" {{$seller_banking->banking_pix_type == "CPF" ? "selected": ""}}>
                            CPF
                        </option>
                        <option value="Telefone" {{$seller_banking->banking_pix_type == "Telefone" ? "selected": ""}}>
                            Telefone
                        </option>
                        <option value="E-mail" {{$seller_banking->banking_pix_type == "E-mail" ? "selected": ""}}>
                            E-mail
                        </option>
                        <option value="Aleatória" {{$seller_banking->banking_pix_type == "Aleatória" ? "selected": ""}}>
                            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"
                           value="{{$seller_banking->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"
                           value="{{$seller_banking->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"
                           value="{{$seller_banking->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"
                           value="{{$seller_banking->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" {{$seller_banking->banking_type == "Corrente" ? "selected" : ""}}>
                            Corrente
                        </option>
                        <option value="Poupança" {{$seller_banking->banking_type == "Poupança" ? "selected" : ""}}>
                            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