@extends('layouts.admin')
@section('title', 'Period close')
@section('content')
@php
  $open = $periods->where('status', 'open')->count();
  $hard = $periods->where('status', 'hard_closed')->count();
@endphp
<x-admin.page title="Period close" subtitle="Checklist sign-off, soft close, and hard close with snapshot hash.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Periods</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $periods->total() }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Open (page)</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $open }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Hard closed (page)</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $hard }}</div></x-admin.card>
    </div>

    <x-admin.advanced-table
        id="period-close"
        :columns="['period'=>'Period','status'=>'Status','checklist'=>'Checklist','snapshot'=>'Snapshot','actions'=>'Actions']"
    >
        <thead>
            <tr>
                <th data-col="period">Period</th>
                <th data-col="status">Status</th>
                <th data-col="checklist">Checklist</th>
                <th data-col="snapshot">Snapshot</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($periods as $period)
                @php
                    $tone = match($period->status) { 'open' => 'success', 'soft_closed' => 'warning', 'hard_closed' => 'muted', default => 'info' };
                    $done = $period->checklistItems->where('status', 'done')->count();
                    $total = $period->checklistItems->count();
                @endphp
                <tr>
                    <td data-col="period">
                        <div class="font-medium">{{ $period->name }}</div>
                        <div class="text-xs text-[#6d7175]">{{ $period->starts_on->format('d M Y') }} → {{ $period->ends_on->format('d M Y') }}</div>
                    </td>
                    <td data-col="status"><x-admin.badge :tone="$tone">{{ str($period->status)->headline() }}</x-admin.badge></td>
                    <td data-col="checklist">{{ $done }}/{{ $total }}</td>
                    <td data-col="snapshot" class="font-mono text-xs text-[#6d7175]">{{ $period->snapshot_hash ? substr($period->snapshot_hash, 0, 12).'…' : '—' }}</td>
                    <td data-col="actions" class="text-right">
                        <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.period-close.show', $period) }}">Open</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No fiscal periods.</td></tr>
            @endforelse
        </tbody>
        <x-slot:footer>{{ $periods->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection