@extends('layouts.app')

@section('content')
    <div class="container">
        <h1>Historial de Pedidos de {{ $cliente->Nombre }}</h1>

        @if ($cliente->pedidos->isNotEmpty())
        <table id="pedidos-cliente-table" class="table">
            <thead>
                    <tr>
                        <th>Fecha</th>
                        <th>Tipo de Pedido</th>
                        <th>Sucursal</th>
                        <th>Bidon</th>

                        <!-- Agrega más columnas según tus necesidades -->
                    </tr>
                </thead>
                <tbody>
                    @foreach($cliente->pedidos as $pedido)
                        <tr>
                            <td>{{ $pedido->Fecha }}</td>
                            <td>{{ $pedido->tipoPedido->NombreTipoPedido }}</td>
                            <td>{{ $pedido->sucursal->NombreSucursal }}</td>
                            <td>{{ $pedido->SumaKilos }}</td>

                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p>Este cliente no tiene historial de pedidos.</p>
        @endif

        <a href="{{ route('clientes.index') }}" class="btn btn-secondary">Volver a la Lista</a>
    </div>
@endsection