@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'বিতরণ চক্র' : 'Distribution Cycles')
@section('page-title', app()->getLocale() === 'bn' ? 'বিতরণ' : 'Distribution')
@section('content')
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
    <h2 class="text-xl font-bold">{{ app()->getLocale() === 'bn' ? 'বিতরণ চক্র তালিকা' : 'Distribution Cycles' }}</h2>
    <a href="{{ route('admin.distribution.create') }}" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg text-sm font-semibold transition">
        + {{ app()->getLocale() === 'bn' ? 'নতুন চক্র' : 'New Cycle' }}
    </a>
</div>

<div class="bg-white dark:bg-gray-800 rounded-xl shadow overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 dark:bg-gray-700">
                <tr>
                    <th class="text-left py-3 px-4">{{ app()->getLocale() === 'bn' ? 'চক্রের নাম' : 'Cycle Name' }}</th>
                    <th class="text-center py-3 px-4">{{ app()->getLocale() === 'bn' ? 'ধরণ' : 'Type' }}</th>
                    <th class="text-center py-3 px-4">{{ app()->getLocale() === 'bn' ? 'পরিবার প্রতি' : 'Per Family' }}</th>
                    <th class="text-center py-3 px-4">{{ app()->getLocale() === 'bn' ? 'বিতরণ সংখ্যা' : 'Disbursements' }}</th>
                    <th class="text-left py-3 px-4">{{ app()->getLocale() === 'bn' ? 'সময়কাল' : 'Period' }}</th>
                    <th class="text-center py-3 px-4">{{ __('Status') }}</th>
                    <th class="text-center py-3 px-4">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
                @forelse($cycles as $cycle)
                    <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
                        <td class="py-3 px-4 font-medium">{{ $cycle->cycle_name }}</td>
                        <td class="py-3 px-4 text-center text-xs">{{ ucfirst($cycle->cycle_type ?? '—') }}</td>
                        <td class="py-3 px-4 text-center font-semibold">৳{{ number_format($cycle->amount_per_family) }}</td>
                        <td class="py-3 px-4 text-center">{{ $cycle->disbursements_count }}</td>
                        <td class="py-3 px-4 text-xs">
                            {{ $cycle->start_date?->format('d/m/Y') }} — {{ $cycle->end_date?->format('d/m/Y') }}
                        </td>
                        <td class="py-3 px-4 text-center">
                            @php $c = match($cycle->status ?? 'draft') { 'active' => 'green', 'completed' => 'blue', default => 'yellow' }; @endphp
                            <span class="px-2 py-0.5 rounded text-xs font-semibold bg-{{ $c }}-100 text-{{ $c }}-800 dark:bg-{{ $c }}-900 dark:text-{{ $c }}-300">{{ ucfirst($cycle->status ?? 'draft') }}</span>
                        </td>
                        <td class="py-3 px-4 text-center">
                            <div class="flex items-center justify-center space-x-2">
                                <a href="{{ route('admin.distribution.show', $cycle) }}" class="text-blue-600 hover:text-blue-800">
                                    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="py-8 text-center text-gray-500">{{ __('No results found') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($cycles->hasPages())
        <div class="px-4 py-3 border-t dark:border-gray-700">{{ $cycles->links() }}</div>
    @endif
</div>
@endsection