@extends('patrullaje_lotes.layout')

@section('patrullaje_lotes.m_header')

@endsection

@section('patrullaje_lotes.breadcrumbs')
    <!-- Content Header (patrullaje_lotes breadcrumbs) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>@lang('Patrullaje Lote')</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('patrullaje_lotes.index') }}">Lotes de Patrullaje</a></li>
                        <li class="breadcrumb-item active">@lang('Edit') @lang('Patrullaje Lote') #{{ $patrullajeLote->numero_lote }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('patrullaje_lotes.content')
    <div class="row">
        <div class="col-12">
            <!-- Mostrar errores de validación -->
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <h4 class="alert-heading"><i class="fas fa-exclamation-circle"></i> @lang('Validation Error')</h4>
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <!-- Mostrar mensajes de sesión -->
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle"></i> {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-circle"></i> {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <div class="card card-warning card-outline">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-edit"></i> @lang('Edit') @lang('Patrullaje Lote') #{{ $patrullajeLote->numero_lote }}
                    </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>

                <form action="{{ route('patrullaje_lotes.update', $patrullajeLote) }}" method="POST">
                    @method('PUT')
                    @csrf

                    <div class="card-body">
                        <!-- Fila 1: Número de Lote y Usuario -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="numero_lote" class="form-label">
                                        <i class="fas fa-barcode"></i> Número de Lote <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" name="numero_lote" id="numero_lote" 
                                        class="form-control @error('numero_lote') is-invalid @enderror" 
                                        value="{{ old('numero_lote', $patrullajeLote->numero_lote) }}" 
                                        required readonly/>
                                    @error('numero_lote')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="usuario_id" class="form-label">
                                        <i class="fas fa-user"></i> Usuario Responsable
                                    </label>
                                    <input type="text" class="form-control" 
                                        value="{{ $patrullajeLote->usuario->name ?? 'N/A' }}" readonly/>
                                    <small class="text-muted">Usuario en sesión: {{ Auth::user()->name }}</small>
                                </div>
                            </div>
                        </div>

                        <!-- Fila 2: Tipo de Personal y Zona -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="tipo_personal" class="form-label">
                                        <i class="fas fa-shield-alt"></i> Tipo de Personal <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" name="tipo_personal" id="tipo_personal" 
                                        class="form-control @error('tipo_personal') is-invalid @enderror" 
                                        value="{{ old('tipo_personal', $patrullajeLote->tipo_personal) }}" 
                                        placeholder="Ej: Policías, Civiles" required/>
                                    @error('tipo_personal')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="zona" class="form-label">
                                        <i class="fas fa-map-marker-alt"></i> Zona <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" name="zona" id="zona" 
                                        class="form-control @error('zona') is-invalid @enderror" 
                                        value="{{ old('zona', $patrullajeLote->zona) }}" 
                                        placeholder="Ej: Centro, Periferia" required/>
                                    @error('zona')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Fila 3: Fecha de Patrulla y Cantidad de Personal -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="fecha_patrulla" class="form-label">
                                        <i class="fas fa-calendar-alt"></i> Fecha de Patrulla <span class="text-danger">*</span>
                                    </label>
                                    <input type="date" name="fecha_patrulla" id="fecha_patrulla" 
                                        class="form-control @error('fecha_patrulla') is-invalid @enderror" 
                                        value="{{ old('fecha_patrulla', $patrullajeLote->fecha_patrulla?->format('Y-m-d')) }}" required/>
                                    @error('fecha_patrulla')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="cantidad_personal" class="form-label">
                                        <i class="fas fa-people-carry"></i> Cantidad de Personal <span class="text-danger">*</span>
                                    </label>
                                    <input type="number" name="cantidad_personal" id="cantidad_personal" 
                                        class="form-control @error('cantidad_personal') is-invalid @enderror" 
                                        value="{{ old('cantidad_personal', $patrullajeLote->cantidad_personal) }}" 
                                        min="1" required/>
                                    @error('cantidad_personal')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Fila 4: Estado -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="estado" class="form-label">
                                        <i class="fas fa-traffic-light"></i> Estado <span class="text-danger">*</span>
                                    </label>
                                    <select name="estado" id="estado" 
                                        class="form-control form-select @error('estado') is-invalid @enderror" required>
                                        <option value="">Selecciona un estado</option>
                                        <option value="activo" {{ old('estado', $patrullajeLote->estado) === 'activo' ? 'selected' : '' }}>
                                            <i class="fas fa-check-circle"></i> Activo
                                        </option>
                                        <option value="completado" {{ old('estado', $patrullajeLote->estado) === 'completado' ? 'selected' : '' }}>
                                            <i class="fas fa-flag-checkered"></i> Completado
                                        </option>
                                        <option value="cancelado" {{ old('estado', $patrullajeLote->estado) === 'cancelado' ? 'selected' : '' }}>
                                            <i class="fas fa-times-circle"></i> Cancelado
                                        </option>
                                    </select>
                                    @error('estado')
                                        <div class='invalid-feedback'>{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Descripción -->
                        <div class="mb-3">
                            <label for="descripcion" class="form-label">
                                <i class="fas fa-file-alt"></i> Descripción
                            </label>
                            <textarea name="descripcion" id="descripcion" 
                                class="form-control @error('descripcion') is-invalid @enderror" 
                                rows="4" placeholder="Detalles adicionales del lote...">{{ old('descripcion', $patrullajeLote->descripcion) }}</textarea>
                            @error('descripcion')
                                <div class='invalid-feedback'>{{ $message }}</div>
                            @enderror
                        </div>


                    </div>

                    <div class="card-footer bg-light">
                        <div class="d-flex flex-row align-items-center justify-content-between">
                            <a href="{{ route('patrullaje_lotes.show', $patrullajeLote) }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left"></i> @lang('Cancel')
                            </a>
                            <button type="submit" class="btn btn-warning">
                                <i class="fas fa-save"></i> @lang('Update') Lote
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('patrullaje_lotes.scripts')
    <script>
        $(document).ready(function() {
            // Inicializar Select2 para el selector de personal (opcional)
            $('#personal_ids').select2({
                theme: 'bootstrap-5',
                placeholder: 'Selecciona el personal a asignar',
                allowClear: true,
                width: '100%'
            });
        });
    </script>
@endsection