@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'এলাকা ব্যবস্থাপনা' : 'Area Management')
@section('page-title', app()->getLocale() === 'bn' ? 'এলাকা ব্যবস্থাপনা' : 'Area Management')
@section('content')
<h2 class="text-xl font-bold mb-6">{{ app()->getLocale() === 'bn' ? 'বিভাগ সমূহ' : 'Divisions' }}</h2>

<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
    @foreach($divisions as $division)
        <a href="{{ route('admin.areas.districts', $division) }}" class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 hover:shadow-lg transition group">
            <div class="flex justify-between items-center">
                <div>
                    <h3 class="font-bold text-lg group-hover:text-green-600 transition">{{ $division->name_bn }}</h3>
                    <p class="text-sm text-gray-500">{{ $division->name_en }}</p>
                </div>
                <div class="text-right">
                    <p class="text-2xl font-bold text-green-600">{{ $division->districts_count }}</p>
                    <p class="text-xs text-gray-500">{{ app()->getLocale() === 'bn' ? 'জেলা' : 'Districts' }}</p>
                </div>
            </div>
            <p class="text-xs text-gray-400 mt-2">{{ app()->getLocale() === 'bn' ? 'কোড' : 'Code' }}: {{ $division->code }}</p>
        </a>
    @endforeach
</div>
@endsection