@extends('layouts.app')

@section('content')
<div class="container">
    <h3 class="mb-4 text-success">🏢 إدارة الوحدات الإدارية</h3>

    <!-- نموذج إضافة وحدة إدارية -->
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form action="{{ route('admin_units.store') }}" method="POST" class="row g-3">
                @csrf
                <div class="col-md-5">
                    <select name="locality_id" class="form-select" required>
                        <option value="">-- اختر المحلية التابعة لها --</option>
                        @foreach($localities as $locality)
                            <option value="{{ $locality->id }}">
                                {{ $locality->region->name }} - {{ $locality->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-5">
                    <input type="text" name="name" class="form-control" placeholder="أدخل اسم الوحدة الإدارية..." required>
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-success w-100">إضافة</button>
                </div>
            </form>
            @if(session('success'))
                <div class="alert alert-success mt-3">{{ session('success') }}</div>
            @endif
            @error('name')
                <div class="text-danger mt-1">{{ $message }}</div>
            @enderror
        </div>
    </div>

    <!-- جدول عرض الوحدات الإدارية -->
    <div class="card shadow-sm">
        <div class="card-body">
            <table class="table table-bordered text-center">
                <thead class="table-dark">
                    <tr>
                        <th>#</th>
                        <th>اسم الوحدة الإدارية</th>
                        <th>تابعة لمحلية</th>
                        <th>الولاية</th>
                        <th>تاريخ الإضافة</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($adminUnits as $index => $unit)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $unit->name }}</td>
                        <td><span class="badge bg-info text-dark">{{ $unit->locality->name }}</span></td>
                        <td><span class="badge bg-primary">{{ $unit->locality->region->name }}</span></td>
                        <td>{{ $unit->created_at->format('Y-m-d') }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-muted">لا توجد وحدات إدارية مسجلة حتى الآن.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection