@extends('../padre.padre')

@section('contenido') 
<style>
    .filter-card {
        background: #ffffff;
        border-radius: 15px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        border: none;
        margin-bottom: 30px;
        padding: 20px;
    }
    .page-title {
        color: #2c3e50;
        font-weight: 700;
        margin-bottom: 25px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .form-label {
        font-weight: 600;
        color: #5d6778;
        margin-bottom: 8px;
    }
    .btn-custom {
        padding: 10px 20px;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.3s;
    }
    .btn-custom:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .type-pill {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 10px 15px;
        border: 1px solid #e9ecef;
    }
    .table thead th {
        background-color: #34495e;
        color: white;
        border: none;
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 0.5px;
    }
    .custom-checkbox {
        transform: scale(1.2);
        margin-right: 8px;
    }
</style>

<div class="container-fluid">
    <div class="text-center">
        <h1 class="page-title">Informe de Guías</h1>
    </div>

    <div class="filter-card border-left-warning shadow">
        <form action="{{ url('/infoguiasvista') }}" method="GET">
            <div class="row align-items-end">
                <div class="col-md-5">
                    <div class="row">
                        <div class="col-md-5">
                            <label class="form-label">Fecha Inicial</label>
                            <input required type="date" name="fi" value="{{$fi}}" class="form-control shadow-sm">
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Fecha Final</label>
                            <input required type="date" name="ff" value="{{$ff}}" class="form-control shadow-sm">
                        </div>
                        <div class="col-md-2 p-0">
                             <label class="form-label">Bodega</label>
                             @include('../menu.bodegas')
                        </div>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <label class="form-label d-flex justify-content-between">
                        Tipos de Movimiento
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="agrupado" value="1" id="agrupado" {{ ($agrupado ?? 0) == 1 ? 'checked' : '' }}>
                            <label class="form-check-label font-weight-bold" for="agrupado" style="font-size: 0.85rem;">Agrupar Datos</label>
                        </div>
                    </label>
                    <div class="type-pill d-flex flex-wrap justify-content-between">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Salida_Componente" id="tipo1" {{ in_array('Salida_Componente', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo1">Salida Comp.</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Salida_Guia" id="tipo2" {{ in_array('Salida_Guia', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo2">Salida Guía</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Guia_Traslado" id="tipo3" {{ in_array('Guia_Traslado', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo3">Guía Tras.</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Componente_Traslado" id="tipo4" {{ in_array('Componente_Traslado', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo4">Comp. Tras.</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Entrada_Componente" id="tipo5" {{ in_array('Entrada_Componente', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo5">Entrada Comp.</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Entrada_Guia" id="tipo6" {{ in_array('Entrada_Guia', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo6">Entrada Guía.</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Venta" id="tipo7" {{ in_array('Venta', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo7">Venta</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input custom-checkbox" type="checkbox" name="tipos[]" value="Compra" id="tipo8" {{ in_array('Compra', $tipos ?? []) ? 'checked' : '' }}>
                            <label class="form-check-label" for="tipo8">Compra</label>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 text-right">
                    <div class="btn-group w-100">
                        <button type="submit" class="btn btn-warning btn-custom flex-grow-1 mr-2">
                            <i class="fas fa-search mr-1"></i> Consultar
                        </button>
                        <button type="submit" name="exportar" class="btn btn-success btn-custom flex-grow-1 mr-2" value="1">
                            <i class="fas fa-file-excel mr-1"></i> Exportar
                        </button>
                        <div style="margin-top: -10px;">
                            @include('menu.botonRegresar')
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="card border-0 shadow-sm" style="border-radius: 15px; overflow: hidden;">
        <div class="table-responsive">
            @if(($agrupado ?? 0) == 1)
            <table class="table table-hover mb-0">
              <thead class="thead-dark">
                <tr>
                  <th class="px-4">SKU</th>
                  <th>PRODUCTO</th>
                  <th class="text-center">TOTAL CAJAS</th>
                  <th class="text-right">COSTO UNIT.</th>
                  <th class="text-right">TOTAL COSTO</th>
                  <th class="text-right px-4">PRECIO VENTA</th>
                </tr>
              </thead>
              <tbody>
                @foreach($kardex ?? [] as $item)
                <tr>
                  <td class="px-4"><code>{{ $item->sku }}</code></td>
                  <td><strong>{{ $item->nombre_producto }}</strong></td>
                  <td class="text-center font-weight-bold text-success">{{ number_format($item->total_cajas, 2) }}</td>
                  <td class="text-right text-muted">${{ number_format($item->costo_unitario, 2) }}</td>
                  <td class="text-right font-weight-bold text-danger">${{ number_format($item->total_cajas * $item->costo_unitario, 2) }}</td>
                  <td class="text-right px-4 font-weight-bold text-primary">${{ number_format($item->precio_venta, 2) }}</td>
                </tr>
                @endforeach
              </tbody>
            </table>
            @else
            <table class="table table-hover mb-0">
              <thead class="thead-dark">
                <tr>
                  <th class="px-4">GUÍA</th>
                  <th>SKU</th>
                  <th>PRODUCTO</th>
                  <th>TIPO</th>
                  <th>DETALLE</th>
                  <th class="text-center">COMP.</th>
                  <th class="text-center">CAJAS</th>
                  <th class="text-right">PRECIO UNIT.</th>
                  <th class="text-right">COSTO UNIT.</th>
                  <th>PLATAFORMA</th>
                  <th>TRANSPORTADORA</th>
                  <th>ESTADO</th>
                  <th class="text-center px-4">F. DESPACHADA</th>
                </tr>
              </thead>
              <tbody>
                @foreach($kardex ?? [] as $item)
                <tr>
                  <td class="px-4"><strong>{{ $item->GUIA }}</strong></td>
                  <td><code>{{ $item->sku }}</code></td>
                  <td><small><strong>{{ $item->nombre_producto }}</strong></small></td>
                  <td><span class="badge badge-pill badge-outline-secondary" style="border: 1px solid #5d6778; color: #2c3e50; padding: 4px 10px; font-weight: 600;">{{ $item->tipo }}</span></td>
                  <td><small class="text-muted">{{ $item->detalle }}</small></td>
                  <td class="text-center font-weight-bold text-primary">{{ number_format($item->cantidad, 2) }}</td>
                  <td class="text-center font-weight-bold text-success">{{ number_format($item->cajas, 2) }}</td>
                  <td class="text-right">${{ number_format($item->precio_venta, 2) }}</td>
                  <td class="text-right">${{ number_format($item->costo_producto, 2) }}</td>
                  <td>{{ $item->PLATAFORMA }}</td>
                  <td>{{ $item->TRANSPORTADORA }}</td>
                  <td>
                    @php
                        $estadoCode = strtoupper(trim($item->estado));
                        $bg = '#858796'; // Gris por defecto
                        $fg = '#ffffff';
                        $label = $item->estado; // Por defecto mostrar la letra original si no coincide

                        switch ($estadoCode) {
                            case 'A':
                                $label = 'Alistamiento';
                                $bg = '#4e73df'; // Azul primario
                                break;
                            case 'V':
                                $label = 'Verificado';
                                $bg = '#1cc88a'; // Verde éxito
                                break;
                            case 'C':
                                $label = 'Confirmado';
                                $bg = '#36b9cc'; // Azul info
                                break;
                            case 'D':
                                $label = 'Despachado';
                                $bg = '#f6c23e'; // Amarillo advertencia
                                $fg = '#2c3e50'; // Texto oscuro para contraste
                                break;
                            case 'DV':
                                $label = 'Devolución';
                                $bg = '#6f42c1'; // Púrpura para devolución
                                break;
                            case 'AN':
                                $label = 'Anulado';
                                $bg = '#e74a3b'; // Rojo peligro
                                break;
                            default:
                                $estadoLower = strtolower($item->estado);
                                if (str_contains($estadoLower, 'entregado')) {
                                    $label = 'Entregado';
                                    $bg = '#1cc88a';
                                } elseif (str_contains($estadoLower, 'cancelado') || str_contains($estadoLower, 'anulado')) {
                                    $label = 'Anulado';
                                    $bg = '#e74a3b';
                                } elseif (str_contains($estadoLower, 'despachado') || str_contains($estadoLower, 'enviado')) {
                                    $label = 'Despachado';
                                    $bg = '#f6c23e';
                                    $fg = '#2c3e50';
                                }
                                break;
                        }
                    @endphp
                    <span class="badge" style="background-color: {{ $bg }}; color: {{ $fg }}; padding: 6px 12px; font-weight: 700; border-radius: 4px; display: inline-block;">
                        {{ $label }}
                    </span>
                  </td>
                  <td class="text-center px-4 small text-muted">{{ $item->FECHADESPACHADA }}</td>
                </tr>
                @endforeach
              </tbody>
            </table>
            @endif
        </div>
    </div>
</div>

@endsection