@extends('layouts.finance')

@section('title', 'Monthly Closing')
@section('subtitle', 'Close each month to lock its Sale, Profit, Expense and Net Worth')

@section('content')
@php
    $preview = $preview ?? ['currency' => 'PKR', 'total_sale' => 0, 'profit' => 0, 'expense' => 0, 'net_profit' => 0, 'net_worth' => 0];
    $closings = $closings ?? collect();
    $cur = $preview['currency'] ?? 'PKR';
    $closureStatus = $closureStatus ?? ['rows' => collect(), 'closed_count' => 0, 'required_count' => 0, 'remaining_count' => 0, 'can_close' => false, 'can_manage' => false];
@endphp

@if(session('success'))
    <div class="card p-4 mb-4" style="background:#ecfdf5;border-color:#a7f3d0;color:#065f46;font-size:13px">
        {{ session('success') }}
    </div>
@endif

{{-- SELECT + PREVIEW / CLOSE --}}
<section class="card p-5 mb-6">
    <div class="flex items-center justify-between flex-wrap gap-3">
        <div>
            <div class="text-xs" style="color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-weight:700">Closing Month</div>
            <div class="text-xl font-bold" style="margin-top:3px">{{ $closingMonth->format('F Y') }}</div>
            @if($existing)
                <div class="text-xs" style="color:#059669;margin-top:4px">
                    Closed {{ $existing->closed_at?->format('d M Y, H:i') }}{{ $existing->is_auto ? ' · auto' : '' }} — snapshot is fixed.
                </div>
            @else
                <div class="text-xs" style="color:var(--muted);margin-top:4px">
                    Closing period: {{ $closureStatus['period_start']->format('d M Y') }} to {{ $closureStatus['period_end']->format('d M Y') }}.
                    You can close this month later, but the data range always stays inside this selected month only.
                </div>
            @endif
        </div>
        <form method="GET" action="{{ route('finance.monthly-closing') }}" style="display:flex;align-items:end;gap:8px;margin:0">
            <div>
                <label class="label" for="closingMonth">Month</label>
                <input id="closingMonth" name="month" type="month" class="field" value="{{ $selectedMonth }}">
            </div>
            <button class="btn" type="submit">Open</button>
        </form>
    </div>

    <div class="divider" style="margin:18px 0"></div>

    <div class="grid kpi-grid gap-3">
        <div class="card kpi-card">
            <div class="kpi-label">Total Sale</div>
            <div class="kpi-value">{{ $metrics->money($preview['total_sale'], $cur) }}</div>
        </div>
        <div class="card kpi-card">
            <div class="kpi-label">Profit (before expense)</div>
            <div class="kpi-value" style="color:{{ $preview['profit'] >= 0 ? '#10b981' : '#ef4444' }}">{{ $metrics->money($preview['profit'], $cur) }}</div>
        </div>
        <div class="card kpi-card">
            <div class="kpi-label">Expense</div>
            <div class="kpi-value" style="color:#b45309">{{ $metrics->money($preview['expense'], $cur) }}</div>
        </div>
        <div class="card kpi-card">
            <div class="kpi-label">Profit / Loss (after expense)</div>
            <div class="kpi-value" style="color:{{ $preview['net_profit'] >= 0 ? '#10b981' : '#ef4444' }}">{{ $metrics->money($preview['net_profit'], $cur) }}</div>
        </div>
        <div class="card kpi-card">
            <div class="kpi-label">Company Net Worth</div>
            <div class="kpi-value">{{ $metrics->money($preview['net_worth'], $cur) }}</div>
            <div class="kpi-sub">Captured at the moment you close</div>
        </div>
    </div>

    <div style="display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap">
        <form method="POST" action="{{ route('finance.monthly-closing.close') }}" style="margin:0">
            @csrf
            <input type="hidden" name="month" value="{{ $selectedMonth }}">
            <button class="btn btn-primary" type="submit" @disabled(! $closureStatus['can_close']) title="{{ $closureStatus['can_close'] ? '' : 'Close all banks, wallets, and credit cards first' }}">
                {{ $existing ? 'Re-close (refresh snapshot)' : 'Close '.$closingMonth->format('F Y') }}
            </button>
        </form>
        @if($existing)
            <form method="POST" action="{{ route('finance.monthly-closing.reopen', $existing) }}" style="margin:0"
                  onsubmit="return confirm('Reopen {{ $closingMonth->format('F Y') }}? Its saved snapshot will be removed.');">
                @csrf
                @method('DELETE')
                <button class="btn" type="submit">Reopen</button>
            </form>
        @endif
        <span class="pill {{ $closureStatus['can_close'] ? 'pill-green' : 'pill-amber' }}">
            {{ $closureStatus['closed_count'] }}/{{ $closureStatus['required_count'] }} accounts closed
        </span>
        @if(! $closureStatus['can_manage'])
            <span class="pill">Only past months can be manually closed</span>
        @endif
    </div>
