@extends('layouts.admin')

@section('title', __('admin_sales.title'))

@php
    $moneySummary = static function (array $totals): string {
        if ($totals === []) {
            return '0.000 JOD';
        }

        return collect($totals)
            ->map(fn($amount, $currency) => number_format((float) $amount, 3) . ' ' . $currency)
            ->implode(' / ');
    };
@endphp

@push('styles')
    .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-bottom:22px}.metric{padding:18px;border:1px
    solid var(--border);border-radius:12px;background:var(--white)}.metric
    strong{display:block;margin-top:8px;color:var(--primary);font-size:22px}.filters{display:grid;grid-template-columns:2fr
    1fr 1fr auto;gap:10px;margin-bottom:20px}.filters input,.filters select{padding:10px;border:1px solid
    var(--border);border-radius:8px;font:inherit}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table
    th,.data-table td{padding:12px;border-bottom:1px solid
    var(--border);text-align:start}.status{display:inline-block;padding:5px
    9px;border-radius:999px;color:#fff;font-size:13px;font-weight:700}.completed{background:#146c35}.cancelled{background:#b42318}.split{display:grid;grid-template-columns:2fr
    1fr;gap:20px}.top-list{margin:0;padding-inline-start:22px}.top-list li{padding:8px 0;border-bottom:1px solid
    var(--border)}@media(max-width:850px){.filters,.split{grid-template-columns:1fr}}
@endpush

@section('content')
    <div class="page-header">
        <h1 class="page-title">{{ __('admin_sales.title') }}</h1>
        <a class="button" href="{{ route('admin.sales.create') }}">
            {{ __('admin_sales.add_sale') }}
        </a>
    </div>

    <div class="metrics">
        <div class="metric">{{ __('admin_sales.today_total') }}<strong>{{ $moneySummary($metrics['today_total']) }}</strong>
        </div>
        <div class="metric">{{ __('admin_sales.week_total') }}<strong>{{ $moneySummary($metrics['week_total']) }}</strong>
        </div>
        <div class="metric">{{ __('admin_sales.month_total') }}<strong>{{ $moneySummary($metrics['month_total']) }}</strong>
        </div>
        <div class="metric">{{ __('admin_sales.month_count') }}<strong>{{ $metrics['month_count'] }}</strong></div>
        <a class="metric"
            href="{{ route('admin.inventory.index', ['status' => 'out']) }}">{{ __('admin_sales.out_of_stock') }}<strong
                style="color:#b42318">{{ $metrics['out_of_stock'] }}</strong></a>
        <a class="metric"
            href="{{ route('admin.inventory.index', ['status' => 'low']) }}">{{ __('admin_sales.low_stock') }}<strong
                style="color:#b45309">{{ $metrics['low_stock'] }}</strong></a>
    </div>

    <div class="split">
        <section class="card">
            <form class="filters" method="GET">
                <input name="search" value="{{ $search }}" placeholder="{{ __('admin_sales.search') }}">
                <select name="status">
                    <option value="">{{ __('admin_sales.all') }}</option>
                    <option value="completed" @selected($status === 'completed')>{{ __('admin_sales.completed') }}</option>
                    <option value="cancelled" @selected($status === 'cancelled')>{{ __('admin_sales.cancelled_status') }}
                    </option>
                </select>
                <select name="source">
                    <option value="">{{ __('admin_sales.all') }}</option>
                    <option value="manual" @selected($source === 'manual')>{{ __('admin_sales.manual') }}</option>
                    <option value="quote" @selected($source === 'quote')>{{ __('admin_sales.quote') }}</option>
                </select>
                <button class="button" type="submit">{{ __('admin_sales.filter') }}</button>
            </form>

            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>{{ __('admin_sales.sale_number') }}</th>
                            <th>{{ __('admin_sales.customer') }}</th>
                            <th>{{ __('admin_sales.source') }}</th>
                            <th>{{ __('admin_sales.status') }}</th>
                            <th>{{ __('admin_sales.date') }}</th>
                            <th>{{ __('admin_sales.total') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($sales as $sale)
                            <tr>
                                <td>{{ $sale->sale_number }}</td>
                                <td>{{ $sale->customer_name_snapshot ?? __('admin_sales.cash_customer') }}</td>
                                <td>{{ __('admin_sales.' . $sale->source) }}</td>
                                <td><span
                                        class="status {{ $sale->status }}">{{ __('admin_sales.' . ($sale->status === 'cancelled' ? 'cancelled_status' : 'completed')) }}</span>
                                </td>
                                <td>{{ $sale->sold_at?->format('Y-m-d H:i') }}</td>
                                <td>{{ number_format((float) $sale->total_amount, 3) }} {{ $sale->currency }}</td>
                                <td><a class="button button-secondary"
                                        href="{{ route('admin.sales.show', $sale) }}">{{ __('admin_sales.view') }}</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7">{{ __('admin_sales.empty') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $sales->links() }}
        </section>

        <section class="card">
            <h2>{{ __('admin_sales.top_products') }}</h2>
            <ol class="top-list">
                @forelse($topProducts as $item)
                    <li>{{ $item->product_name_snapshot }} — <strong>{{ $item->sold_quantity }}</strong></li>
                @empty
                    <li>{{ __('admin_sales.empty') }}</li>
                @endforelse
            </ol>
        </section>
    </div>
@endsection