@extends('layouts.app')
@section('title', 'Recepciones MP — Reportes Calidad')
@section('page-title', 'Recepciones de Materia Prima')
@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">Recepciones MP</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 Recepciones de Materia Prima</span><br>
        <small>
            Impreso el {{ now()->format('d/m/Y H:i') }}
            @if(request()->hasAny(['desde','hasta','fruta_id','resultado']))
                &nbsp;·&nbsp; Filtros:
                @if(request('desde')) Desde {{ request('desde') }} @endif
                @if(request('hasta')) Hasta {{ request('hasta') }} @endif
                @if(request('resultado')) · {{ strtoupper(request('resultado')) }} @endif
            @endif
        </small>
    </div>
</div>

{{-- Filtros --}}
<div class="card card-outline card-info 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.recepciones') }}">
            <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-3">
                    <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="liberada"    {{ request('resultado') === 'liberada'    ? 'selected' : '' }}>Liberada</option>
                            <option value="rechazada"   {{ request('resultado') === 'rechazada'   ? 'selected' : '' }}>Rechazada</option>
                            <option value="condicional" {{ request('resultado') === 'condicional' ? 'selected' : '' }}>Condicional</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <button type="submit" class="btn btn-info btn-sm mr-2"><i class="fas fa-search mr-1"></i>Buscar</button>
                    <a href="{{ route('calidad.reportes.recepciones') }}" 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-3">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-info elevation-1"><i class="fas fa-seedling"></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-3">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-success elevation-1"><i class="fas fa-check"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Liberadas</span>
                <span class="info-box-number">{{ $totales['liberadas'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="info-box shadow-sm">
            <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-times"></i></span>
            <div class="info-box-content">
                <span class="info-box-text small">Rechazadas</span>
                <span class="info-box-number">{{ $totales['rechazadas'] }}</span>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <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 totales</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>Liberadas:</strong> {{ $totales['liberadas'] }}</span> &nbsp;·&nbsp;
    <span><strong>Rechazadas:</strong> {{ $totales['rechazadas'] }}</span> &nbsp;·&nbsp;
    <span><strong>Kg totales:</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> Recepciones ({{ $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° Recepción</th>
                    <th>Fecha</th>
                    <th>Proveedor</th>
                    <th>Fruta</th>
                    <th class="text-right">Kg Recibidos</th>
                    <th>Brix Prom.</th>
                    <th>pH Prom.</th>
                    <th>Resultado</th>
                    <th class="col-no-print"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($registros as $r)
                <tr>
                    <td><small class="text-muted">{{ $r->numero }}</small></td>
                    <td>{{ $r->fecha->format('d/m/Y') }}</td>
                    <td>{{ $r->proveedor->razon_social ?? '—' }}</td>
                    <td>{{ $r->fruta->nombre }}</td>
                    <td class="text-right">{{ number_format($r->kg_recibidos, 0) }}</td>
                    <td>{{ $r->brix_promedio ? $r->brix_promedio.'°' : '—' }}</td>
                    <td>{{ $r->ph_promedio ?? '—' }}</td>
                    <td>
                        <span class="badge badge-{{ $r->resultado === 'liberada' ? 'success' : ($r->resultado === 'rechazada' ? 'danger' : 'warning') }}">
                            {{ strtoupper($r->resultado) }}
                        </span>
                    </td>
                    <td class="col-no-print">
                        <a href="{{ route('calidad.recepciones.show', $r) }}" class="btn btn-xs btn-outline-secondary" title="Ver"><i class="fas fa-eye"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" 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