@extends('admin.layouts.app')

@section('title', 'Regions')

@section('content')
<div class="table-wrapper">
    <div class="table-header">
        @if(auth()->user()->hasPermission('create_region'))
        <a href="{{ route('admin.admin.region.create') }}" class="btn-create">
            <i class="bi bi-plus-lg"></i> Create Region
        </a>
        @else
        <div></div>
        @endif

        <div class="search-box">
            <i class="bi bi-search"></i>
            <form method="GET" action="{{ route('admin.admin.region.index') }}">
                <input type="text" name="search" placeholder="Search regions..." value="{{ request('search') }}">
            </form>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>States</th>
                    <th>Status</th>
                    <th>Created By</th>
                    <th style="width:130px;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($regions as $index => $region)
                <tr>
                    <td>{{ $regions->firstItem() + $index }}</td>
                    <td><strong>{{ $region->name }}</strong></td>
                    <td>
                        @if($region->states->count())
                            {{ $region->states->pluck('name')->implode(', ') }}
                        @else
                            <span style="color:#999;">None assigned</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge-{{ $region->status }}">{{ ucfirst($region->status) }}</span>
                    </td>
                    <td>{{ $region->creator?->full_name ?? 'System' }}</td>
                    <td>
                        @if(auth()->user()->hasPermission('edit_region'))
                        <a href="{{ route('admin.admin.region.edit', $region) }}" class="btn-action edit" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        @endif

                        <a href="{{ route('admin.admin.region.show', $region) }}" class="btn-action view" title="View">
                            <i class="bi bi-eye"></i>
                        </a>

                        @if(auth()->user()->hasPermission('deactivate_region'))
                            @if($region->isActive())
                            <form method="POST" action="{{ route('admin.admin.region.deactivate', $region) }}" class="d-inline" onsubmit="return confirm('Are you sure you want to deactivate this region?')">
                                @csrf
                                <button type="submit" class="btn-action deactivate" title="Deactivate">
                                    <i class="bi bi-x-circle"></i>
                                </button>
                            </form>
                            @else
                            <form method="POST" action="{{ route('admin.admin.region.reactivate', $region) }}" class="d-inline">
                                @csrf
                                <button type="submit" class="btn-action activate" title="Reactivate">
                                    <i class="bi bi-check-circle"></i>
                                </button>
                            </form>
                            @endif
                        @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center" style="padding:30px; color:#999;">No regions found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{ $regions->links() }}
</div>
@endsection