@php
$VerEditor = auth()->user()->can('Pasantes - Editor') && $cliente->tipo_cuenta == 'Despacho'
@endphp
@if($VerEditor)
@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL PASANTE')
@section('contenido')
<form action="{{ route('pasantes.update', $datos->codigo_pasa) }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-md-4 col-12">
            <div class="card text-center">
                <div class="card-body">
                    @if ($datos->photo)
                    <img src="{{ asset('/assets/img/perfiles/' . $datos->photo) }}" class=" mt-4" alt="Logo" width="150" height="150" >
                    @else
                    <img src="{!! asset('/assets/img/usuario.png') !!}" alt="Logo" class="mt-4" width="150" height="150" >
                    @endif
                    <p class="control-label">Fotografía del abogado<br> {{ "( 500 * 500 px)" }}</p>
                    <input class="form-control mt-2" name="fotografia" type="file">
                </div>
            </div>
        </div>
        <div class="col-md-8 col-12">
            <div class="card">
                <div class="card-body">
                    <label class="control-label mt-2">Correo electrónico</label>
                    <input class="form-control" type="text"  value="{{ $datos->email }}" disabled>
                    <label class="control-label is-required mt-2">Nombre</label>
                    <input class="form-control" type="text" name="nombre" value="{{ $datos->name }}" required>
                    <label class="control-label  mt-2">Teléfono</label>
                    <input class="form-control" type="text" name="telefono" value="{{ $datos->phone }}">
                    <label class="control-label mt-1">Cédula profesional</label>
                    <input class="form-control" type="text" name="cedula"  value="{{ $datos->professionalID }}">
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row mt-3">
                <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_pasa }}">
                </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" 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-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">Código postal</label>
                    <input class="form-control" type="text" name="cp"  value="{{ $datos->cp_pasa }}">
                </div>
                <div class="col-md-12 col-12">
                    <label class="control-label">Especialidad</label>
                    <input class="form-control" type="text" name="especialidad"  value="{{ $datos->specialty }}">
                </div>
                <div class="col-md-12 col-12">
                    <label class="control-label">Descripción de la especialidad</label>
                    <textarea name="descripcion" class="form-control" >{{ $datos->descripcion_pasa }}</textarea>
                </div>
                <div class="col-md-12 col-12">
                    @can('Pasantes - Editor')
                    <button type="submit" class="btn btn-outline-success mt-2"><i class="bx bx-save"></i> Guardar</button>
                    @endcan
                    <a href="{{ route('pasantes.index')}}" class="btn btn-outline-danger mt-2">
                        <i class="bx bxs-arrow-from-right"></i><span> Regresar</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</form>
<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