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

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

@section('content')
    <div class="row">
        <div class="d-flex flex-wrap justify-content-between w-100 voltearv">
            <div class="row" style="width:60%">
                <div class="col-md-6">
                    <div class="shadow-s">
                        <div class="d-flex flex-column p-3">
                            <span class="fs-4 fw-bolder purple">Último consecutivo</span>
                            <span class="fs-5 fw-bolder gray">{{ $ultimoConsecutivo }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="shadow-s">
                        <div class="d-flex flex-column p-3">
                            <span class="fs-4 fw-bolder purple">Consecutivo disponible</span>
                            <span class="fs-5 fw-bolder gray">{{ $ultimoConsecutivo + 1 }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w-s">
                <div class="btn-group mb-2" role="group" aria-label="">
                    <a href="{{ route('registros.index') }}" type="button" class="btn btn-enviar btn-lg btn-block">
                        <i class="bi bi-arrow-left-circle-fill"></i> Atrás
                    </a>
                </div>
            </div>
        </div>
    </div>

    <br>
    <div class="container-fluid shadow-s p-4">
        <form class="row g-3" action="{{ route('registros.update', ['id' => $registro->id]) }}" method="POST">
            @csrf
            @method('PUT')
            <h1 class="fs-3x fw-bolder">Editar registro</h1>

            <!-- Aprobación de registro -->
            @hasanyrole('admin|Super Admin')
                <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" id="aprobacion1" value="1"
                                {{ $registro->aprobacion == 1 ? 'checked' : '' }}>
                            <div>
                                <img src="{{ asset('img/exitoso.png') }}" width="15px" alt="true">
                                <label class="fs-6" for="aprobacion1">
                                    Aprobado
                                </label>
                            </div>
                        </div>
                        <div class="form-check m-2">
                            <input class="form-check-input" type="radio" name="aprobacion" id="aprobacion2" value="0"
                                {{ $registro->aprobacion == 0 ? 'checked' : '' }}>
                            <div>
                                <img src="{{ asset('img/error.png') }}" width="15px" alt="false">
                                <label class="fs-6" for="aprobacion2">
                                    Rechazado
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                @error('aprobacion')
                    <div class="text-danger">@lang($message)</div>
                @enderror
                <hr>
            @endhasanyrole

            <!-- Consecutivo -->
            <div class="col-md-4">
                <label for="consecutivo" class="form-label fw-bolder">Consecutivo</label>
                <input type="number" class="form-control fromcss  form-control-lg" name="consecutivo" id="consecutivo"
                    value="{{ old('consecutivo', $registro->consecutivo) }}" required>
                @error('consecutivo')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Compañía solicitante -->
            <div class="col-md-4">
                <label for="compania_solicitante_id" class="form-label fw-bolder">Compañía solicitante</label>
                <select name="compania_solicitante_id" id="compania_solicitante_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Compañía solicitante..." required>
                    <option></option>
                    @foreach ($entidades as $entidad)
                        <option value={{ $entidad->id }}
                            {{ $registro->compania_solicitante_id == $entidad->id ? 'selected' : '' }}>
                            {{ $entidad->nombre }}</option>
                    @endforeach
                </select>
                @error('compania_solicitante_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Ceco -->
            <div class="col-md-4">
                <label for="ceco" class="form-label fw-bolder">Ceco</label>
                <input type="text" class="form-control fromcss  form-control-lg" name="ceco" id="ceco"
                    value="{{ $registro->ceco }}" required>
                @error('ceco')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Proveedor -->
            <div class="col-md-4">
                <label for="proveedor_id" class="form-label fw-bolder">Proveedor</label>
                <select name="proveedor_id" id="proveedor_id" class="form-select fromcss  form-select-lg" data-control="select2"
                    data-placeholder="Seleccione Proveedor..." required>
                    <option></option>
                    @foreach ($proveedores as $proveedor)
                        <option value={{ $proveedor->id }}
                            {{ $registro->proveedor_id == $proveedor->id ? 'selected' : '' }}>{{ $proveedor->nombre }}
                        </option>
                    @endforeach
                </select>
                @error('proveedor_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Área solicitante -->
            <div class="col-md-4">
                <label for="area_solicitante_id" class="form-label fw-bolder">Área solicitante</label>
                <select name="area_solicitante_id" id="area_solicitante_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Área solicitante..." required>
                    <option></option>
                    @foreach ($areas as $area)
                        <option value={{ $area->id }}
                            {{ $registro->area_solicitante_id == $area->id ? 'selected' : '' }}>{{ $area->nombre }}
                        </option>
                    @endforeach
                </select>
                @error('area_solicitante_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- En Blanco -->
            <div class="col-md-4"></div>

            <!-- País de origen -->
            <div class="col-md-4">
                <label for="pais_origen_id" class="form-label fw-bolder">País de origen</label>
                <select name="pais_origen_id" id="pais_origen_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione País de origen..." required>
                    <option></option>
                    @foreach ($paises as $pais)
                        <option value="{{ $pais->id }}"
                            {{ $registro->pais_origen_id == $pais->id ? 'selected' : '' }}>
                            {{ $pais->nombre }}</option>
                    @endforeach
                </select>
                @error('pais_origen_id')
                    <div class="text-danger" style="color: red;">{{ $message }}</div>
                @enderror
            </div>

            <!-- Ciudad de origen -->
            <div class="col-md-4">
                <label for="ciudad_origen_id" class="form-label fw-bolder">Ciudad de origen</label>
                <select name="ciudad_origen_id" id="ciudad_origen_id" class="form-control fromcss  form-control-lg"
                    data-control="select2" data-placeholder="Seleccione Ciudad de origen..." required>
                    <option value="">Seleccione Ciudad de origen...</option>
                    @if ($registro->pais_origen_id)
                        @foreach ($ciudades as $ciudad)
                            @if ($ciudad->id_pais == $registro->pais_origen_id)
                                <option value="{{ $ciudad->id }}"
                                    {{ $registro->ciudad_origen_id == $ciudad->id ? 'selected' : '' }}>
                                    {{ $ciudad->nombre }}
                                </option>
                            @endif
                        @endforeach
                    @endif
                </select>
                @error('ciudad_origen_id')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>

            <!-- Fecha y hora inicio -->
            <div class="col-md-4">
                <label for="fecha_inicio" class="form-label fw-bolder">Fecha y hora inicio</label>
                <input type="datetime-local" class="form-control fromcss  form-control-lg" name="fecha_inicio" id="fecha_inicio"
                    value="{{ old('fecha_inicio', date('Y-m-d\TH:i', strtotime($registro->fecha_inicio))) }}" required>
            </div>

            <!-- País de destino -->
            <div class="col-md-4">
                <label for="pais_destino_id" class="form-label fw-bolder">País de destino</label>
                <select name="pais_destino_id" id="pais_destino_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione País de destino..." required>
                    <option></option>
                    @foreach ($paises as $pais)
                        <option value="{{ $pais->id }}"
                            {{ $registro->pais_destino_id == $pais->id ? 'selected' : '' }}>
                            {{ $pais->nombre }}</option>
                    @endforeach
                </select>
                @error('pais_destino_id')
                    <div class="text-danger" style="color: red;">{{ $message }}</div>
                @enderror
            </div>

            <!-- Ciudad de destino -->
            <div class="col-md-4">
                <label for="ciudad_destino_id" class="form-label fw-bolder">Ciudad de destino</label>
                <select name="ciudad_destino_id" id="ciudad_destino_id" class="form-control fromcss  form-control-lg"
                    data-control="select2" data-placeholder="Seleccione Ciudad de destino..." required>
                    <option value="">Seleccione Ciudad de destino...</option>
                    @if ($registro->pais_destino_id)
                        @foreach ($ciudades as $ciudad)
                            @if ($ciudad->id_pais == $registro->pais_destino_id)
                                <option value="{{ $ciudad->id }}"
                                    {{ $registro->ciudad_destino_id == $ciudad->id ? 'selected' : '' }}>
                                    {{ $ciudad->nombre }}
                                </option>
                            @endif
                        @endforeach
                    @endif
                </select>
                @error('ciudad_destino_id')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>

            <!-- Fecha y hora final -->
            <div class="col-md-4">
                <label for="fecha_final" class="form-label fw-bolder">Fecha y hora final</label>
                <input type="datetime-local" class="form-control fromcss  form-control-lg" name="fecha_final" id="fecha_final"
                    value="{{ old('fecha_final', date('Y-m-d\TH:i', strtotime($registro->fecha_final))) }}" required>
            </div>

            <!-- Clase de servicio -->
            <div class="col-md-4">
                <label for="clase_servicio_id" class="form-label fw-bolder">Clase de servicio</label>
                <select name="clase_servicio_id" id="clase_servicio_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Clase de servicio..." required>
                    <option></option>
                    @foreach ($clase_servicios as $clase_servicio)
                        <option value={{ $clase_servicio->id }}
                            {{ $registro->clase_servicio_id == $clase_servicio->id ? 'selected' : '' }}>
                            {{ $clase_servicio->nombre }}</option>
                    @endforeach
                </select>
                @error('clase_servicio_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Analista gestor -->
            <div class="col-md-4">
                <label for="analista_gestor_id" class="form-label fw-bolder">Analista gestor</label>
                <select name="analista_gestor_id" id="analista_gestor_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Analista gestor..." required>
                    <option></option>
                    @foreach ($analista_gestor as $analista)
                        <option value={{ $analista->id }}
                            {{ $registro->analista_gestor_id == $analista->id ? 'selected' : '' }}>
                            {{ $analista->nombre_personal }}</option>
                    @endforeach
                </select>
                @error('analista_gestor_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Estado del servicio -->
            <div class="col-md-4">
                <label for="estado_servicio" class="form-label fw-bolder">Estado del servicio</label>
                <select name="estado_servicio" id="estado_servicio" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Estado del servicio..." required>
                    <option></option>
                    @foreach (App\Models\Registro::NOMBRE_ESTADOS as $key => $estado)
                        <option value="{{ $key }}" {{ $registro->estado_servicio == $key ? 'selected' : '' }}>
                            {{ $estado }}</option>
                    @endforeach
                </select>
                @error('estado_servicio')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Persona a proteger -->
            <div class="col-md-4">
                <label for="persona_proteger" class="form-label fw-bolder">Persona a proteger</label>
                <input type="text" class="form-control fromcss  form-control-lg" name="persona_proteger" id="persona_proteger"
                    value="{{ $registro->persona_proteger }}" required>
            </div>

            <!-- Tipo de recurso -->
            <div class="col-md-4">
                <label for="tipo_recurso_id" class="form-label fw-bolder">Tipo de recurso</label>
                <select name="tipo_recurso_id" id="tipo_recurso_id" class="form-select fromcss  form-select-lg"
                    data-control="select2" data-placeholder="Seleccione Tipo de recurso..." required>
                    <option></option>
                    @foreach ($tipo_recursos as $tipo_recurso)
                        <option value={{ $tipo_recurso->id }}
                            {{ $registro->tipo_recurso_id == $tipo_recurso->id ? 'selected' : '' }}>
                            {{ $tipo_recurso->nombre }}</option>
                    @endforeach
                </select>
                @error('tipo_recurso_id')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>

            <!-- Cantidad de recursos -->
            <div class="col-md-4">
                <label for="cantidad_recursos" class="form-label fw-bolder">Cantidad de recursos</label>
                <input type="number" class="form-control fromcss  form-control-lg" name="cantidad_recursos"
                    id="cantidad_recursos" value="{{ $registro->cantidad_recursos }}" placeholder="0" required>
            </div>

            <!-- Especificaciones del servicio -->
            <div class="col-md-12">
                <label for="especificacion_recurso" class="form-label fw-bolder">Especificaciones del servicio</label>
                <textarea rows="3" style="height: auto;" class="form-control fromcss  form-control-lg" name="especificacion_recurso"
                    id="especificacion_recurso" placeholder="Escribe aquí las especificaciones del servicio..." required>{{ $registro->especificacion_recurso }}</textarea>
            </div>

            <br><br>
            <div class="col-12 d-flex justify-content-end">
                <div class="flex-row g-4 w-100 justify-content-end">
                    <a href="{{ route('registros.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