@extends('layouts.app')

@section('content')
<div class="container-fluid px-4 py-4" style="background-color: #f8fafc; min-height: 100vh;">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <div class="d-flex align-items-center gap-2 mb-1">
                <i class="bi bi-graph-up-arrow text-success fs-4"></i>
                <h4 class="fw-bold text-dark mb-0">Financial Profit Ledger</h4>
            </div>
            <p class="text-muted small mb-0">Monitor real-time handloom sales revenue statements, cost parameters, and
                net yield metrics across operational nodes.</p>
        </div>

        <form action="{{ route('admin.financials.index') }}" method="GET" class="d-flex gap-2">
            <select name="exhibition_id" class="form-select shadow-sm border-0 bg-white"
                style="border-radius: 8px; width: 260px;" onchange="this.form.submit()">
                <option value="">All Counter Hubs (Global Logs)</option>
                @foreach($exhibitions as $exhibition)
                <option value="{{ $exhibition->id }}" {{ $selectedExhibition==$exhibition->id ? 'selected' : '' }}>
                    {{ $exhibition->name }}
                </option>
                @endforeach
            </select>
            @if($selectedExhibition)
            <a href="{{ route('admin.financials.index') }}" class="btn btn-light shadow-sm border-0"
                style="border-radius: 8px;">Clear</a>
            @endif
        </form>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-md-6">
            <div class="card border-0 shadow-sm rounded-4 p-4 bg-white">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <span class="text-uppercase text-muted fw-bold small tracking-wider">Gross Sales Revenue</span>
                        <h2 class="fw-black text-dark mt-2 mb-0 font-monospace">₹{{ number_format($totalGrossRevenue, 2)
                            }}</h2>
                    </div>
                    <div class="p-3 bg-primary-subtle text-primary rounded-4">
                        <i class="bi bi-currency-rupee fs-3"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card border-0 shadow-sm rounded-4 p-4"
                style="background: linear-gradient(135deg, #10b981 0%, #059669 100%);">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <span class="text-uppercase text-white-50 fw-bold small tracking-wider">Net Profit Yield</span>
                        <h2 class="fw-black text-white mt-2 mb-0 font-monospace">₹{{ number_format($totalNetProfit, 2)
                            }}</h2>
                    </div>
                    <div class="p-3 bg-white-50 text-white rounded-4" style="background: rgba(255,255,255,0.2);">
                        <i class="bi bi-shield-check fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-4 bg-white">
        <div class="card-header bg-white border-bottom py-3 px-4">
            <h6 class="mb-0 fw-bold text-dark"><i class="bi bi-receipt-cutoff text-indigo-600 me-2"
                    style="color: #4f46e5;"></i>Financial Settlement Audit Logs</h6>
        </div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 bg-white">
                <thead class="table-light text-uppercase small fw-bold text-secondary" style="font-size: 11px;">
                    <tr>
                        <th class="py-3 ps-4">Date</th>
                        <th class="py-3">Invoice Token</th>
                        <th class="py-3">Item Name</th>
                        <th class="py-3 text-center">Qty</th>
                        <th class="py-3 text-end">Selling Price</th>
                        <th class="py-3 text-end">Gross Revenue</th>
                        <th class="py-3 text-end pe-4">Calculated Profit</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($ledgerEntries as $entry)
                    <tr>
                        <td class="py-3 ps-4 text-secondary small">
                            {{ date('d M, Y', strtotime($entry->sale_date)) }}
                        </td>
                        <td class="font-monospace fw-bold text-dark">{{ $entry->invoice_no }}</td>
                        <td class="fw-bold text-dark">{{ $entry->product_name }}</td>
                        <td class="text-center font-monospace fw-semibold">{{ $entry->qty }} pcs</td>
                        <td class="text-end font-monospace">₹{{ number_format($entry->selling_price, 2) }}</td>
                        <td class="text-end font-monospace fw-bold text-dark">₹{{ number_format($entry->gross_revenue,
                            2) }}</td>
                        <td class="text-end font-monospace fw-bold text-success pe-4">
                            +₹{{ number_format($entry->net_profit, 2) }}
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center py-5 text-muted">
                            <i class="bi bi-file-earmark-bar-graph d-block mb-2 fs-3 text-secondary"></i> No sales
                            settlements recorded under selected filter parameters loop.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($ledgerEntries->count() > 0)
        <div class="card-footer bg-white border-top py-3 px-4">
            {{ $ledgerEntries->appends(request()->query())->links() }}
        </div>
        @endif
    </div>

</div>
@endsection