@extends('layouts.admin')
@section('title', 'Assign Subscription')
@section('role-label', 'Super Admin')
@section('page-title', 'Assign Subscription')
@section('page-subtitle', 'Manually assign a plan to a restaurant')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="max-w-xl">
    <div class="card p-6">
        <form method="POST" action="{{ route('super-admin.subscriptions.store') }}">
            @csrf
            <div class="space-y-5">
                <div>
                    <label class="form-label">Restaurant</label>
                    <select name="restaurant_id" class="form-input" required>
                        <option value="">Select Restaurant…</option>
                        @foreach($restaurants as $r)
                        <option value="{{ $r->id }}" {{ old('restaurant_id')==$r->id?'selected':'' }}>{{ $r->name }}</option>
                        @endforeach
                    </select>
                    @error('restaurant_id')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="form-label">Plan</label>
                    <select name="plan_id" class="form-input" required>
                        <option value="">Select Plan…</option>
                        @foreach($plans as $p)
                        <option value="{{ $p->id }}" {{ old('plan_id')==$p->id?'selected':'' }}>{{ $p->name }} — ₹{{ number_format($p->price) }} / {{ $p->duration_days }}d</option>
                        @endforeach
                    </select>
                    @error('plan_id')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                </div>
                <div class="flex gap-3 pt-2">
                    <button type="submit" class="btn btn-primary">Activate Subscription</button>
                    <a href="{{ route('super-admin.subscriptions.index') }}" class="btn btn-secondary">Cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection