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

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

@section('content')
    <div class="d-flex justify-content-end">
        <div class="btn-group" role="group">
            <a href="{{ route('sanofians.index') }}" class="btn btn-back btn-lg">
                <i class="bi bi-arrow-left-circle-fill"></i> Atrás
            </a>
        </div>
    </div>
    <br><br>

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

            <div class="col-md-4">
                <label for="nombre" class="form-label fw-bolder">Nombre</label>
                <input type="text" class="form-control fromcss form-control-lg" name="nombre" id="nombre"
                       value="{{ old('nombre', $sanofian->nombre) }}" required>
                @error('nombre')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="celular" class="form-label fw-bolder">Celular</label>
                <input type="text" class="form-control fromcss form-control-lg" name="celular" id="celular"
                       value="{{ old('celular', $sanofian->celular) }}" required>
                @error('celular')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="email" class="form-label fw-bolder">Email</label>
                <input type="email" class="form-control fromcss form-control-lg" name="email" id="email"
                       value="{{ old('email', $sanofian->email) }}" required>
                @error('email')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="codigo_validacion" class="form-label fw-bolder">Código de Validación</label>
                <input type="text" class="form-control fromcss form-control-lg" name="codigo_validacion" id="codigo_validacion"
                       value="{{ old('codigo_validacion', $sanofian->codigo_validacion) }}">
                @error('codigo_validacion')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="fecha_validacion" class="form-label fw-bolder">Fecha de Validación</label>
                <input type="datetime-local" class="form-control fromcss form-control-lg" name="fecha_validacion" id="fecha_validacion"
                       value="{{ old('fecha_validacion', optional($sanofian->fecha_validacion)->format('Y-m-d\TH:i')) }}">
                @error('fecha_validacion')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="fecha_aceptacion_habeas_data" class="form-label fw-bolder">Fecha de Aceptación Habeas Data</label>
                <input type="datetime-local" class="form-control fromcss form-control-lg" name="fecha_aceptacion_habeas_data" id="fecha_aceptacion_habeas_data"
                       value="{{ old('fecha_aceptacion_habeas_data', optional($sanofian->fecha_aceptacion_habeas_data)->format('Y-m-d\TH:i')) }}">
                @error('fecha_aceptacion_habeas_data')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="tipo_notificacion_id" class="form-label fw-bolder">Tipo de Notificación</label>
                <select class="form-select form-select-lg fromcss" name="tipo_notificacion_id" id="tipo_notificacion_id" data-control="select2" required>
                    <option value="">Seleccione el tipo de notificación...</option>
                    @foreach ($typeNotifications as $tipo)
                        <option value="{{ $tipo->id }}" {{ old('tipo_notificacion_id', $sanofian->tipo_notificacion_id) == $tipo->id ? 'selected' : '' }}>
                            {{ $tipo->nombre }}
                        </option>
                    @endforeach
                </select>
                @error('tipo_notificacion_id')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="categoria_viajero" class="form-label fw-bolder">Categoría del Viajero</label>
                <input type="text" class="form-control fromcss form-control-lg" name="categoria_viajero" id="categoria_viajero"
                       value="{{ old('categoria_viajero', $sanofian->categoria_viajero) }}">
                @error('categoria_viajero')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="nivel_vip" class="form-label fw-bolder">Nivel VIP</label>
                <select class="form-select form-select-lg fromcss" name="nivel_vip" id="nivel_vip" data-control="select2" required>
                    <option></option>
                    @foreach (\App\Models\Sanofian::NIVEL_VIP as $id => $nombre)
                        <option value="{{ $id }}" {{ old('nivel_vip', $sanofian->nivel_vip) == $id ? 'selected' : '' }}>
                            {{ $nombre }}
                        </option>
                    @endforeach
                </select>
                @error('nivel_vip')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Contraseña de acceso -->
            <div class="col-md-4">
                <label for="password" class="form-label fw-bolder">Contraseña de acceso</label>
                <div class="d-flex">
                    <input id="password" type="password" class="form-control form-control-lg fromcss @error('password') is-invalid @enderror" 
                        name="password" autocomplete="new-password" placeholder="Nueva contraseña">
                    <button class="btn btn-outline-secondary toggle-password" type="button" data-target="password" style="position: relative; right: 50px;">
                        <i class="fas fa-eye"></i>
                    </button>
                </div>
                <small class="form-text text-muted">Dejar en blanco para mantener la contraseña actual.</small>
                @error('password')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Confirmar contraseña -->
            <div class="col-md-4">
                <label for="password_confirmation" class="form-label fw-bolder">Confirmar contraseña</label>
                <div class="d-flex">
                    <input id="password_confirmation" type="password" class="form-control form-control-lg fromcss" 
                        name="password_confirmation" autocomplete="new-password" placeholder="Confirmar contraseña">
                    <button class="btn btn-outline-secondary toggle-password" type="button" data-target="password_confirmation" style="position: relative; right: 50px;">
                        <i class="fas fa-eye"></i>
                    </button>
                </div>
            </div>

            <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('sanofians.index') }}" class="btn btn-lg mb-3 btn-cancelar">Cancelar</a>
                    <button class="btn btn-lg mb-3 btn-enviar" type="submit">Actualizar</button>
                </div>
            </div>
        </form>
    </div>
@endsection