@php
$VerEditor =  auth()->user()->can('Pasantes - Visor') || auth()->user()->can('Pasantes - Editor')
@endphp
@if($VerEditor)
@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL PASANTE')
@section('contenido')
<div class="card">
    <div class="card-body">
        <form action="{{ route('pasantes.update', $datos->codigo_pasa) }}" method="POST" enctype="multipart/form-data">
            @csrf
        <div class="row">
            <div class="col-md-12 col-12 text-center mt-2">
                @if ($datos->fotografia_pasa)
                <img src="{{ asset('/assets/img/perfiles/' . $datos->fotografia_pasa) }}" class="rounded-circle" alt="Logo" width="150" >
                @else
                <img src="{!! asset('/assets/img/usuario.png') !!}" alt="Logo" width="150" height="150" >
                @endif
            </div>
            <div class="col-md-12 col-12">
                <label class="control-label">Fotografía del abogado {{ "( 500 * 500 px)" }}</label>
                <input class="form-control" name="fotografia" type="file">
            </div>
            <div class="col-md-6 col-12">
                <label class="control-label is-required">Nombre</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->telefono_pasa }}">
            </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_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 example" name="pais" id="pais" required>
                    @if ($datos->pais_pasa)
                    <option value="{{ $datos->pais_pasa }}">{{ $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->estado_pasa)
                    <option value="{{ $datos->estado_pasa }}">{{ $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_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->especialidad_pasa }}">
            </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>
        </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()}}/pasantes/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