@extends('layouts.app')

@section('title', 'Reporte de Productos')

@section('content')
<div class="container-fluid">
    <!-- Header del Reporte -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-boxes me-2"></i>Reporte de Productos
                    </h1>
                    <p class="text-muted mb-0">Productos registrados en el sistema</p>
                </div>
                <div>
                    <button onclick="window.print()" class="btn btn-primary">
                        <i class="fas fa-print me-2"></i>Imprimir
                    </button>
                    <a href="{{ route('admin.reports.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Volver
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Información de la Empresa (Solo para impresión) -->
    <div class="d-none d-print-block mb-4">
        @if($printData['company_info'])
            <div class="text-center">
                <h2>{{ $printData['company_info']['name'] ?? 'Mi Empresa' }}</h2>
                <p class="mb-1">{{ $printData['company_info']['address'] ?? 'Dirección de la empresa' }}</p>
                <p class="mb-1">Tel: {{ $printData['company_info']['phone'] ?? 'Teléfono' }} | Email: {{ $printData['company_info']['email'] ?? 'email@empresa.com' }}</p>
            </div>
            <hr>
        @endif
    </div>

    <!-- Información del Reporte -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Información del Reporte</h6>
                    <p class="mb-1"><strong>Fecha de Generación:</strong> {{ now()->format('d/m/Y H:i:s') }}</p>
                    <p class="mb-1"><strong>Generado por:</strong> {{ Auth::user()->name }}</p>
                    <p class="mb-0"><strong>Total de Registros:</strong> {{ $data->count() }}</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Configuración de Impresión</h6>
                    <p class="mb-1"><strong>Papel:</strong> {{ $printConfig->paper_size_formatted }}</p>
                    <p class="mb-1"><strong>Orientación:</strong> {{ $printConfig->orientation_formatted }}</p>
                    <p class="mb-0"><strong>Fuente:</strong> {{ $printConfig->font_config['family'] ?? 'Arial' }} {{ $printConfig->font_config['size'] ?? 10 }}pt</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabla de Productos -->
    <div class="card shadow">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-list me-2"></i>Lista de Productos
            </h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>ID</th>
                            <th>Nombre</th>
                            <th>Código</th>
                            <th>Categoría</th>
                            <th>Marca</th>
                            <th>Precio Básico</th>
                            <th>Precio Intermedio</th>
                            <th>Precio Premium</th>
                            <th>Stock</th>
                            <th>Estado</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($data as $product)
                            <tr>
                                <td>{{ $product->id }}</td>
                                <td>
                                    <strong>{{ $product->name }}</strong>
                                    @if($product->description)
                                        <br><small class="text-muted">{{ Str::limit($product->description, 50) }}</small>
                                    @endif
                                </td>
                                <td>
                                    <code>{{ $product->code }}</code>
                                </td>
                                <td>
                                    <span class="badge bg-secondary">{{ $product->category->name ?? 'Sin categoría' }}</span>
                                </td>
                                <td>
                                    <small>{{ $product->brand->name ?? 'Sin marca' }}</small>
                                </td>
                                <td>
                                    <strong class="text-primary">${{ number_format($product->unit_1_con_impuesto_1 ?? 0, 2) }}</strong>
                                </td>
                                <td>
                                    <strong class="text-info">${{ number_format($product->unit_1_con_impuesto_2 ?? 0, 2) }}</strong>
                                </td>
                                <td>
                                    <strong class="text-success">${{ number_format($product->unit_1_con_impuesto_3 ?? 0, 2) }}</strong>
                                </td>
                                <td>
                                    @php
                                        $totalStock = $product->warehouseStocks->sum('quantity') ?? 0;
                                        $stockClass = $totalStock > 50 ? 'text-success' : ($totalStock > 10 ? 'text-warning' : 'text-danger');
                                    @endphp
                                    <span class="{{ $stockClass }}">
                                        <strong>{{ number_format($totalStock, 0) }}</strong>
                                    </span>
                                    <br><small class="text-muted">{{ $product->unit ?? 'unidades' }}</small>
                                </td>
                                <td>
                                    @php
                                        $isActive = $product->is_active ?? true;
                                        $badgeClass = $isActive ? 'bg-success' : 'bg-danger';
                                        $statusText = $isActive ? 'Activo' : 'Inactivo';
                                    @endphp
                                    <span class="badge {{ $badgeClass }}">{{ $statusText }}</span>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center py-4">
                                    <i class="fas fa-boxes fa-3x text-muted mb-3"></i>
                                    <p class="text-muted">No hay productos registrados</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Resumen Estadístico -->
    @if($data->count() > 0)
        <div class="row mt-4">
            <div class="col-md-3">
                <div class="card border-left-primary">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                            Total Productos
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $data->count() }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card border-left-success">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                            Productos Activos
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->where('is_active', true)->count() }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card border-left-info">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                            Con Stock
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->filter(function($product) { return ($product->warehouseStocks->sum('quantity') ?? 0) > 0; })->count() }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card border-left-warning">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                            Stock Bajo
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->filter(function($product) { return ($product->warehouseStocks->sum('quantity') ?? 0) <= 10; })->count() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <!-- Pie de Página (Solo para impresión) -->
    <div class="d-none d-print-block mt-4">
        <hr>
        <div class="text-center">
            <small class="text-muted">
                Reporte generado el {{ now()->format('d/m/Y H:i:s') }} por {{ Auth::user()->name }} | 
                Página 1 de 1
            </small>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    @media print {
        .btn, .card-header, .alert {
            display: none !important;
        }
        
        .card {
            border: none !important;
            box-shadow: none !important;
        }
        
        .table {
            font-size: 10px;
        }
        
        .table th, .table td {
            padding: 3px !important;
        }
        
        body {
            font-family: {{ $printConfig->font_config['family'] ?? 'Arial' }};
            font-size: {{ $printConfig->font_config['size'] ?? 10 }}pt;
        }
        
        @page {
            size: {{ $printConfig->paper_size ?? 'A4' }} {{ $printConfig->orientation ?? 'landscape' }};
            margin: {{ $printConfig->margins['top'] ?? 15 }}mm {{ $printConfig->margins['right'] ?? 15 }}mm {{ $printConfig->margins['bottom'] ?? 15 }}mm {{ $printConfig->margins['left'] ?? 15 }}mm;
        }
    }
</style>
@endpush