@extends('layouts.app')
@section('title','Importar Biométrico')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Importar desde Biométrico</h1><div class="highlight-bar"></div></div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('rrhh.asistencias.index') }}">Asistencia</a></li>
                    <li class="breadcrumb-item active">Importar Biométrico</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
<div class="container-fluid">

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif
@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

<div class="row">
    {{-- Formulario de importación --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-file-upload mr-2"></i>Cargar Archivo del Biométrico</h3></div>
            <div class="card-body">
                <div class="callout callout-info mb-3">
                    <h6><i class="fas fa-info-circle mr-1"></i>Formatos aceptados:</h6>
                    <p class="mb-1"><strong>Formato A</strong> — Una marcación por fila (primer registro = entrada, último = salida):</p>
                    <code class="d-block mb-2" style="font-size:0.8rem">DNI,Fecha,Hora<br>72345678,2026-05-08,08:05<br>72345678,2026-05-08,17:15</code>
                    <p class="mb-1"><strong>Formato B</strong> — Entrada y salida en la misma fila:</p>
                    <code class="d-block mb-2" style="font-size:0.8rem">DNI,Fecha,HoraEntrada,HoraSalida<br>72345678,2026-05-08,08:05,17:15</code>
                    <p class="mb-0 text-muted" style="font-size:0.8rem">
                        Separadores aceptados: coma (,) punto y coma (;) o tabulador.<br>
                        Fechas: YYYY-MM-DD o DD/MM/YYYY.<br>
                        Solo se importan empleados con DNI registrado en el ERP.
                    </p>
                </div>

                <form method="POST" action="{{ route('rrhh.asistencias.importar.store') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Archivo CSV / TXT <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input @error('archivo') is-invalid @enderror"
                                       id="archivo" name="archivo" accept=".csv,.txt" required>
                                <label class="custom-file-label" for="archivo">Seleccionar archivo...</label>
                            </div>
                        </div>
                        @error('archivo')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label>Fecha Inicio <span class="text-danger">*</span></label>
                            <input type="date" name="fecha_inicio" class="form-control @error('fecha_inicio') is-invalid @enderror"
                                   value="{{ old('fecha_inicio', now()->startOfMonth()->toDateString()) }}" required>
                            @error('fecha_inicio')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6 form-group">
                            <label>Fecha Fin <span class="text-danger">*</span></label>
                            <input type="date" name="fecha_fin" class="form-control @error('fecha_fin') is-invalid @enderror"
                                   value="{{ old('fecha_fin', now()->toDateString()) }}" required>
                            @error('fecha_fin')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="callout callout-warning py-2 mb-3">
                        <small><i class="fas fa-exclamation-triangle mr-1"></i>
                        Si ya existe una asistencia manual para un trabajador en esa fecha, será sobreescrita con los datos del biométrico.</small>
                    </div>
                    <button type="submit" class="btn btn-success btn-block">
                        <i class="fas fa-cloud-upload-alt mr-2"></i>Procesar Importación
                    </button>
                </form>
            </div>
        </div>
    </div>

    {{-- Historial de importaciones --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-history mr-2"></i>Últimas Importaciones</h3></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light">
                        <tr><th>Archivo</th><th>Rango</th><th>Total</th><th>OK</th><th>No reconocidos</th><th>Por</th></tr>
                    </thead>
                    <tbody>
                    @forelse($importaciones as $imp)
                    <tr>
                        <td style="font-size:0.78rem">{{ Str::limit($imp->archivo_nombre, 20) }}</td>
                        <td style="font-size:0.78rem">{{ $imp->fecha_inicio->format('d/m') }}—{{ $imp->fecha_fin->format('d/m/Y') }}</td>
                        <td class="text-center">{{ $imp->total_registros }}</td>
                        <td class="text-center text-success font-weight-bold">{{ $imp->registros_ok }}</td>
                        <td class="text-center">
                            @if($imp->registros_no_reconocidos > 0)
                            <span class="badge badge-warning" title="{{ implode(', ', $imp->dni_no_reconocidos ?? []) }}">
                                {{ $imp->registros_no_reconocidos }}
                            </span>
                            @else
                            <span class="badge badge-success">0</span>
                            @endif
                        </td>
                        <td style="font-size:0.78rem">{{ $imp->importadoPor->name ?? '—' }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-muted py-3">Sin importaciones previas.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Plantilla descargable --}}
        <div class="card mt-3">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-download mr-2"></i>Plantilla de Ejemplo</h3></div>
            <div class="card-body">
                <p class="text-muted small mb-3">Descarga la plantilla CSV y completa con los datos del biométrico:</p>
                <a href="{{ route('rrhh.asistencias.plantilla-bio') }}" class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-file-csv mr-1"></i>Descargar Plantilla CSV
                </a>
            </div>
        </div>
    </div>
</div>

</div>
</section>
@endsection

@push('scripts')
<script>
document.getElementById('archivo').addEventListener('change', function() {
    const label = this.nextElementSibling;
    label.textContent = this.files[0] ? this.files[0].name : 'Seleccionar archivo...';
});
</script>
@endpush