@extends('layouts.app')

@section('content')
<div class="container">
    <h1 style="font-size:1.5rem;font-weight:bold;color:#FF9800;margin-bottom:1rem;">Pedidos Pendientes (Administración)</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>
                @foreach($pedidos as $pedido)
                    <tr style="font-size:1.05em;">
                        <td style="text-align:center;">{{ $pedido->id }}</td>
                        <td>{{ $pedido->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
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @if($pedidos->isEmpty())
            <div style="text-align:center;color:#888;padding:2rem;">No hay pedidos pendientes.</div>
        @endif
    </div>
</div>
@endsection