@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('title', 'Editar Prestador |')

<link rel="stylesheet" href="{{ asset('argon/vendor/quill/dist/quill.core.css') }}" type="text/css">
<link href="{{asset('ijaboCropTool-master/ijaboCropTool.min.css')}}" rel="stylesheet" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
            Prestador
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('suppliers.index') }}">Lista de Prestadores</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Cadastro de Novo Prestador</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('suppliers.index') }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('suppliers.update', $supplier->id) }}" autocomplete="off"
                        enctype="multipart/form-data">
                        @method('PUT')
                        @csrf

                        <h6 class="heading-small text-muted mb-4">Informações do Prestador</h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Nome</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-single-02"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="name" value="{{$supplier->name}}" placeholder="Nome">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">E-mail</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">@</span>
                                            </div>
                                            <input type="email" class="form-control" name="email" value="{{$supplier->email}}" placeholder="Sobrenome">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">CNPJ/CPF</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-badge"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="cpf_cnpj" value="{{$supplier->cpf_cnpj}}" placeholder="CNPJ/CPF">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Telefone</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-mobile-button"></i></span>
                                            </div>
                                            <input type="text" class="form-control" name="phone_number" value="{{$supplier->phone_number}}" placeholder="Telefone">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url"> País</label>
                                        <select name="country" id="country" value="{{old('country')}}" class="form-control select2" required @error('country') is-invalid @enderror>
                                            <option value="{{$supplier->country}}">{{$supplier->country}}</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{$country->country}}">{{$country->country}}</option>
                                                @endforeach
                                        </select>
                                    @include('alerts.feedback', ['field' => 'country'])
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Estado | Cidade</label>
                                        <select name="state_city" id="state_city" value="{{old('state_city')}}" class="form-control select2" required @error('state_city') is-invalid @enderror>
                                                <option value="{{ $city->city_ascii }}" selected>{{$city->admin_name . " | " . $city->city_ascii }}</option>
                                        </select>
                                    @include('alerts.feedback', ['field' => 'state_city'])
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-4">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">CEP</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-world"></i></span>
                                            </div>
                                            <input type="text" name="zip_code" value="{{$supplier->zip_code}}" class="form-control" placeholder="CEP">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Logradouro</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-compass-04"></i></span>
                                            </div>
                                            <input type="text" name="address" value="{{$supplier->address}}" class="form-control" placeholder="Logradouro">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Bairro</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-pin-3"></i></span>
                                            </div>
                                            <input type="text" name="neighborhood" value="{{$supplier->neighborhood}}" id="input-neighborhood" class="form-control{{ $errors->has('neighborhood') ? ' is-invalid' : '' }}" placeholder="Bairro" value="{{ old('neighborhood') }}"  autofocus>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="text" name="lat" id="lat" hidden >
                            <input type="text" name="long" id="long" hidden >
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-success btn-sm">Cadastrar</button>
                        </div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
            @include('layouts.footers.auth')
        </div>
    </div>
@endsection
@push('js')
<!-- Scripts Section -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"> </script>

{{-- Country Filter Cities --}}
<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    $('#country').on('change',function(){
        let id = $("#country").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcities', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#state_city').empty();
                $('#state_city').append('<option value=""></option>');
                response.forEach(element => {
                    $('#state_city').append(`<option value="${element['city_ascii']}">${element["city_ascii"]}</option>`);
                });
            }
        });
    });
    $('#state_city').on('change',function(){
        let id = $("#state_city").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getposition', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat').empty();
                $('#long').empty();
                response.forEach(element => {
                    $('#lat').val(`${element['lat']}`);
                    $('#long').val(`${element['long']}`);
                });
            }
        });
    });
</script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- Select2 With Search -->
<script>
    $(document).ready(function() {
    $('.select2').select2({
    });
});

</script>
@endpush
@push('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
    .select2-single-selection__rendered{
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
    }
</style>
@endpush