@extends('layouts.app')
@section('title', __('orders.orders'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('orders.orders') }}</h5>
  <a href="{{ route('orders.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ __('orders.add') }}</a>
</div>

<div class="d-flex gap-2 flex-wrap mb-3">
  <a href="{{ route('orders.index') }}" class="btn btn-sm {{ !request('status') && !request('late') ? 'btn-primary' : 'btn-outline-secondary' }}">{{ __('app.all') }}</a>
  @foreach($counts as $status => $count)
    <a href="{{ route('orders.index', ['status' => $status]) }}" class="btn btn-sm {{ request('status') === $status ? 'btn-primary' : 'btn-outline-secondary' }}">
      {{ order_status_label($status) }} <span class="badge text-bg-light">{{ $count }}</span>
    </a>
  @endforeach
  <a href="{{ route('orders.index', ['late' => 1]) }}" class="btn btn-sm {{ request('late') ? 'btn-danger' : 'btn-outline-danger' }}">{{ __('orders.late_orders') }}</a>
</div>

<div class="card"><div class="card-body">
  <form class="row g-2 mb-3">
    <div class="col-md-4"><input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="{{ __('app.number') }} / {{ __('customers.customer') }}"></div>
    <div class="col-auto"><button class="btn btn-outline-primary">{{ __('app.filter') }}</button></div>
  </form>
  <div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead><tr><th>{{ __('app.number') }}</th><th>{{ __('customers.customer') }}</th><th>{{ __('orders.expected_date') }}</th><th>{{ __('app.status') }}</th><th></th></tr></thead>
    <tbody>
      @forelse($orders as $order)
      <tr class="{{ $order->is_late ? 'table-danger' : '' }}">
        <td><a href="{{ route('orders.show', $order) }}" class="fw-semibold text-decoration-none">{{ $order->number }}</a></td>
        <td>{{ $order->customer->name ?? '' }}</td>
        <td>{{ $order->expected_date?->format('Y-m-d') ?? '—' }} @if($order->is_late)<span class="badge text-bg-danger">{{ __('orders.late') }}</span>@endif</td>
        <td><span class="badge text-bg-{{ order_status_color($order->status) }}">{{ order_status_label($order->status) }}</span></td>
        <td class="text-end"><a href="{{ route('orders.show', $order) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a></td>
      </tr>
      @empty
      <tr><td colspan="5" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
  {{ $orders->links() }}
</div></div>
@endsection