@extends('layouts.app')
@section('title', 'Certificados — Reportes Calidad')
@section('page-title', 'Certificados de Calidad')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('calidad.dashboard') }}">Calidad</a></li>
    <li class="breadcrumb-item"><a href="{{ route('calidad.reportes.index') }}">Reportes</a></li>
    <li class="breadcrumb-item active">Certificados</li>
@endsection

@push('styles')
<style>
.print-only { display: none; }
@media print {
    .main-sidebar, .main-header, .content-header, .no-print { display: none !important; }
    .content-wrapper { margin-left: 0 !important; padding: 0 !important; }
    .wrapper { overflow: visible !important; }
    .print-only { display: block !important; margin-bottom: 12px; }
    .card { box-shadow: none !important; border: 1px solid #ccc !important; page-break-inside: avoid; }
    .card-header { background: #f4f6f9 !important; color: #000 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .table td, .table th { font-size: 10.5px !important; padding: 4px 6px !important; }
    .thead-light th { background: #e9ecef !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    a { color: #000 !important; text-decoration: none !important; }
    .badge { border: 1px solid #999; background: transparent !important; color: #000 !important; font-weight: bold; }
    .col-no-print, th.col-no-print { display: none !important; }
}
</style>
@endpush

@section('content')

{{-- Encabezado solo para impresión --}}
<div class="print-only">
    <div style="text-align:center; border-bottom:2px solid #333; padding-bottom:8px; margin-bottom:8px;">
        <strong style="font-size:16px;">SABORES MAYBELL S.A.C.</strong><br>
        <span style="font-size:13px;">Reporte de Certificados de Calidad</span><br>
        <small>
            Impreso el {{ now()->format('d/m/Y H:i') }}
            @if(request()->hasAny(['desde','hasta','fruta_id','resultado','destino']))
                &nbsp;·&nbsp; Filtros:
                @if(request('desde')) Desde {{ request('desde') }} @endif
                @if(request('hasta')) Hasta {{ request('hasta') }} @endif
                @if(request('resultado')) · {{ strtoupper(request('resultado')) }} @endif
                @if(request('destino')) · {{ ucfirst(request('destino')) }} @endif
            @endif
        </small>
    </div>
</div>

{{-- Filtros --}}
<div class="card card-outline card-success no-print">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-filter mr-1"></i> Filtros</h3></div>
    <div class="card-body">
        <form method="GET" action="{{ route('calidad.reportes.certificados') }}">
            <div class="row">
                <div class="col-md-2">
                    <div class="form-group mb-0">
                        <label class="small mb-1">Desde</label>
                        <input type="date" name="desde" value="{{ request('desde') }}" class="form-control form-control-sm">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group mb-0">
                        <label class="small mb-1">Hasta</label>
                        <input type="date" name="hasta" value="{{ request('hasta') }}" class="form-control form-control-sm">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group mb-0">
                        <label class="small mb-1">Fruta</label>
                        <select name="fruta_id" class="form-control form-control-sm">
                            <option value="">— Todas —</option>
                            @foreach($frutas as $f)
                            <option value="{{ $f->id }}" {{ request('fruta_id') == $f->id ? 'selected' : '' }}>{{ $f->nombre }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group mb-0">
                        <label class="small mb-1">Resultado</label>
                        <select name="resultado" class="form-control form-control-sm">
                            <option value="">— Todos —</option>
                            <option value="aprobado"     {{ request('resultado') === 'aprobado'     ? 'selected' : '' }}>Aprobado</option>
                            <option value="rechazado"    {{ request('resultado') === 'rechazado'    ? 'selected' : '' }}>Rechazado</option>
                            <option value="condicionado" {{ request('resultado') === 'condicionado' ? 'selected' : '' }}>Condicionado</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group mb-0">
                        <label class="small mb-1">Destino</label>
                        <select name="destino" class="form-control form-control-sm">
                            <option value="">— Todos —</option>
                            <option value="exportacion" {{ request('destino') === 'exportacion' ? 'selected' : '' }}>Exportación</option>
                            <option value="nacional"    {{ request('destino') === 'nacional'    ? 'selected' : '' }}>Nacional</option>
                            <option value="proceso"     {{ request('destino') === 'proceso'     ? 'selected' : '' }}>Proceso interno</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-success btn-sm mr-2"><i class="fas fa-search mr-1"></i>Buscar</button>
                    <a href="{{ route('calidad.reportes.certificados') }}" class="btn btn-secondary btn-sm">Limpiar</a>
                </div>
            </div>
        </form>
    </div>
</div>

{{-- Totales --}}
<div class="row mb-3 no-print">
    <div class="col-6 col-md-2">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-certificate"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Total</span>
                <span class="info-box-number">{{ $totales['total'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-2">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-success elevation-1"><i class="fas fa-check-circle"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Aprobados</span>
                <span class="info-box-number">{{ $totales['aprobados'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-2">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-times-circle"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Rechazados</span>
                <span class="info-box-number">{{ $totales['rechazados'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-2">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-exclamation-circle"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Condicionados</span>
                <span class="info-box-number">{{ $totales['condicionados'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-weight"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Kg aprobados</span>
                <span class="info-box-number">{{ number_format($totales['kg_total'], 0) }}</span>
            </div>
        </div>
    </div>
</div>

{{-- Resumen imprimible --}}
<div class="print-only mb-2">
    <span><strong>Total:</strong> {{ $totales['total'] }}</span> &nbsp;·&nbsp;
    <span><strong>Aprobados:</strong> {{ $totales['aprobados'] }}</span> &nbsp;·&nbsp;
    <span><strong>Rechazados:</strong> {{ $totales['rechazados'] }}</span> &nbsp;·&nbsp;
    <span><strong>Condicionados:</strong> {{ $totales['condicionados'] }}</span> &nbsp;·&nbsp;
    <span><strong>Kg aprobados:</strong> {{ number_format($totales['kg_total'], 0) }}</span>
</div>

{{-- Tabla --}}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-list mr-1"></i> Certificados ({{ $registros->total() }})</h3>
        <button onclick="window.print()" class="btn btn-sm btn-outline-secondary no-print">
            <i class="fas fa-print mr-1"></i> Imprimir
        </button>
    </div>
    <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-light">
                <tr>
                    <th>N° Certificado</th>
                    <th>Fecha</th>
                    <th>Lote</th>
                    <th>Fruta</th>
                    <th>Destino</th>
                    <th>Brix</th>
                    <th>pH</th>
                    <th class="text-right">Kg Aprobados</th>
                    <th>Resultado</th>
                    <th class="col-no-print"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($registros as $c)
                <tr>
                    <td><small class="text-muted">{{ $c->numero }}</small></td>
                    <td>{{ $c->fecha_emision->format('d/m/Y') }}</td>
                    <td><small>{{ $c->lote->codigo ?? '—' }}</small></td>
                    <td>{{ $c->fruta->nombre }}</td>
                    <td><small>{{ ucfirst($c->destino ?? '—') }}</small></td>
                    <td>{{ $c->brix_resultado ? $c->brix_resultado.'°' : '—' }}</td>
                    <td>{{ $c->ph_resultado ?? '—' }}</td>
                    <td class="text-right">{{ $c->kg_aprobados ? number_format($c->kg_aprobados, 0) : '—' }}</td>
                    <td>
                        <span class="badge badge-{{ $c->resultado === 'aprobado' ? 'success' : ($c->resultado === 'rechazado' ? 'danger' : 'warning') }}">
                            {{ strtoupper($c->resultado) }}
                        </span>
                    </td>
                    <td class="col-no-print">
                        <a href="{{ route('calidad.certificados.show', $c) }}" class="btn btn-xs btn-outline-secondary" title="Ver"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('calidad.certificados.pdf', $c) }}" class="btn btn-xs btn-outline-danger" title="PDF" target="_blank"><i class="fas fa-file-pdf"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="10" class="text-center text-muted py-3">No hay registros para los filtros seleccionados.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($registros->hasPages())
    <div class="card-footer no-print">{{ $registros->links() }}</div>
    @endif
</div>
@endsection