@extends('layouts.portal')

@section('title', __('Sales Invoices'))

@push('styles')
    @include('accounting.journal._styles')
@endpush

@section('content')
<div class="portal-page">
    @include('partials.portal-header')

    <main class="module-main">
        <div class="container-fluid py-4">
            <header class="mb-3 d-flex justify-content-between align-items-start flex-wrap gap-2">
                <div>
                    <h1 class="h3 mb-0">{{ __('Sales Invoices') }}</h1>
                    <p class="text-muted mb-0">{{ __('Sales made at the counter, with their stock issue, collection and journal entry.') }}</p>
                </div>
                <a href="{{ route('sales.invoices.create') }}" class="btn btn-primary"><i class="bi bi-upc-scan"></i> {{ __('Counter Sale') }}</a>
            </header>

            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            <form method="GET" action="{{ route('sales.invoices.index') }}" class="row g-2 mb-3">
                <div class="col-12 col-md-5">
                    <input type="search" name="q" class="form-control" value="{{ $search }}" placeholder="{{ __('Search by number, reference or customer') }}">
                </div>
                <div class="col-6 col-md-3">
                    <select name="status" class="form-select">
                        <option value="">{{ __('All statuses') }}</option>
                        @foreach(['posted' => 'Posted', 'voided' => 'Voided'] as $value => $label)
                            <option value="{{ $value }}" @selected($status === $value)>{{ __($label) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <button type="submit" class="btn btn-outline-primary w-100">{{ __('Filter') }}</button>
                </div>
            </form>

            <div class="card shadow-sm">
                <div class="je-grid-wrap">
                    <table class="je-table">
                        <thead>
                            <tr>
                                <th>{{ __('Number') }}</th>
                                <th>{{ __('Date') }}</th>
                                <th>{{ __('Customer') }}</th>
                                <th>{{ __('Payment') }}</th>
                                <th>{{ __('Due date') }}</th>
                                <th class="num">{{ __('Total') }}</th>
                                <th class="num">{{ __('Paid') }}</th>
                                <th>{{ __('Status') }}</th>
                            </tr>
                        </thead>
                        <tbody class="je-list">
                            @forelse($documents as $document)
                                <tr class="{{ $document->status === 'voided' ? 'is-voided' : '' }}">
                                    <td class="nowrap"><a href="{{ route('sales.invoices.show', $document) }}">{{ $document->document_number }}</a></td>
                                    <td class="nowrap">{{ $document->document_date->format('Y-m-d') }}</td>
                                    <td>{{ $document->person?->first_name }} {{ $document->person?->last_name }}</td>
                                    <td>{{ $document->quickPaymentMethod?->name ?? __('Credit') }}</td>
                                    <td class="nowrap">{{ $document->due_date?->format('Y-m-d') }}</td>
                                    <td class="num">{{ number_format((float) $document->total, 2) }}</td>
                                    <td class="num">{{ number_format((float) $document->amount_paid, 2) }}</td>
                                    <td class="no-strike {{ $document->status === 'posted' ? 'je-status-posted' : ($document->status === 'voided' ? 'je-status-voided' : '') }}">{{ __(ucfirst($document->status)) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="8" class="text-center text-muted py-4">{{ __('No sales invoices found.') }}</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-3">{{ $documents->links() }}</div>
        </div>
    </main>
</div>
@endsection