@extends('layouts.admin')
@section('title', $fiscalPeriod->name)
@section('content')
@php $tone = match($fiscalPeriod->status) { 'open' => 'success', 'soft_closed' => 'warning', 'hard_closed' => 'muted', default => 'info' }; @endphp
<x-admin.page :title="$fiscalPeriod->name" subtitle="Close checklist and period lock controls.">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.period-close') }}" class="admin-btn">Back</a>
        @if($fiscalPeriod->status === 'open')
            <form method="post" action="{{ route('admin.accounting.period-close.close', $fiscalPeriod) }}">@csrf
                <input type="hidden" name="mode" value="soft">
                <button class="admin-btn">Soft close</button>
            </form>
        @endif
        @if(in_array($fiscalPeriod->status, ['open', 'soft_closed'], true))
            <form method="post" action="{{ route('admin.accounting.period-close.close', $fiscalPeriod) }}">@csrf
                <input type="hidden" name="mode" value="hard">
                <button class="admin-btn admin-btn-primary">Hard close</button>
            </form>
        @endif
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Status</div>
            <div class="mt-2"><x-admin.badge :tone="$tone">{{ str($fiscalPeriod->status)->headline() }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Range</div>
            <div class="mt-1 text-sm">{{ $fiscalPeriod->starts_on->format('d M Y') }} → {{ $fiscalPeriod->ends_on->format('d M Y') }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Snapshot</div>
            <div class="mt-1 font-mono text-xs text-[#6d7175]">{{ $fiscalPeriod->snapshot_hash ?: '—' }}</div>
        </x-admin.card>
    </div>

    <x-admin.section title="Checklist">
        <div class="space-y-3">
            @forelse($fiscalPeriod->checklistItems as $item)
                <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-[var(--color-admin-border)] px-4 py-3">
                    <div>
                        <div class="font-medium">{{ $item->label }}</div>
                        <div class="text-xs text-[#6d7175]">{{ $item->key }}</div>
                    </div>
                    <div class="flex items-center gap-3">
                        <x-admin.badge :tone="$item->status === 'done' ? 'success' : 'muted'">{{ $item->status }}</x-admin.badge>
                        @if($item->status !== 'done' && $fiscalPeriod->status === 'open')
                            <form method="post" action="{{ route('admin.accounting.period-close.sign-off', $fiscalPeriod) }}">@csrf
                                <input type="hidden" name="key" value="{{ $item->key }}">
                                <button class="admin-btn">Sign off</button>
                            </form>
                        @endif
                    </div>
                </div>
            @empty
                <p class="text-sm text-[#6d7175]">Checklist will be created on first open.</p>
            @endforelse
        </div>
    </x-admin.section>
</x-admin.page>
@endsection