@php
$VerEditor =  auth()->user()->can('Clientes - Visor') || auth()->user()->can('Clientes - Editor')
@endphp
@if($VerEditor)
@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL CLIENTE')
@section('contenido')
<div class="card">
    <div class="card-body">
        <form action="{{ route('clientes.update', $datos->codigo_clie) }}" method="POST" enctype="multipart/form-data">
            @csrf
        <div class="row">
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Nombre de usuario</label>
                <input class="form-control" type="text" name="nombre"  value="{{ $datos->name }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Correo electrónico</label>
                <input class="form-control" type="text"  value="{{ $datos->email }}" disabled>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Teléfono</label>
                <input class="form-control" type="text" name="telefono"  value="{{ $datos->phone }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">WhatsApp</label>
                <input class="form-control" type="text" name="whatsapp"  value="{{ $datos->whatsapp_clie }}">
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Empresa</label>
                <input class="form-control" type="text" name="empresa"  value="{{ $datos->empresa_clie }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Ciudad</label>
                <input class="form-control" type="text" name="ciudad"  value="{{ $datos->city }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Código postal</label>
                <input class="form-control" type="text" name="codigoPostal"  value="{{ $datos->cp_clie }}">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">País</label>
                <select class="form-select" aria-label="Default select example" name="pais" id="pais" required>
                    @if ($datos->country)
                    <option value="{{ $datos->country }}">{{ $datos->nombre_pais }}</option>
                    @else
                    <option value="">Selecciona el país</option>
                    @endif
                    @foreach ($paises as $pais)
                        <option value="{{ $pais->id }}">{{$pais->nombre_pais}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Estado</label>
                <select class="form-select inputCs modulo" aria-label="Default select example" name="estado" id="estado" required>
                    @if ($datos->state)
                    <option value="{{ $datos->state }}">{{ $datos->nombre_estado }}</option>
                    @else
                    <option value="">Selecciona el estado</option>
                    @endif
                </select>
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Dirección</label>
                <input class="form-control" type="text" name="direccion"  value="{{ $datos->direccion_clie }}">
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Descripción del cliente</label>
                <textarea class="form-control"  name="descripcion">{{ $datos->descripcion_clie }}</textarea>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label">Genero</label>
                <select class="form-select" aria-label="Default select example" name="genero" required>
                    @if ($datos->genero_clie)
                    <option value="{{ $datos->genero_clie }}">{{ $datos->genero_clie }}</option>
                    @else
                    <option value="">Selecciona el genero</option>
                    @endif
                    <option value="Masculino">Masculino</option>
                    <option value="Femenino">Femenino</option>
                    <option value="Otro">Otro</option>
                </select>
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Categoría del cliente</label>
                <select class="form-select" aria-label="Default select example" name="categoria" required>
                    @if ($datos->categoria_clie)
                    <option value="{{ $datos->categoria_clie }}">{{ $datos->nombre_clca }}</option>
                    @else
                    <option value="">Selecciona la categoría</option>
                    @endif
                    @foreach ($categorias as $categoria)
                        <option value="{{ $categoria->id }}">{{$categoria->nombre_clca}}</option>
                    @endforeach
                </select>
            </div>
            @if((auth()->user()->hasRole('Super Administrador') || auth()->user()->hasRole('Administrador')) && $cliente->tipo_cuenta == 'Despacho')
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Abogado asignado al cliente</label>
                <select class="form-select" aria-label="Default select example" name="abogado" required>
                    @if ($datos->abogado_clie)
                    <option value="{{ $datos->abogado_clie }}">{{ $datos->abogado }}</option>
                    @else
                    <option value="">Seleccione el abogado</option>
                    @endif
                    @foreach ($abogados as $abogado)
                        <option value="{{ $abogado->id }}">{{$abogado->name}}</option>
                    @endforeach
                </select>
            </div>
            @endif
            <div class="col-md-12 col-12">
                @can('Clientes - Editor')
                <button type="submit" class="btn btn-outline-success mt-2"><i class="bx bx-save"></i> Guardar</button>
                @endcan
                <a href="{{ route('clientes.index')}}" class="btn btn-outline-danger mt-2">
                    <i class="bx bxs-arrow-from-right"></i><span> Regresar</span>
                </a>
            </div>
        </div>
        </form>
    </div>
</div>
<script>
    $(document).ready(function() {
        $(function(){
            $('#pais').off('change'); // Desvincular eventos 'change' anteriores
            $('#pais').on('change', onSelectPais);
        });
        function onSelectPais(){
            var id = $(this).val();
            $.get('{{Request::root()}}/estados/'+id+'', function(data){
                var html_select = '';
                for(var i=0; i<data.length; ++i)
                html_select += '<option value="'+data[i].id+'">'+data[i].nombre_estado+'</option>';
                $('#estado').html(html_select);
            });
        }
    });
</script>
@endsection
@endif