@extends('layouts.index', ['subHeader' => 'Editar Personal Sanofi'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard </a>
    <a href="{{ route('personal.index') }}" class="text-decoration-none text-dark">/ Personal </a>
    <span>/ Editar registro</span>
@endsection

@section('content')
    <div class="">
        <div class=" d-flex justify-content-end">
            <div class="btn-group" role="group" aria-label="">
                <a href="{{route('personal.index')}}" type="button" class="btn btn-back btn-lg ">
                    <i class="bi bi-arrow-left-circle-fill"></i> Atrás
                </a>
            </div>
        </div>
        <br>
    </div>
    <br>
    <div class="container-fluid shadow-s p-4">
        <form class="row g-3" action="{{ route('personal.editBack', ['id' => $personal->id]) }}" method="post">
            @csrf
            <input type="hidden" name="id" value="{{ $personal->id }}">

            <h1 class="fs-3 fw-bolder">Nuevo Registro de Personal</h1>

            <!-- aprobacion de registro -->
            <div>
                <span class="fs-5">Aprobación de registro</span>

                <div class="mt-2 d-flex flex-wrap">
                    <div class="d-flex flex-wrap">
                        <div class="form-check m-2">
                            <input class="form-check-input" type="radio" name="aprobacion" value="1" id="aprobacion"
                            {{$personal->aprobacion === 1 ? 'checked' : ''}}>
                            <div>
                                <img src="img/exitoso.png" width="15px" alt="">
                                <label class="fs-6" for="flexRadioDefault1">
                                    Aprobado
                                </label>
                            </div>
                        </div>
                        <div class="form-check m-2">
                            <input class="form-check-input" type="radio" name="aprobacion" value="0" id="aprobacion"
                            {{$personal->aprobacion === 0 ? 'checked' : ''}}>
                            <div>
                                <img src="img/error.png" width="15px" alt="">
                                <label class="fs-6" for="flexRadioDefault2">
                                    Rechazado
                                </label>
                            </div>
                        </div>                        
                    </div>
                </div>
                <hr>
                <br>
            </div>

            <!-- fin aprobacion de registro -->


            <div class="col-md-6">
                <label for="inputEmail4" class="form-label fw-bolder ">Nombres</label>
                <input type="text" name="nombre" class="form-control fromcss form-control-lg" id="nombre" placeholder="Nombre" value="{{$personal->nombre}}"
                oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '')" required>
            </div>
            <div class="col-md-6">
                <label for="" class="form-label fw-bolder ">Apellidos</label>
                <input type="text" name= "apellido" class="form-control fromcss form-control-lg" id="apellido" placeholder="Apellido" value="{{$personal->apellido}}"
                oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '')" required>
            </div>            
            <div class="col-md-6">
                <label for="" class="form-label fw-bolder ">Nombre del departamento</label>
                <select name="departamento_id" id="departamento_id" class="form-select form-select-lg fromcss">
                    <option selected value="{{$personal->departamento_id}}">{{ optional($personal->departamentos)->nombre }}</option>
                    @foreach($departamentos as $departamento)
                        @if ($departamento->id !== $personal->departamento_id)
                            <option value={{ $departamento->id }}>{{$departamento->nombre}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            
            
            <div class="col-md-6">
                <label for="" class="form-label fw-bolder ">Número Interno</label>
                <input type="number" name="numero_interno" class="form-control fromcss form-control-lg" id="numero_interno" placeholder="Campo"value="{{$personal->numero_interno}}"required>
            </div>

            <br>
            <div class="col-12 d-flex justify-content-end mt-5">
                <div class="flex-row g-4 w-100 justify-content-end">
                    <a href="{{route('personal.index')}}" class="btn btn-lg mb-3 btn-cancelar">Cancelar</a>
                    <button class=" btn btn-lg mb-3 btn-enviar" type="submit">Guardar</button>
                </div>
            </div>
        </form>
    </div>
@endsection