@extends('layouts.app')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8 space-y-8">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-extrabold text-neutral-900">SDA Super Admin Desk (https://cschelp.in/admin)</h1>
            <p class="text-xs text-neutral-500">Connected to MySQL Database: sunmagaj_csc • WhatsApp Phone ID: {{ config('services.whatsapp.phone_id') }}</p>
        </div>
        <form action="{{ route('admin.logout') }}" method="POST">
            @csrf
            <button class="px-4 py-2 bg-rose-600 text-white text-xs font-bold rounded-xl">Logout</button>
        </form>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Add Department-Wise Official Web Link -->
        <div class="bg-white p-5 rounded-2xl border border-neutral-200">
            <h2 class="text-base font-extrabold mb-3">Add Department-Wise Official Web Link</h2>
            <form action="{{ route('admin.deptlinks.store') }}" method="POST" class="space-y-3 text-xs">
                @csrf
                <select name="department_id" class="w-full py-2 px-3 border border-neutral-300 rounded-xl">
                    @foreach($departments as $dept)
                        <option value="{{ $dept->id }}">{{ $dept->name }} ({{ $dept->name_hindi }})</option>
                    @endforeach
                </select>
                <input type="text" name="title" required placeholder="Portal Title (e.g. PM Kisan Portal)" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
                <input type="url" name="url" required placeholder="https://pmkisan.gov.in" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
                <input type="text" name="state" value="All India" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
                <textarea name="portal_description" required placeholder="Services offered on this portal..." class="w-full py-2 px-3 border border-neutral-300 rounded-xl"></textarea>
                <button type="submit" class="px-5 py-2 bg-[#168447] text-white font-bold rounded-xl">Save Department Web Link</button>
            </form>
        </div>

        <!-- WhatsApp Cloud API Broadcast -->
        <div class="bg-white p-5 rounded-2xl border border-neutral-200">
            <h2 class="text-base font-extrabold mb-3">WhatsApp Cloud API Broadcast (Phone ID: {{ config('services.whatsapp.phone_id') }})</h2>
            <form action="{{ route('admin.whatsapp.broadcast') }}" method="POST" class="space-y-3 text-xs">
                @csrf
                <input type="text" name="template_name" value="{{ config('services.whatsapp.template_name') }}" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
                <input type="text" name="language_code" value="{{ config('services.whatsapp.language_code') }}" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
                <button type="submit" class="px-5 py-2 bg-[#105C35] text-white font-bold rounded-xl">Dispatch WhatsApp Broadcast ({{ $subscribersCount }} Subscribers)</button>
            </form>
        </div>
    </div>
</div>
@endsection