@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <form method="POST" action="{{route("providers.new.save")}}" enctype="multipart/form-data" id="provider_forms">
            @csrf
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Cadastro de fornecedor | Ficha cadastral</h5>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="form-label" for="provider_type">Tipo de fornecedor</label>
                    <select name="provider_type" id="provider_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="provider_status">Situação Cadastral</label>
                    <select name="provider_status" id="provider_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="provider_financial_status">Situação Financeira</label>
                    <select name="provider_financial_status" id="provider_financial_status" class="form-select">
                        <option value="Em dia">Em dia</option>
                        <option value="Em atraso">Em atraso</option>
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="category_id_select">Categoria
                            <i role="button" id="provider_category_add" class="fal fa-plus-circle"></i>
                    </label>
                    <select name="category_id" id="category_id_select" class="form-select" required>
                        <option value="">Selecione uma categoria</option>
                        @foreach($categories as $category)
                            <option value="{{$category->category_id}}">{{$category->category_name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-3">
                    <label class="form-label" for="provider_carrier">Transportadora</label>
                    <select name="provider_carrier" id="provider_carrier" class="form-select">
                        <option value="Não">Não</option>
                        <option value="Sim">Sim</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="provider_document">CPF/CNPJ</label>
                    <div class="input-group flex-nowrap">
                        <input type="text" class="form-control document-mask" id="provider_document"
                               name="provider_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="provider_name">Razão social/Nome</label>
                    <input type="text" class="form-control" id="provider_name" name="provider_name" required>
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="provider_fantasy_name">Nome fantasia</label>
                    <input type="text" class="form-control" id="provider_fantasy_name" name="provider_fantasy_name">
                </div>
                <div class="col-9">
                    <div class="row">
                        <div class="col-4 mb-1">
                            <label class="form-label" for="provider_IERG">IE/RG</label>
                            <input type="text" class="form-control" id="provider_IERG" name="provider_IERG">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="provider_IM">IM</label>
                            <input type="text" class="form-control" id="provider_IM" name="provider_IM">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="provider_email">E-mail Principal</label>
                            <input type="text" class="form-control" id="provider_email" name="provider_email" required>
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="provider_phone">Telefone</label>
                            <input type="text" class="form-control phone-mask" id="provider_phone"
                                   name="provider_phone">
                        </div>
                        <div class="col-4 mb-1">
                            <label class="form-label" for="provider_cellphone">Celular</label>
                            <input type="text" class="form-control phone-mask" id="provider_cellphone"
                                   name="provider_cellphone">
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row">
                        <div class="col-12 mb-1">
                            <label class="form-label" for="provider_others_emails">Outros E-mails</label>
                            <textarea id="provider_others_emails" name="provider_others_emails" rows="5"
                                      class="form-control"></textarea>
                        </div>
                    </div>
                </div>
                <div class="col-12 mb-1">
                    <label class="form-label" for="provider_observations">Observações</label>
                    <input type="text" class="form-control" id="provider_observations" name="provider_observations">
                </div>
                <div class="col-2 mb-1">
                    <label class="form-label" for="provider_cep">CEP</label>
                    <input type="text" class="form-control" id="provider_cep" name="provider_cep"
                           data-cep-target="provider">
                </div>
                <div class="col-6 mb-1">
                    <label class="form-label" for="provider_address">Logradouro</label>
                    <input type="text" class="form-control" id="provider_address" name="provider_address">
                </div>
                <div class="col-1 mb-1">
                    <label class="form-label" for="provider_address_number">N°</label>
                    <input type="text" class="form-control" id="provider_address_number" name="provider_address_number">
                </div>
                <div class="col-3 mb-1">
                    <label class="form-label" for="provider_complement">Complemento</label>
                    <input type="text" class="form-control" id="provider_complement" name="provider_complement">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="provider_neighborhood">Bairro</label>
                    <input type="text" class="form-control" id="provider_neighborhood" name="provider_neighborhood">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="provider_city">Cidade</label>
                    <input type="text" class="form-control" id="provider_city" name="provider_city">
                </div>
                <div class="col-4 mb-1">
                    <label class="form-label" for="provider_state">Estado</label>
                    <input type="text" class="form-control" id="provider_state" name="provider_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>
    <input type="hidden" id="search_document" value="{{route("clients.search.document")}}">
    @include('dashboard.offcanvas.generic-registrations',[
       "text_target" => "categoria",
       "target_id" => "provider_category",
       "target_route" => "component.providers.category",
       "target_input" => "category",
       "target_js" => "provider-categories.js",
    ])
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/provider/new.js")}}"></script>
@endsection