@extends('layouts.app')

@section('title', 'Vista Previa - Movimientos de Inventario')

@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-eye me-2"></i>Vista Previa - Movimientos de Inventario
                    </h1>
                    <p class="text-muted mb-0">Esta es una vista previa del reporte con datos de muestra</p>
                </div>
                <div>
                    <a href="{{ route('admin.reports.configure', ['inventory', 'movements']) }}" class="btn btn-primary">
                        <i class="fas fa-cog me-2"></i>Configurar Reporte
                    </a>
                    <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'] ?? 12 }}pt</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabla de Movimientos -->
    <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 Movimientos (Datos de Muestra)
            </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>Fecha</th>
                            <th>Producto</th>
                            <th>Tipo</th>
                            <th>Desde</th>
                            <th>Hacia</th>
                            <th>Cantidad</th>
                            <th>Estado</th>
                            <th>Usuario</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($data as $movement)
                            <tr>
                                <td>{{ $movement->id }}</td>
                                <td>{{ $movement->created_at->format('d/m/Y H:i') }}</td>
                                <td>
                                    <strong>{{ $movement->product->name ?? 'Producto de Prueba' }}</strong>
                                    <br><small class="text-muted">{{ $movement->product->code ?? 'PRD-001' }}</small>
                                </td>
                                <td>
                                    <span class="badge bg-info">{{ ucfirst($movement->movement_type ?? 'transfer') }}</span>
                                </td>
                                <td>
                                    @if($movement->fromWarehouse)
                                        <strong>{{ $movement->fromWarehouse->name }}</strong>
                                        @if($movement->fromLocation)
                                            <br><small>{{ $movement->fromLocation->name }}</small>
                                        @endif
                                    @else
                                        <strong>Almacén Principal</strong>
                                        <br><small>Ubicación A-01</small>
                                    @endif
                                </td>
                                <td>
                                    @if($movement->toWarehouse)
                                        <strong>{{ $movement->toWarehouse->name }}</strong>
                                        @if($movement->toLocation)
                                            <br><small>{{ $movement->toLocation->name }}</small>
                                        @endif
                                    @else
                                        <strong>Almacén Secundario</strong>
                                        <br><small>Ubicación B-02</small>
                                    @endif
                                </td>
                                <td>
                                    <strong>{{ number_format($movement->quantity ?? 10, 2) }}</strong>
                                    <br><small class="text-muted">unidades</small>
                                </td>
                                <td>
                                    @php
                                        $status = $movement->status ?? 'completado';
                                        $badgeClass = match($status) {
                                            'completado' => 'bg-success',
                                            'pendiente' => 'bg-warning',
                                            'en_progreso' => 'bg-info',
                                            'cancelado' => 'bg-danger',
                                            default => 'bg-secondary'
                                        };
                                    @endphp
                                    <span class="badge {{ $badgeClass }}">{{ ucfirst($status) }}</span>
                                </td>
                                <td>
                                    <small>{{ $movement->createdBy->name ?? 'Usuario Admin' }}</small>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center py-4">
                                    <i class="fas fa-exchange-alt fa-3x text-muted mb-3"></i>
                                    <p class="text-muted">No hay movimientos 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 Movimientos
                        </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">
                            Completados
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->where('status', 'completado')->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">
                            Pendientes
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->where('status', 'pendiente')->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">
                            En Progreso
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            {{ $data->where('status', 'en_progreso')->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 | Vista Previa
            </small>
        </div>
    </div>

    <!-- Información de Vista Previa -->
    <div class="alert alert-info mt-4">
        <h5><i class="fas fa-info-circle me-2"></i>Información de Vista Previa</h5>
        <p class="mb-0">
            Esta es una vista previa del reporte con datos de muestra. Para generar el reporte real con datos actuales, 
            utiliza la opción "Configurar Reporte" y selecciona los filtros deseados.
        </p>
    </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: 12px;
        }
        
        .table th, .table td {
            padding: 4px !important;
        }
        
        body {
            font-family: {{ $printConfig->font_config['family'] ?? 'Arial' }};
            font-size: {{ $printConfig->font_config['size'] ?? 12 }}pt;
        }
        
        @page {
            size: {{ $printConfig->paper_size ?? 'A4' }} {{ $printConfig->orientation ?? 'portrait' }};
            margin: {{ $printConfig->margins['top'] ?? 20 }}mm {{ $printConfig->margins['right'] ?? 20 }}mm {{ $printConfig->margins['bottom'] ?? 20 }}mm {{ $printConfig->margins['left'] ?? 20 }}mm;
        }
    }
</style>
@endpush