@extends('base')

@section('content')
    <form action="{{ route('teachers.update', $profesor->id)}}" method="POST" class="custom-validation" novalidate="">
        @csrf
   
        <h4 class="card-title mb-4">Información General Personal de Planta</h4>
        <div class="row">         
            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Nombres Completos</label>
                    <div>
                        <input type="text" class="form-control" id="name" name="name" required
                            placeholder="Digite Nombres Completos" value = "{{ $profesor->name }}" >
                    </div>
                </div>

                @error('name')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Apellidos</label>
                    <div>
                        <input type="text" class="form-control" id="last_name" name="last_name" required
                            placeholder="Digite Apellidos" value="{{ $profesor->last_name }}">
                    </div>
                </div>

                @error('last_name')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Tipo de Documento</label>
                    <div>
                        <select class="form-select" aria-label="Default select example" id="identification_type"
                            name="identification_type" value="{{ old('identification_type') }}">
                            <option selected value={{ $profesor->identification_type }}> {{ $profesor->identification_type }} </option>
                            <option value='Registro Civil'>Registro Civil</option>
                            <option value='Tarjeta de Identidad'>Tarjeta de Identidad</option>
                            <option value='Cedula de Ciudadania'>Cedula de Ciudadanía</option>
                            <option value='Cedula de Extranjería'>Cedula de Extranjería</option>
                            <option value='Pasaporte'>Pasaporte</option>
                        </select>
                    </div>
                </div>

                @error('identification_type')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">N° Documento</label>
                    <div>
                        <input type="text" class="form-control" id="identiication_number" name="identiication_number"
                            required placeholder="Digite Número de Documento" value="{{ $profesor->identiication_number }}">
                    </div>
                </div>

                @error('identiication_number')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Lugar de Nacimiento</label>
                    <select class="form-select select2" aria-label="Default select example" id="city_id" name="city_id">
                        <option value="{{ $profesor->city->id }}">{{  $profesor->city->name_city }}</option>
                        @foreach ($cities as $city)
                            <option value={{ $city->id }}>{{ $city->name_city }}</option>
                        @endforeach
                    </select>
                </div>

                @error('city_id')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-4">
                    <label for="">Fecha de Nacimiento</label>
                    <div>
                        <input type="date" class="form-control" id="birth_date" name="birth_date" required
                            value="{{ $profesor->birth_date }}">
                    </div>
                </div>

                @error('birth_date')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Teléfono</label>
                    <div>
                        <input type="number" class="form-control" id="telephone" name="telephone" required
                            placeholder="Digite Teléfono de contacto" value="{{ $profesor->telephone }}">
                    </div>
                </div>

                @error('telephone')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Direccion de Residencia</label>
                    <div>
                        <input type="text" class="form-control" id="address" name="address" required
                            placeholder="Digite Direccion de Residencia" value="{{ $profesor->address }}">
                    </div>
                </div>

                @error('address')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>
        </div>

        <div class="row">
            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Barrio</label>
                    <div>
                        <input type="text" class="form-control" id="neighborhood" name="neighborhood" required
                            placeholder="Digite Direccion de Residencia" value="{{ $profesor->neighborhood }}">
                    </div>
                </div>

                @error('neighborhood')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Email</label>
                    <div>
                        <input type="text" class="form-control" id="email" name="email" required
                            placeholder="Digite email" value="{{ $profesor->email }}">
                    </div>
                </div>

                @error('email')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Grado Escolaridad</label>
                    <div>
                        <select class="form-select" aria-label="Default select example" id="school_grade"
                            name="school_grade" value="{{ old('school_grade') }}">
                            <option selected value="{{ $profesor->school_grade }}"> {{ $profesor->school_grade }} </option>
                            <option value='Sencundaria'>Secundaria</option>
                            <option value='Tecnico'>Tecnico</option>
                            <option value='Tecnologo'>Tecnologo</option>
                            <option value='Universitario'>Universitario</option>
                        </select>
                    </div>
                </div>

                @error('school_grade')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Titulo Obtenido</label>
                    <div>
                        <input type="text" class="form-control" id="titles_obteined" name="titles_obteined" required
                            placeholder="Digite Titulo Obtenido" value="{{ $profesor->titles_obteined }}">
                    </div>
                </div>

                @error('titles_obteined')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>


            <div class="row">
                <div class="col-md-3">
                    <div class="mb-3">
                        <label for="">Cargo</label>
                        <div>
                            <select class="form-select" aria-label="Default select example" id="position"
                                name="position" value="{{ old('position') }}">
                                <option selected value="{{ $profesor->position }}"> {{ $profesor->position }}</option>
                                <option value='Administrativo'>Administrativo</option>
                                <option value='Docente'>Docente</option>
                                <option value='Operativo'>Operativo</option>
                            </select>
                        </div>
                    </div>

                    @error('position')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="mdi mdi-block-helper me-2"></i>
                            {{ $message }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <div class="mb-3 mt-4">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="formCheck2" checked="false"
                                name="status">
                            <label class="form-check-label" for="formCheck2">
                                Activo
                            </label>
                        </div>
                    </div>

                    @error('status')
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="mdi mdi-block-helper me-2"></i>
                            {{ $message }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @enderror
                </div>
            </div>

            <div class="mb-0 float-end">
                <div>
                    <button type="submit" class="btn btn-primary waves-effect waves-light me-1">
                        Guardar Registro
                    </button>
                </div>
            </div>
    </form>
@endsection