</section>

<section class="card mb-6">
    <div class="section-head">
        <h2>Manual Bank / Wallet / Credit Closings</h2>
        <span class="pill">{{ $closingMonth->format('F Y') }} cycle · {{ $closureStatus['period_start']->format('d M') }} to {{ $closureStatus['period_end']->format('d M Y') }}</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Account</th>
                <th>Type</th>
                <th>Period</th>
                <th>Status</th>
                <th class="right">Action</th>
            </tr>
        </thead>
        <tbody>
            @forelse($closureStatus['rows'] as $row)
                <tr class="row-hover">
                    <td>
                        <div style="font-weight:700">{{ $row['name'] }}</div>
                        <div class="text-xs muted">{{ $row['subtitle'] }}</div>
                    </td>
                    <td>{{ $row['kind'] === 'bank' ? 'Bank / Wallet' : 'Credit Card' }}</td>
                    <td>{{ $row['period_start']->format('d M Y') }} to {{ $row['period_end']->format('d M Y') }}</td>
                    <td>
                        @if($row['is_closed'])
                            <span class="pill pill-green">Closed {{ $row['closing']?->closed_at?->format('d M Y, H:i') }}</span>
                        @else
                            <span class="pill pill-amber">Open</span>
                        @endif
                    </td>
                    <td class="right">
                        @if($row['is_closed'])
                            <span class="pill pill-green">Done</span>
                        @elseif($closureStatus['can_manage'])
                            <form method="POST" action="{{ route('finance.monthly-closing.account-close') }}" style="margin:0;display:inline">
                                @csrf
                                <input type="hidden" name="month" value="{{ $selectedMonth }}">
                                <input type="hidden" name="target_type" value="{{ $row['kind'] }}">
                                <input type="hidden" name="target_id" value="{{ $row['id'] }}">
                                <button class="btn btn-sm" type="submit">{{ $row['kind'] === 'bank' ? 'Close Bank' : 'Close Card' }}</button>
                            </form>
                        @else
                            <span class="pill">Unavailable</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="muted" style="text-align:center;padding:2rem 1rem">No active banks, wallets, or credit cards found.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</section>

{{-- CLOSED MONTHS TABLE --}}
<section class="card mb-6">
    <div class="section-head">
        <h2>Closed Months</h2>
        <span class="pill">Fixed snapshots · newest first</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Month</th>
                <th class="right">Total Sale</th>
                <th class="right">Profit</th>
                <th class="right">Expense</th>
                <th class="right">Profit / Loss (after expense)</th>
                <th class="right">Company Net Worth</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse($closings as $row)
                <tr class="row-hover">
                    <td style="font-weight:600">{{ $row->month->format('F Y') }}</td>
                    <td class="right">{{ $metrics->money($row->total_sale, $row->currency) }}</td>
                    <td class="right" style="color:{{ (float) $row->profit >= 0 ? '#10b981' : '#ef4444' }}">{{ $metrics->money($row->profit, $row->currency) }}</td>
                    <td class="right" style="color:#b45309">{{ $metrics->money($row->expense, $row->currency) }}</td>
                    <td class="right" style="font-weight:700;color:{{ $row->isProfit() ? '#10b981' : '#ef4444' }}">
                        {{ $row->isProfit() ? '' : '-' }}{{ $metrics->money(abs((float) $row->net_profit), $row->currency) }}
                    </td>
                    <td class="right" style="font-weight:700">{{ $metrics->money($row->net_worth, $row->currency) }}</td>
                    <td>
                        <span class="pill {{ $row->isFullyClosed() ? 'pill-green' : 'pill-amber' }}">
                            {{ $row->accounts_closed_count }}/{{ $row->accounts_required_count }} closed
                        </span>
                    </td>
                    <td class="right">
                        <div style="display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap">
                            <a class="btn btn-ghost" style="font-size:12px" href="{{ route('finance.monthly-closing', ['month' => $row->month->format('Y-m')]) }}">Open</a>
                            <a class="btn btn-ghost" style="font-size:12px" href="{{ route('finance.reports.show', $row) }}">Report</a>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="8" class="muted" style="text-align:center;padding:2rem 1rem">
                        No months closed yet. Pick a month above and press <strong>Close</strong>.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</section>
@endsection