@extends('layout.template')
@section('content')
    <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
        <ol class="breadcrumb">
            <a href="{{ url('bitacora') }}" class="btn btn-rounded btn-dark back-fixed"
                aria-label="Regresar">
                <span class="btn-icon-start text-dark"><i class="fa fa-arrow-left"></i></span>
                Regresar
            </a>
        </ol>
    </div>
    <div class="content-body">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="p-3 fw-semibold fs-3" style="color: var(--text-dark);">Bitácora - Agregar incidencia</div>
                        </div>
                        <div class="card-body">

                            @if(session('success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('success') }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif

                            @if($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <ul class="mb-0">
                                        @foreach($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif

                            <form action="{{ route('storeBitacora') }}" method="POST">
                                @csrf

                                {{-- Campos auto-rellenados (solo lectura) --}}
                                <div class="row mb-3">
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold">Usuario</label>
                                        <input type="text" class="form-control" value="{{ Auth::user()->usu_usuario }}" readonly disabled>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold">Dirección IP</label>
                                        <input type="text" class="form-control" value="{{ request()->ip() }}" readonly disabled>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label fw-semibold">Hostname</label>
                                        <input type="text" class="form-control" value="{{ gethostbyaddr(request()->ip()) }}" readonly disabled>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label class="form-label fw-semibold">Ruta</label>
                                        <input type="text" class="form-control" value="{{ request()->path() }}" readonly disabled>
                                        <small class="text-muted">Se registrará la ruta desde la que se envía este formulario.</small>
                                    </div>
                                </div>

                                <hr>

                                {{-- Fecha y hora del evento --}}
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <label for="fecha_hora" class="form-label fw-semibold">Fecha y hora del evento <span class="text-danger">*</span></label>
                                        <input type="datetime-local" id="fecha_hora" name="fecha_hora"
                                            class="form-control @error('fecha_hora') is-invalid @enderror"
                                            value="{{ old('fecha_hora', now()->format('Y-m-d\TH:i')) }}" required>
                                        @error('fecha_hora')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label for="created_at" class="form-label fw-semibold">Fecha de creación del registro <span class="text-danger">*</span></label>
                                        <input type="datetime-local" id="created_at" name="created_at"
                                            class="form-control @error('created_at') is-invalid @enderror"
                                            value="{{ old('created_at', now()->format('Y-m-d\TH:i')) }}" required>
                                        @error('created_at')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- Acción --}}
                                <div class="mb-3">
                                    <label for="accion" class="form-label fw-semibold">Acción / Descripción de la incidencia <span class="text-danger">*</span></label>
                                    <textarea id="accion" name="accion" rows="4"
                                        class="form-control @error('accion') is-invalid @enderror"
                                        placeholder="Describe la acción o incidencia realizada..." required>{{ old('accion') }}</textarea>
                                    @error('accion')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Consulta --}}
                                <div class="mb-4">
                                    <label for="consulta" class="form-label fw-semibold">Consulta / Detalle adicional</label>
                                    <textarea id="consulta" name="consulta" rows="4"
                                        class="form-control @error('consulta') is-invalid @enderror"
                                        placeholder="Información adicional, consulta SQL o datos relacionados (opcional)...">{{ old('consulta') }}</textarea>
                                    @error('consulta')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="d-flex gap-2">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-save me-1"></i> Guardar incidencia
                                    </button>
                                    <a href="{{ route('bitacora') }}" class="btn btn-secondary">
                                        <i class="fa fa-times me-1"></i> Cancelar
                                    </a>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
@endpush