<div>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Reporte Pedido') }}
        </h2>
    </x-slot>

    <div class="py-12">

        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="mb-3 flex items-start gap-2">
                <div class="grid grid-cols-2 gap-3">
                    <div class="form-group">
                        <div class="form-field items-center flex-row">
                            <label for="fecha_inicio" class="form-label font-bold w-36">Fecha Inicial:</label>
                            <input id="fecha_inicio" wire:model="fecha_inicio" type="date" placeholder="Codigo de venta o folio" class="input max-w-full" />
                        </div>
                        @error('fecha_inicio')<span class="block text-sm mx-2 text-error">{{ $message }}</span>@enderror  
                    </div>
                    <div class="form-group">
                        <div class="form-field items-center flex-row">
                            <label for="fecha_final" class="form-label font-bold w-32">Fecha Final:</label>
                            <input id="fecha_final" wire:model="fecha_final" type="date" placeholder="Codigo de venta o folio" class="input max-w-full" />
                        </div>
                        @error('fecha_final')<span class="block text-sm mx-2 text-error">{{ $message }}</span>@enderror  
                    </div>
                    <select wire:model="is_venta_cerrada" class="select">
                        <option value="">¿Venta Cerrada?</option>
                        <option value="1">Si</option>
                        <option value="false">No</option>
                    </select>
                    <select wire:model="is_venta_entregada" class="select">
                        <option value="">¿Venta Entregada?</option>
                        <option value="1">Si</option>
                        <option value="false">No</option>
                    </select>
                </div>
                <button wire:click="export()" class="btn btn-sm btn-primary">Generar Reporte</button>
            </div>
            <div class="bg-white text-neutral overflow-hidden shadow-xl sm:rounded-lg">
                <div class="overflow-x-auto">
                    <table class="table table-hover table-zebra">
                        <thead>
                          <tr class="text-neutral">
                            <th>Orden</th>
                            <th>Fecha</th>
                            <th>Cuenta</th>
                            <th>Telefono</th>
                            <th>Folio Proveedor</th>
                            <th>Numero Remision</th>
                            <th>Liquidado por</th>
                            <th>Creado por</th>
                            <th>Entregado por</th>
                            <th>Cerrado por</th>
                            <th>Comentarios</th>
                            
                            <th>Productos</th>
                          </tr>
                        </thead>
                          <tbody>
                            @foreach ($pedidos as $pedido)
                                <tr>
                                    <td>{{ $pedido->pedido }}</td>
                                    <td>{{ $pedido->created_at->format('Y-m-d') }}</td>
                                    <td>{{ $pedido->cuenta }}</td>
                                    <td>{{ $pedido->telefono }}</td>
                                    <td>{{ $pedido->folio_proveedor }}</td>
                                    <td>{{ $pedido->numero_remision }}</td>
                                    <td>{{ $pedido->ultimaVentaBy()?->user->name ?? "No Liquidado" }}</td>
                                    <td>{{ $pedido->user->name }}</td>
                                    <td>{{ $pedido->ventaEntregadaUser?->name ?? "No Entregado" }}</td>
                                    <td>{{ $pedido->ventaCerradaUser?->name ?? "No Cerrado" }}</td>
                                    <td>{{ $pedido->comentarios }}</td>
                                    <td>
                                      <table class="table">
                                        <tr>
                                            <th>Codigo</th>
                                            <th>Linea</th>
                                            <th>Descripcion</th>
                                            <th>Almacen</th>
                                            <th>Cantidad</th>
                                            <th>¿Recibido?</th>
                                        </tr>
                                        @foreach ($pedido->productos as $producto)
                                            <tr>
                                              <td>{{ $producto->codigo }}</td>
                                              <td>{{ $producto->linea }}</td>
                                              <td>{{ $producto->descripcion }}</td>
                                              <td>{{ $producto->ruta->ruta }}</td>
                                              <td>{{ $producto->pivot->unidades }}</td>
                                              <td>{{ $producto->pivot->is_arrivo?"Recibido":"No Recibido" }}</td>
                                            </tr>
                                        @endforeach
                                      </table>
                                    </td>
                                </tr>
                            @endforeach
                          </tbody>
                    </table>
                    {{$pedidos->links()}}
                </div>
            </div>
        </div>
    </div>
</div>
