@extends('layouts.app')

@section('content')
<div class="container">
    <h1 style="font-size:1.5rem;font-weight:bold;color:#FF9800;margin-bottom:1rem;">Pedidos</h1>
    <div style="box-shadow:0 2px 8px #eee;border-radius:10px;background:#fff;padding:1rem;overflow-x:auto;">
        <table class="table table-bordered" style="border-radius:8px;overflow:hidden;width:100%;background:#fff;min-width:900px;">
            <thead style="background:#FF9800;color:#fff;">
                <tr>
                    <th style="text-align:center;min-width:40px;">ID</th>
                    <th style="min-width:140px;">Vendedor</th>
                    <th style="min-width:120px;">Cliente</th>
                    <th style="min-width:120px;">Empresa</th>
                    <th style="min-width:100px;">RIF</th>
                    <th style="min-width:100px;">Ruta</th>
                    <th style="min-width:140px;">Fecha</th>
                    <th style="min-width:90px;text-align:center;">Acción</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $agrupadas = collect($pedidos)->groupBy(function($pedido) {
                        return $pedido->cliente_id . '-' . $pedido->created_at;
                    });
                @endphp
                @foreach($agrupadas as $grupo)
                    @php $pedido = $grupo->first(); @endphp
                    <tr style="font-size:1.05em;">
                        <td style="text-align:center;">{{ $pedido->id }}</td>
                        <td>{{ $pedido->cliente->vendedor->nombre_completo ?? '-' }}</td>
                        <td>{{ $pedido->cliente->nombre ?? $pedido->cliente_id }}</td>
                        <td>{{ $pedido->cliente->empresa ?? '-' }}</td>
                        <td>{{ $pedido->cliente->rif ?? '-' }}</td>
                        <td>{{ $pedido->cliente->ruta ?? '-' }}</td>
                        <td>{{ \Carbon\Carbon::parse($pedido->created_at)->format('d/m/Y H:i') }}</td>
                        <td style="text-align:center;">
                                @if(Route::has('pedidos.show'))
                                    <a href="{{ route('pedidos.show', $pedido->id) }}" class="btn btn-sm btn-info">Ver</a>
                                @endif
                                @if(Route::has('pedidos.destroy'))
                                    <form action="{{ route('pedidos.destroy', $pedido->id) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('¿Eliminar pedido #{{ $pedido->id }}?')">Eliminar</button>
                                    </form>
                                @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection