@extends('layouts.app')

@section('title', 'Narada • Super Admin Platform Panel')

@section('content')
<div class="space-y-6">

    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
        <div>
            <h1 class="text-xl font-bold text-slate-900">Super Admin Platform Governance</h1>
            <p class="text-xs text-slate-500">Multi-tenant account management, Meta WABA provisioning & system quotas</p>
        </div>
    </div>

    <!-- Platform Stats -->
    <div class="grid grid-cols-1 sm:grid-cols-4 gap-4">
        <div class="bg-white p-5 rounded-2xl shadow-sm border border-slate-200">
            <p class="text-xs text-slate-400 font-bold uppercase">Active Businesses</p>
            <h3 class="text-2xl font-black text-slate-900 mt-1">{{ $accounts->count() }}</h3>
            <p class="text-[11px] text-emerald-600 font-semibold mt-0.5">DEWA Gram Udhyog Pvt Ltd</p>
        </div>
        <div class="bg-white p-5 rounded-2xl shadow-sm border border-slate-200">
            <p class="text-xs text-slate-400 font-bold uppercase">Total Platform Users</p>
            <h3 class="text-2xl font-black text-slate-900 mt-1">{{ $totalUsers }}</h3>
            <p class="text-[11px] text-slate-500 mt-0.5">Role-based access active</p>
        </div>
        <div class="bg-white p-5 rounded-2xl shadow-sm border border-slate-200">
            <p class="text-xs text-slate-400 font-bold uppercase">Total Managed Contacts</p>
            <h3 class="text-2xl font-black text-slate-900 mt-1">{{ $totalContacts }}</h3>
            <p class="text-[11px] text-slate-500 mt-0.5">Across consumer segments</p>
        </div>
        <div class="bg-white p-5 rounded-2xl shadow-sm border border-slate-200">
            <p class="text-xs text-slate-400 font-bold uppercase">Platform Campaigns</p>
            <h3 class="text-2xl font-black text-slate-900 mt-1">{{ $totalCampaigns }}</h3>
            <p class="text-[11px] text-slate-500 mt-0.5">Meta Cloud API v21.0</p>
        </div>
    </div>

    <!-- Business Tenants & Meta WABA Provisioning -->
    @foreach($accounts as $acc)
    <div class="bg-white rounded-2xl p-6 shadow-sm border border-slate-200 space-y-4">
        <div class="flex items-center justify-between pb-3 border-b border-slate-100">
            <div>
                <h3 class="text-base font-bold text-slate-900">{{ $acc->business_name }}</h3>
                <p class="text-xs text-slate-500">Subscription Tier: <strong class="text-emerald-700">{{ $acc->subscription_plan }}</strong> • Status: <strong class="text-emerald-700">{{ $acc->status }}</strong></p>
            </div>
            <span class="bg-emerald-100 text-emerald-800 text-xs px-2.5 py-1 rounded-full font-bold border border-emerald-200">
                Operational Tenant
            </span>
        </div>

        <form action="{{ route('superadmin.update-waba', $acc->id) }}" method="POST" class="grid grid-cols-1 md:grid-cols-2 gap-4 text-xs">
            @csrf
            <div>
                <label class="block font-bold text-slate-700 mb-1">Registered Business Name</label>
                <input type="text" name="business_name" value="{{ $acc->business_name }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs">
            </div>
            <div>
                <label class="block font-bold text-slate-700 mb-1">GSTIN Number</label>
                <input type="text" name="gst_number" value="{{ $acc->gst_number }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs font-mono">
            </div>
            <div>
                <label class="block font-bold text-slate-700 mb-1">WhatsApp Business Account ID (WABA ID)</label>
                <input type="text" name="meta_waba_id" value="{{ $acc->meta_waba_id }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs font-mono">
            </div>
            <div>
                <label class="block font-bold text-slate-700 mb-1">Meta Phone Number ID</label>
                <input type="text" name="meta_phone_number_id" value="{{ $acc->meta_phone_number_id }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs font-mono">
            </div>
            <div>
                <label class="block font-bold text-slate-700 mb-1">Operations Mobile</label>
                <input type="text" name="mobile_number" value="{{ $acc->mobile_number }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs">
            </div>
            <div>
                <label class="block font-bold text-slate-700 mb-1">Daily Message Quota Limit</label>
                <input type="number" name="quota_limit" value="{{ $acc->quota_limit }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs font-bold">
            </div>
            <div class="md:col-span-2">
                <label class="block font-bold text-slate-700 mb-1">Permanent System User Access Token</label>
                <input type="text" name="meta_access_token" value="{{ $acc->meta_access_token }}" class="w-full bg-slate-50 border border-slate-200 rounded-xl p-2.5 text-xs font-mono">
            </div>
            <div class="md:col-span-2 flex justify-end">
                <button type="submit" class="bg-[#008069] hover:bg-[#075E54] text-white px-5 py-2 rounded-xl text-xs font-bold shadow">
                    Save Meta Cloud API & Tenant Credentials
                </button>
            </div>
        </form>
    </div>
    @endforeach

</div>
@endsection