@extends('layouts.app')
@section('title', 'Invoices')
@section('section', 'Sales')

@php
    $cur = config('payments.currency');
    $dp  = \App\Payments\Support\Currency::decimals($cur);
    $fmt = fn ($n) => number_format((float) $n, $dp);

    $tabs = ['all' => 'All', 'due' => 'Unpaid', 'partial' => 'Partial', 'paid' => 'Paid'];
    $pill = [
        'paid'    => ['pill-ok', 'Paid'],
        'partial' => ['pill-warn', 'Partial'],
        'due'     => ['pill-off', 'Unpaid'],
    ];
@endphp

@section('content')
    <div class="page-head">
        <p class="eyebrow">Sales</p>
        <h1>Invoices</h1>
    </div>

    <div class="summary">
        <div class="fig is-accent">
            <p class="fig-label">Outstanding</p>
            <div class="fig-value"><span class="cur">{{ $cur }}</span>{{ $fmt($summary['outstanding']) }}</div>
        </div>
        <div class="fig">
            <p class="fig-label">Open invoices</p>
            <div class="fig-value">{{ $summary['open'] }}</div>
        </div>
        <div class="fig">
            <p class="fig-label">Collected</p>
            <div class="fig-value"><span class="cur">{{ $cur }}</span>{{ $fmt($summary['collected']) }}</div>
        </div>
    </div>

    <div class="controls">
        <div class="seg">
            @foreach ($tabs as $key => $label)
                <a href="{{ route('sales.index', array_filter(['status' => $key === 'all' ? null : $key, 'q' => $q ?: null])) }}"
                   class="{{ $status === $key ? 'is-active' : '' }}">
                    {{ $label }}<span class="count">{{ $counts[$key] }}</span>
                </a>
            @endforeach
        </div>

        <form class="search" method="GET" action="{{ route('sales.index') }}">
            @if ($status !== 'all')<input type="hidden" name="status" value="{{ $status }}">@endif
            <input class="input" type="search" name="q" value="{{ $q }}" placeholder="Invoice or customer…">
            <button class="btn" type="submit">Search</button>
        </form>
    </div>

    @if ($sales->isEmpty())
        <div class="empty">
            <div class="glyph">— NO ENTRIES —</div>
            <p>
                @if ($q !== '' || $status !== 'all')
                    Nothing matches this view. <a href="{{ route('sales.index') }}">Clear filters</a>.
                @else
                    Invoices will appear here as you make sales.
                @endif
            </p>
        </div>
    @else
        <div class="ledger">
            <div class="led-head">
                <div>Invoice</div>
                <div>Customer</div>
                <div>Date</div>
                <div class="r">Due</div>
                <div>Status</div>
                <div></div>
            </div>

            @foreach ($sales as $sale)
                @php [$cls, $label] = $pill[$sale->payment_status] ?? ['pill-off', ucfirst($sale->payment_status)]; @endphp
                <a class="led-row" href="{{ route('checkout.show', $sale->id) }}">
                    <div class="led-inv">
                        <span class="led-inv-no">{{ $sale->invoice_no }}</span>
                        <span class="led-sub">Total {{ $cur }} {{ $fmt($sale->total) }}</span>
                    </div>
                    <div class="led-cust">{{ optional($sale->contact)->name ?? 'Walk-in customer' }}</div>
                    <div class="led-date">{{ \Illuminate\Support\Carbon::parse($sale->sale_date)->format('d M Y') }}</div>
                    <div class="led-due {{ (float) $sale->due_amount > 0 ? 'is-open' : '' }}">
                        {{ (float) $sale->due_amount > 0 ? $cur.' '.$fmt($sale->due_amount) : '—' }}
                    </div>
                    <div class="led-status"><span class="pill {{ $cls }}"><span class="dot"></span>{{ $label }}</span></div>
                    <div class="led-chev" aria-hidden="true">›</div>
                </a>
            @endforeach
        </div>

        @if ($sales->hasPages())
            <nav class="pager">
                @if ($sales->onFirstPage())
                    <span class="pg is-off">← Prev</span>
                @else
                    <a class="pg" href="{{ $sales->previousPageUrl() }}">← Prev</a>
                @endif
                <span class="pg-info">Page {{ $sales->currentPage() }} of {{ $sales->lastPage() }}</span>
                @if ($sales->hasMorePages())
                    <a class="pg" href="{{ $sales->nextPageUrl() }}">Next →</a>
                @else
                    <span class="pg is-off">Next →</span>
                @endif
            </nav>
        @endif
    @endif
@endsection