@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
            <input type="hidden" name="provider_id" id="provider_id" value="{{$provider_data->provider_id}}">
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Editar 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" {{$provider_data->provider_type == "Física" ? "selected" : ""}}>
                            Física
                        </option>
                        <option value="Jurídica" {{$provider_data->provider_type == "Jurídica" ? "selected" : ""}}>
                            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" {{$provider_data->provider_status == "Ativo" ? "selected" : ""}}>
                            Ativo
                        </option>
                        <option value="Inativo" {{$provider_data->provider_status == "Inativo" ? "selected" : ""}}>
                            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" {{$provider_data->provider_financial_status == "Em dia" ? "selected" : ""}}>
                            Em dia
                        </option>
                        <option
                            value="Em atraso" {{$provider_data->provider_financial_status == "Em atraso" ? "selected" : ""}}>
                            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}}"
                                {{$provider_data->category_id == $category->category_id ? "selected" : ""}}>
                                {{$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" {{$provider_data->provider_carrier == "Não" ? "selected" : ""}}>
                            Não
                        </option>
                        <option value="Sim" {{$provider_data->provider_carrier == "Sim" ? "selected" : ""}}>
                            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" value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                                   value="{{$provider_data->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"
                                   value="{{$provider_data->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"
                                   value="{{$provider_data->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" value="{{$provider_data->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" value="{{$provider_data->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">{{$provider_data->provider_others_emails}}</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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_data->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"
                           value="{{$provider_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" {{$provider_banking->banking_pix_type == "CNPJ" ? "selected": ""}}>
                            CNPJ
                        </option>
                        <option value="CPF" {{$provider_banking->banking_pix_type == "CPF" ? "selected": ""}}>
                            CPF
                        </option>
                        <option value="Telefone" {{$provider_banking->banking_pix_type == "Telefone" ? "selected": ""}}>
                            Telefone
                        </option>
                        <option value="E-mail" {{$provider_banking->banking_pix_type == "E-mail" ? "selected": ""}}>
                            E-mail
                        </option>
                        <option value="Aleatória" {{$provider_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="{{$provider_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="{{$provider_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="{{$provider_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="{{$provider_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" {{$provider_banking->banking_type == "Corrente" ? "selected" : ""}}>
                            Corrente
                        </option>
                        <option value="Poupança" {{$provider_banking->banking_type == "Poupança" ? "selected" : ""}}>
                            Poupança
                        </option>
                    </select>
                </div>
            </div>
            <hr>
            <h5 class="text-dark mb-4">Contatos
                <a data-bs-toggle="offcanvas" href="#newContact" role="button"><i
                        class="fal fa-plus-circle"></i></a>
            </h5>
            <div class="row">
                <div class="col">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th style="font-size: 12px;">Nome</th>
                                <th style="font-size: 12px;">Cargo</th>
                                <th style="font-size: 12px;">Contato</th>
                                <th style="font-size: 12px;">Email</th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody id="contacts_table">
                            @foreach($provider_contacts as $contact)
                                <tr data-contact-id="{{$contact->contact_id}}">
                                    <td style="font-size: 12px;">{{$contact->contact_name}}</td>
                                    <td style="font-size: 12px;">{{$contact->contact_role}}</td>
                                    <td style="font-size: 12px;">{{$contact->contact_phone}}</td>
                                    <td style="font-size: 12px;">{{$contact->contact_email}}</td>
                                    <td style="font-size: 12px;">
                                        <i class="fal fa-pen" onclick="editContact(
                                        {{$contact->contact_id}}
                                        , '{{$contact->contact_name}}'
                                        , '{{$contact->contact_role}}'
                                        , '{{$contact->contact_phone}}'
                                        , '{{$contact->contact_email}}')" style="cursor: pointer"></i>
                                    </td>
                                    <td style="font-size: 12px;">
                                        <i class="fal fa-times" onclick="removeContact({{$contact->contact_id}})"
                                           style="cursor: pointer"></i>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </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>

    @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",
    ])

    <div class="offcanvas offcanvas-end" tabindex="-1" id="newContact" aria-labelledby="newContact">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Cadastrar contato</h5>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <form method="POST" action="{{route("providers.contacts.save")}}" enctype="multipart/form-data"
                  id="contacts_forms">
                @csrf
                <input type="hidden" name="contact_id" id="contact_id" value="">
                <input type="hidden" name="provider_id" id="provider_id" value="{{$provider_data->provider_id}}">
                <div class="row">
                    <div class="col-12 mb-2">
                        <label class="form-label" for="contact_name">Nome</label>
                        <input type="text" class="form-control" name="contact_name" id="contact_name" required>
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="contact_role">Cargo</label>
                        <input type="text" class="form-control" name="contact_role" id="contact_role">
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="contact_phone">Contato</label>
                        <input type="text" class="form-control phone-mask" name="contact_phone" id="contact_phone">
                    </div>
                    <div class="col-12 mb-2">
                        <label class="form-label" for="contact_email">E-mail</label>
                        <input type="email" class="form-control" name="contact_email" id="contact_email">
                    </div>
                    <div class="col-12 mb-2 text-center">
                        <button type="submit" class="btn btn-primary submit-forms">Salvar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <input type="hidden" id="contact_remove_path" value="{{route("providers.contacts.remove")}}">
    <input type="hidden" id="search_document" value="{{route("clients.search.document")}}">
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/provider/edit.js")}}"></script>
@endsection