@extends('layouts.app')
@section('title', 'Providers')
@section('content')
<h1 class="text-2xl font-bold mb-6">প্রোভাইডার ম্যানেজমেন্ট</h1>

<form method="POST" action="{{ route('admin.providers.store') }}" class="bg-white p-6 rounded-lg shadow max-w-xl space-y-4 mb-8">
    @csrf
    <input type="text" name="name" placeholder="প্রোভাইডারের নাম" class="w-full border rounded px-3 py-2" required>
    <input type="url" name="api_url" placeholder="API URL" class="w-full border rounded px-3 py-2" required>
    <input type="text" name="api_key" placeholder="API Key" class="w-full border rounded px-3 py-2" required>
    <button type="submit" class="bg-indigo-600 text-white px-6 py-2 rounded hover:bg-indigo-700">যোগ করুন</button>
</form>

<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">নাম</th><th class="p-3">URL</th><th class="p-3">স্ট্যাটাস</th><th class="p-3">অ্যাকশন</th></tr></thead>
        <tbody>
        @foreach($providers as $provider)
            <tr class="border-t">
                <td class="p-3">{{ $provider->name }}</td>
                <td class="p-3">{{ $provider->api_url }}</td>
                <td class="p-3">{{ $provider->is_active ? 'সক্রিয়' : 'নিষ্ক্রিয়' }}</td>
                <td class="p-3"><a href="{{ route('admin.providers.sync', $provider) }}" class="text-indigo-600">সার্ভিস সিঙ্ক</a></td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection