@extends('layouts.app')

@section('content')

{{-- Page Header --}}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="mb-0 fw-bold">Business Summary</h4>
        <small class="text-muted">
            <i class="fas fa-calendar-day me-1"></i>
            {{ date('l, d F Y', strtotime($daySummary->date)) }}
        </small>
    </div>
    <a href="{{ route('business.index') }}" class="btn btn-outline-secondary btn-sm">
        <i class="fas fa-arrow-left me-1"></i> Back
    </a>
</div>

{{-- Top KPI Strip --}}
@php
    $kpis = [
        ['label' => 'Opening Balance',  'value' => $daySummary->opening_balance,  'icon' => 'fa-door-open',    'color' => '6c757d'],
        ['label' => 'Collections',      'value' => $daySummary->collections,      'icon' => 'fa-wallet',       'color' => '0d6efd'],
        ['label' => 'Disbursements',    'value' => $daySummary->disbursements,     'icon' => 'fa-arrow-up',     'color' => 'dc3545'],
        ['label' => 'Net',              'value' => $net,                           'icon' => 'fa-scale-balanced','color' => $net >= 0 ? '198754' : 'dc3545'],
        ['label' => 'Closing Balance',  'value' => $daySummary->closing_balance,   'icon' => 'fa-door-closed',  'color' => '212529'],
    ];
@endphp

<div class="row g-3 mb-4">
    @foreach($kpis as $kpi)
    <div class="col-xl col-md-4 col-6">
        <div class="card border-0 shadow-sm h-100" style="border-left: 4px solid #{{ $kpi['color'] }} !important;">
            <div class="card-body py-3 px-3">
                <div class="d-flex justify-content-between align-items-start">
                    <div>
                        <p class="text-muted mb-1 text-uppercase fw-semibold" style="font-size:.68rem; letter-spacing:.05em;">
                            {{ $kpi['label'] }}
                        </p>
                        <h5 class="mb-0 fw-bold" style="color:#{{ $kpi['color'] }};">
                            {{ number_format($kpi['value'], 2) }}
                        </h5>
                    </div>
                    <div class="rounded-circle d-flex align-items-center justify-content-center"
                         style="width:38px;height:38px;background:rgba({{ implode(',', sscanf('#'.$kpi['color'], '#%02x%02x%02x')) }},0.1);">
                        <i class="fas {{ $kpi['icon'] }}" style="color:#{{ $kpi['color'] }};font-size:.85rem;"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>

{{-- Secondary Stats Row --}}
<div class="row g-3 mb-4">
    @php
        $stats = [
            ['label' => 'Cash Sales',    'value' => $daySummary->cash_sales,    'color' => 'text-info',    'bg' => 'bg-info'],
            ['label' => 'Credit Sales',  'value' => $daySummary->credit_sales,  'color' => 'text-warning', 'bg' => 'bg-warning'],
            ['label' => 'Recoveries',    'value' => $daySummary->recoveries,    'color' => 'text-purple',  'bg' => 'bg-purple', 'style' => 'color:#6f42c1!important;'],
            ['label' => 'Expenses',      'value' => $daySummary->expenses,      'color' => 'text-danger',  'bg' => 'bg-danger'],
            ['label' => 'Profits',       'value' => $daySummary->profits,       'color' => 'text-success', 'bg' => 'bg-success'],
            ['label' => 'Total Sales',   'value' => $daySummary->total_sales,   'color' => 'text-primary', 'bg' => 'bg-primary'],
            ['label' => 'Transfers',     'value' => $daySummary->transfers,     'color' => 'text-secondary','bg' => 'bg-secondary'],
            ['label' => 'Intakes',       'value' => $daySummary->intake,        'color' => 'text-dark',    'bg' => 'bg-dark'],
        ];
    @endphp
    @foreach($stats as $stat)
    <div class="col-xl-3 col-md-4 col-6">
        <div class="card border-0 shadow-sm">
            <div class="card-body py-2 px-3 d-flex justify-content-between align-items-center">
                <div>
                    <p class="text-muted mb-0" style="font-size:.72rem; text-transform:uppercase; letter-spacing:.04em;">
                        {{ $stat['label'] }}
                    </p>
                    <span class="fw-semibold {{ $stat['color'] }}" style="{{ $stat['style'] ?? '' }}">
                        {{ number_format($stat['value'], 2) }}
                    </span>
                </div>
                <div class="rounded-pill px-2 py-1 {{ $stat['bg'] }} bg-opacity-10">
                    <small class="{{ $stat['color'] }}" style="{{ $stat['style'] ?? '' }}">
                        @if($daySummary->collections > 0)
                            {{ number_format(($stat['value'] / $daySummary->collections) * 100, 1) }}%
                        @else
                            —
                        @endif
                    </small>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>

{{-- Branch Summaries --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
        <div>
            <h6 class="mb-0 fw-semibold">Branch Summaries</h6>
            <small class="text-muted">{{ $branchSummaries->count() }} branch(es) closed on this date</small>
        </div>
        <span class="badge bg-primary rounded-pill">{{ $branchSummaries->count() }}</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">Branch</th>
                        <th>Personnel</th>
                        <th class="text-end">Opening</th>
                        <th class="text-end">Cash Sales</th>
                        <th class="text-end">Credit Sales</th>
                        <th class="text-end">Intakes</th>
                        <th class="text-end">Recoveries</th>
                        <th class="text-end">Expenses</th>
                        <th class="text-end">Transfers</th>
                        <th class="text-end">Profits</th>
                        <th class="text-end pe-3">Closing</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($branchSummaries as $bs)
                    <tr>
                        <td class="ps-3">
                            <span class="fw-semibold">{{ $bs->branch?->name ?? '—' }}</span>
                        </td>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                <div class="rounded-circle bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center"
                                     style="width:30px;height:30px;font-size:.75rem;font-weight:600;">
                                    {{ strtoupper(substr($bs->personel?->name ?? '?', 0, 1)) }}
                                </div>
                                <small>{{ $bs->personel?->name ?? '—' }}</small>
                            </div>
                        </td>
                        <td class="text-end text-muted">{{ number_format($bs->opening_balance, 2) }}</td>
                        <td class="text-end">{{ number_format($bs->cash_sales, 2) }}</td>
                        <td class="text-end">{{ number_format($bs->credit_sales, 2) }}</td>
                        <td class="text-end">{{ number_format($bs->intakes_sum_amount, 2) }}</td>
                        <td class="text-end text-success">{{ number_format($bs->recoveries_sum_amount, 2) }}</td>
                        <td class="text-end text-danger">{{ number_format($bs->expenses, 2) }}</td>
                        <td class="text-end">{{ number_format($bs->summary_transfers_sum_amount, 2) }}</td>
                        <td class="text-end text-success fw-semibold">{{ number_format($bs->summary_profits_sum_amount, 2) }}</td>
                        <td class="text-end pe-3 fw-semibold">{{ number_format($bs->closing_balance, 2) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="11" class="text-center text-muted py-4">
                            <i class="fas fa-inbox fa-2x mb-2 d-block opacity-25"></i>
                            No branch summaries found for this date.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
                @if($branchSummaries->isNotEmpty())
                <tfoot class="table-light fw-bold border-top">
                    <tr>
                        <td class="ps-3" colspan="2">Totals</td>
                        <td class="text-end">{{ number_format($branchSummaries->sum('opening_balance'), 2) }}</td>
                        <td class="text-end">{{ number_format($branchSummaries->sum('cash_sales'), 2) }}</td>
                        <td class="text-end">{{ number_format($branchSummaries->sum('credit_sales'), 2) }}</td>
                        <td class="text-end">{{ number_format($branchSummaries->sum('intakes_sum_amount'), 2) }}</td>
                        <td class="text-end text-success">{{ number_format($branchSummaries->sum('recoveries_sum_amount'), 2) }}</td>
                        <td class="text-end text-danger">{{ number_format($branchSummaries->sum('expenses'), 2) }}</td>
                        <td class="text-end">{{ number_format($branchSummaries->sum('summary_transfers_sum_amount'), 2) }}</td>
                        <td class="text-end text-success">{{ number_format($branchSummaries->sum('summary_profits_sum_amount'), 2) }}</td>
                        <td class="text-end pe-3">{{ number_format($branchSummaries->sum('closing_balance'), 2) }}</td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>

{{-- Disbursements --}}
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
        <div>
            <h6 class="mb-0 fw-semibold">Disbursements</h6>
            <small class="text-muted">{{ $disbursements->count() }} disbursement(s) — opening balance from day collections</small>
        </div>
        <span class="badge bg-danger rounded-pill">
            Total: {{ number_format($totalDisbursements, 2) }}
        </span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">#</th>
                        <th>Supplier</th>
                        <th>Personnel</th>
                        <th>Reason</th>
                        <th class="text-end">Amount</th>
                        <th class="text-end pe-3">Running Balance</th>
                        <th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- Opening balance row --}}
                    <tr class="table-light">
                        <td class="ps-3 text-muted">—</td>
                        <td colspan="3">
                            <span class="badge bg-secondary bg-opacity-75 me-2">Opening</span>
                            <small class="text-muted">Available balance before disbursements</small>
                        </td>
                        <td class="text-end text-muted">—</td>
                        <td class="text-end pe-3 fw-bold text-primary">
                            {{ number_format($disbursementsOpeningBalance, 2) }}
                        </td>
                        <td></td>
                    </tr>

                    @forelse($disbursements as $d)
                    @php
                        $statusColors = ['Pending' => 'warning', 'Approved' => 'success', 'Rejected' => 'danger'];
                        $statusColor  = $statusColors[$d->status] ?? 'secondary';
                    @endphp
                    <tr>
                        <td class="ps-3 text-muted">{{ $d->orderNo }}</td>
                        <td>
                            <span class="fw-semibold">{{ $d->supplier?->name ?? '—' }}</span>
                        </td>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                <div class="rounded-circle bg-secondary bg-opacity-10 d-flex align-items-center justify-content-center"
                                     style="width:28px;height:28px;font-size:.7rem;font-weight:600;">
                                    {{ strtoupper(substr($d->personel?->name ?? '?', 0, 1)) }}
                                </div>
                                <small>{{ $d->personel?->name ?? '—' }}</small>
                            </div>
                        </td>
                        <td><small class="text-muted">{{ $d->reason ?? '—' }}</small></td>
                        <td class="text-end text-danger fw-semibold">
                            ({{ number_format($d->amount, 2) }})
                        </td>
                        <td class="text-end pe-3 fw-semibold {{ $d->balance >= 0 ? 'text-success' : 'text-danger' }}">
                            {{ number_format($d->balance, 2) }}
                        </td>
                        <td class="text-center">
                            <span class="badge bg-{{ $statusColor }} bg-opacity-75">
                                {{ $d->status }}
                            </span>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">
                            <i class="fas fa-inbox fa-2x mb-2 d-block opacity-25"></i>
                            No disbursements recorded for this date.
                        </td>
                    </tr>
                    @endforelse
                </tbody>

                @if($disbursements->isNotEmpty())
                <tfoot class="table-light border-top fw-bold">
                    <tr>
                        <td class="ps-3" colspan="4">Total Disbursed</td>
                        <td class="text-end text-danger">({{ number_format($totalDisbursements, 2) }})</td>
                        <td class="text-end pe-3 {{ $net >= 0 ? 'text-success' : 'text-danger' }}">
                            {{ number_format($net, 2) }}
                        </td>
                        <td></td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>

@endsection