@extends('layouts.app')
@section('content')
<div>
    <div class="mb-4 text-sm text-gray-500">{{ $project?->name }} › Regions</div>
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-2xl font-semibold">Regions</h1>
        <a href="{{ route('regions.create') }}" class="px-4 py-2 rounded-xl bg-[var(--primary)] text-white">Add Region</a>
    </div>
    <div class="bg-white rounded-2xl border shadow">
        <table class="min-w-full text-sm">
            <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-2 text-left"><a href="{{ route('regions.index', ['sort'=>'code','order'=>$order==='asc'?'desc':'asc']) }}">Code</a></th>
                <th class="px-4 py-2 text-left"><a href="{{ route('regions.index', ['sort'=>'name','order'=>$order==='asc'?'desc':'asc']) }}">Name</a></th>
                <th class="px-4 py-2 text-left">Status</th>
                <th class="px-4 py-2 text-left">Actions</th>
            </tr>
            </thead>
            <tbody>
            @forelse($regions as $r)
                <tr class="border-t">
                    <td class="px-4 py-2">{{ $r->code }}</td>
                    <td class="px-4 py-2">{{ $r->name }}</td>
                    <td class="px-4 py-2"><span class="text-xs px-2 py-1 rounded {{ $r->status==='active'?'bg-green-100 text-green-700':'bg-gray-100 text-gray-700' }}">{{ ucfirst($r->status) }}</span></td>
                    <td class="px-4 py-2 space-x-2">
                        <a href="{{ route('regions.edit', $r) }}" class="text-[var(--primary)]">Edit</a>
                        <form method="POST" action="{{ route('regions.destroy', $r) }}" style="display:inline" onsubmit="return confirm('Are you sure?')">
                            @csrf @method('DELETE')
                            <button class="text-red-600">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="4" class="px-4 py-8 text-center text-gray-500">No regions</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="p-4">{{ $regions->links() }}</div>
    </div>
</div>
@endsection