@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0"><i class="bi bi-list-check"></i> Cola de impresión</h4>
    <a href="{{ route('settings.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Volver a Configuración
    </a>
</div>

<div class="alert py-2 px-3 small border-0 rounded-3 mb-3 {{ $connected ? '' : '' }}" style="background:{{ $connected ? '#f0fdf4' : '#fffbeb' }};color:{{ $connected ? '#166534' : '#92400e' }};">
    @if($connected)
        <i class="bi bi-check-circle-fill"></i> <strong>Puente conectado</strong> — última conexión: {{ \Carbon\Carbon::parse($lastSeen)->diffForHumans() }}
    @else
        <i class="bi bi-exclamation-triangle-fill"></i> <strong>Puente sin conexión</strong>
        {{ $lastSeen ? 'desde ' . \Carbon\Carbon::parse($lastSeen)->diffForHumans() : '(nunca se ha conectado)' }}
    @endif
</div>

<div class="card border-0 shadow-sm rounded-4">
    <div class="table-responsive">
        <table class="table table-sm align-middle mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Cuándo</th>
                    <th>Tipo</th>
                    <th>Impresora</th>
                    <th>Orden</th>
                    <th>Estado</th>
                    <th>Detalle del error</th>
                </tr>
            </thead>
            <tbody>
                @forelse($jobs as $job)
                <tr>
                    <td>{{ $job->id }}</td>
                    <td class="small text-muted">{{ $job->created_at->diffForHumans() }}</td>
                    <td>{{ $job->kind === 'comanda' ? '🍽️ Comanda' : '🧾 Ticket' }}</td>
                    <td class="text-uppercase small">{{ $job->station }}</td>
                    <td>{{ $job->order_id ? '#'.$job->order_id : '—' }}</td>
                    <td>
                        @if($job->status === 'done')
                            <span class="badge text-bg-success">Impreso</span>
                        @elseif($job->status === 'error')
                            <span class="badge text-bg-danger">Error</span>
                        @else
                            <span class="badge text-bg-warning">Pendiente</span>
                        @endif
                    </td>
                    <td class="small text-danger">{{ $job->error_message }}</td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center text-muted py-4">Todavía no hay trabajos de impresión.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@endsection