@extends('layouts.app')
@section('title', __('orders.lab_board'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('orders.lab_board') }}</h5>
<div class="row g-3">
  @foreach($columns as $status => $orders)
  <div class="col-md-6 col-xl-3">
    <div class="card h-100">
      <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
        <span class="fw-bold small">{{ order_status_label($status) }}</span>
        <span class="badge text-bg-{{ order_status_color($status) }}">{{ $orders->count() }}</span>
      </div>
      <div class="card-body p-2" style="min-height:220px">
        @forelse($orders as $order)
        <a href="{{ route('orders.show', $order) }}" class="card mb-2 text-decoration-none {{ $order->is_late ? 'border-danger' : '' }}">
          <div class="card-body py-2 px-3">
            <div class="fw-bold small">{{ $order->number }}</div>
            <div class="small text-secondary text-truncate">{{ $order->customer->name ?? '' }}</div>
            <div class="small {{ $order->is_late ? 'text-danger fw-bold' : 'text-secondary' }}">
              <i class="bi bi-calendar3"></i> {{ $order->expected_date?->format('m-d') ?? '—' }}
            </div>
          </div>
        </a>
        @empty
        <p class="text-secondary small text-center pt-4">{{ __('app.no_data') }}</p>
        @endforelse
      </div>
    </div>
  </div>
  @endforeach
</div>
@endsection