@extends('layouts.app')
@section('title', 'Manage Services')
@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold">সার্ভিস ম্যানেজমেন্ট</h1>
    <a href="{{ route('admin.services.create') }}" class="bg-indigo-600 text-white px-4 py-2 rounded text-sm">+ নতুন সার্ভিস</a>
</div>
<div class="bg-white rounded-lg shadow overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="bg-gray-100 text-left"><tr><th class="p-3">ID</th><th class="p-3">নাম</th><th class="p-3">ক্যাটাগরি</th><th class="p-3">রেট/1000</th><th class="p-3">Min/Max</th><th class="p-3">অ্যাকশন</th></tr></thead>
        <tbody>
        @foreach($services as $service)
            <tr class="border-t">
                <td class="p-3">{{ $service->id }}</td>
                <td class="p-3">{{ $service->name }}</td>
                <td class="p-3">{{ $service->category->name }}</td>
                <td class="p-3">৳{{ $service->rate_per_1000 }}</td>
                <td class="p-3">{{ $service->min }} / {{ $service->max }}</td>
                <td class="p-3">
                    <form method="POST" action="{{ route('admin.services.destroy', $service) }}" onsubmit="return confirm('মুছে ফেলবেন?')">
                        @csrf @method('DELETE')
                        <button class="text-red-600">মুছুন</button>
                    </form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $services->links() }}</div>
@endsection