@extends('layouts.finance')

@section('title', 'Period Closing')
@section('subtitle', 'Close each account up to a date so its entries can no longer be added, edited or deleted')

@section('content')
@php
    $accounts = $accounts ?? [];
    $today = $today ?? \Illuminate\Support\Carbon::today();
@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

@if($errors->any())
    <div class="card p-4 mb-4" style="background:#fef2f2;border-color:#fecaca;color:#991b1b;font-size:13px">
        @foreach($errors->all() as $error)
            <div>{{ $error }}</div>
        @endforeach
    </div>
@endif

@unless($passwordConfigured)
    <div class="card p-4 mb-4" style="background:#fffbeb;border-color:#fde68a;color:#92400e;font-size:13px">
        <strong>Closing is disabled.</strong>
        No closing password is set. Add <code>FINANCE_CLOSING_PASSWORD</code> to the environment file and
        run <code>php artisan config:clear</code> to enable it.
    </div>
@endunless

<section class="card p-5 mb-6">
    <div class="text-xs" style="color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-weight:700">
        How closing works
    </div>
    <p class="text-sm" style="margin-top:8px;line-height:1.7">
        Closing an account through a date freezes every entry dated on or before that date: it cannot be
        added, edited, re-dated or deleted. Close daily, or every few days — the only thing that changes is
        the date you pick. Each account is closed on its own, so one bank can be finalised while another
        stays open.
    </p>
    <p class="text-sm" style="margin-top:8px;line-height:1.7">
        A transfer between two accounts is one movement of money recorded on both sides. If either side is
        closed, <strong>both</strong> sides are frozen — so deleting the open half of a transfer whose other
        half is closed is refused, and the message names the account responsible.
    </p>
</section>

<section class="card p-0 mb-6" style="overflow:hidden">
    <table class="w-full" style="border-collapse:collapse;font-size:13px">
        <thead>
            <tr style="background:var(--surface-2, #f8fafc);text-align:left">
                <th class="p-3">Account</th>
                <th class="p-3">Status</th>
                <th class="p-3">Closed through</th>
                <th class="p-3">Open entries</th>
                <th class="p-3" style="text-align:right">Action</th>
            </tr>
        </thead>
        <tbody>
        @forelse($accounts as $account)
            @php
                $rowKey = $account['type'].'-'.$account['id'];
                $isClosed = $account['closed_through'] !== null;
                // Closing daily means picking yesterday or today; these are just shortcuts.
                $suggested = $account['closed_through']
                    ? \Illuminate\Support\Carbon::parse($account['closed_through'])->copy()->addDay()
                    : ($account['earliest_open'] ?? $today);
                $suggested = $suggested->greaterThan($today) ? $today : $suggested;
            @endphp
            <tr style="border-top:1px solid var(--border, #e2e8f0)">
                <td class="p-3">
                    <div style="font-weight:600">{{ $account['name'] }}</div>
                    <div class="text-xs" style="color:var(--muted)">
                        {{ $account['type'] === 'credit_card' ? 'Credit card' : 'Bank account' }}
                    </div>
                </td>
                <td class="p-3">
                    @if($isClosed)
                        <span style="color:#065f46;font-weight:600">Closed</span>
                    @else
                        <span style="color:#92400e;font-weight:600">Open</span>
                    @endif
                </td>
                <td class="p-3">
                    @if($isClosed)
                        {{ \Illuminate\Support\Carbon::parse($account['closed_through'])->format('d M Y') }}
                        <div class="text-xs" style="color:var(--muted)">
                            set {{ $account['closed_at']?->format('d M Y, H:i') }}
                        </div>
                        @if($account['note'])
                            <div class="text-xs" style="color:var(--muted)">{{ $account['note'] }}</div>
                        @endif
                    @else
                        <span style="color:var(--muted)">—</span>
                    @endif
                </td>
                <td class="p-3">
                    {{ number_format($account['open_count']) }}
                    @if($account['earliest_open'])
                        <div class="text-xs" style="color:var(--muted)">
                            from {{ $account['earliest_open']->format('d M Y') }}
                        </div>
                    @endif
                </td>
                <td class="p-3" style="text-align:right">
                    <button type="button" class="btn btn-sm" onclick="togglePeriodForm('{{ $rowKey }}')">
                        {{ $isClosed ? 'Close further / reopen' : 'Close period' }}
                    </button>
                </td>
            </tr>
            <tr id="form-{{ $rowKey }}" style="display:none;background:var(--surface-2, #f8fafc)">
                <td colspan="5" class="p-4">
                    <form method="POST" action="{{ route('finance.period-closing.close') }}" style="margin-bottom:14px">
                        @csrf
                        <input type="hidden" name="target_type" value="{{ $account['type'] }}">
                        <input type="hidden" name="target_id" value="{{ $account['id'] }}">
                        <div class="flex flex-wrap items-end gap-3">
                            <div>
                                <label class="text-xs" style="display:block;font-weight:600">Close through (inclusive)</label>
                                <input type="date" name="closed_through" class="form-control"
                                       value="{{ $suggested->toDateString() }}"
                                       max="{{ $today->toDateString() }}" required>
                            </div>
                            <div>
                                <label class="text-xs" style="display:block;font-weight:600">Note (optional)</label>
                                <input type="text" name="note" class="form-control" maxlength="500"
                                       placeholder="e.g. reconciled against statement">
                            </div>
                            <div>
                                <label class="text-xs" style="display:block;font-weight:600">Closing password</label>
                                <input type="password" name="closing_password" class="form-control"
                                       autocomplete="new-password" required @disabled(! $passwordConfigured)>
                            </div>
                            <div>
                                <button type="submit" class="btn btn-primary" @disabled(! $passwordConfigured)>
                                    Close period
                                </button>
                            </div>
                        </div>
                    </form>

                    @if($isClosed)
                        <form method="POST" action="{{ route('finance.period-closing.reopen') }}"
                              onsubmit="return confirm('Reopen this period? Entries in the reopened range become editable again.')">
                            @csrf
                            <input type="hidden" name="target_type" value="{{ $account['type'] }}">
                            <input type="hidden" name="target_id" value="{{ $account['id'] }}">
                            <div class="flex flex-wrap items-end gap-3">
                                <div>
                                    <label class="text-xs" style="display:block;font-weight:600">
                                        Reopen back to (leave blank to remove the lock entirely)
                                    </label>
                                    <input type="date" name="reopen_to" class="form-control"
                                           max="{{ \Illuminate\Support\Carbon::parse($account['closed_through'])->subDay()->toDateString() }}">
                                </div>
                                <div>
                                    <label class="text-xs" style="display:block;font-weight:600">Closing password</label>
                                    <input type="password" name="closing_password" class="form-control"
                                           autocomplete="new-password" required @disabled(! $passwordConfigured)>
                                </div>
                                <div>
                                    <button type="submit" class="btn" @disabled(! $passwordConfigured)>Reopen</button>
                                </div>
                            </div>
                        </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="p-4" style="color:var(--muted)">No accounts to close yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</section>

<script>
    function togglePeriodForm(key) {
        var row = document.getElementById('form-' + key);
        if (row) {
            row.style.display = row.style.display === 'none' ? 'table-row' : 'none';
        }
    }
</script>
@endsection