@extends('layouts.app')
@section('title', __('nav.invoices'))
@section('content')
<div class="page-head">
    <h1>{{ __('nav.invoices') }}</h1>
</div>
<form class="filter-bar mb-3">
    <input class="form-control" name="q" value="{{ request('q') }}" placeholder="{{ __('messages.search') }}">
</form>
<div class="card">
    <div class="table-responsive">
        <table class="table compact-table mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('messages.customer') }}</th>
                    <th>{{ __('messages.total') }}</th>
                    <th>{{ __('messages.status') }}</th>
                    <th>{{ __('messages.date') }}</th>
                    <th>{{ __('messages.actions') }}</th>
                </tr>
            </thead>
            <tbody>
            @forelse($invoices as $i)
                <tr>
                    <td><a href="{{ route('invoices.show',$i) }}">{{ $i->invoice_number }}</a></td>
                    <td>{{ $i->customer?->name }}</td>
                    <td>{{ money($i->total) }}</td>
                    <td><span class="badge text-bg-light">{{ $i->status->label() }}</span></td>
                    <td>{{ $i->date?->toDateString() }}</td>
                    <td>@include('invoices.partials.actions', ['invoice' => $i, 'shareText' => $shareTexts[$i->id] ?? '', 'compact' => true])</td>
                </tr>
            @empty
                <tr><td colspan="6">{{ __('messages.no_results') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @include('partials.pagination', ['paginator' => $invoices])
</div>
@endsection