@extends('layouts.admin')
@section('title', 'Subscription Detail')
@section('role-label', 'Super Admin')
@section('page-title', 'Subscription Detail')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="mb-4">
    <a href="{{ route('super-admin.subscriptions.index') }}" class="btn btn-secondary btn-sm">← Back</a>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-3xl">
    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Restaurant</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Name</span><span class="font-medium text-slate-200">{{ $subscription->restaurant->name }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Email</span><span class="text-slate-300">{{ $subscription->restaurant->email }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Phone</span><span class="text-slate-300">{{ $subscription->restaurant->phone }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">City</span><span class="text-slate-300">{{ $subscription->restaurant->city }}</span></div>
        </div>
    </div>
    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Subscription</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Plan</span><span class="font-medium text-amber-400">{{ $subscription->plan->name }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Price</span><span class="text-slate-200">₹{{ number_format($subscription->plan->price) }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Start</span><span class="text-slate-200">{{ \Carbon\Carbon::parse($subscription->starts_at)->format('d M Y') }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Expires</span><span class="text-slate-200">{{ \Carbon\Carbon::parse($subscription->ends_at)->format('d M Y') }}</span></div>
            <div class="flex justify-between items-center"><span class="text-slate-400">Status</span>
                @php $colors=['active'=>'badge-success','expired'=>'badge-danger','cancelled'=>'badge-muted','pending'=>'badge-warning']; @endphp
                <span class="badge {{ $colors[$subscription->status] ?? 'badge-muted' }}">{{ $subscription->status }}</span>
            </div>
        </div>
    </div>
</div>

@if($subscription->status === 'active')
<div class="card p-6 max-w-3xl mt-6">
    <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Extend Subscription</h3>
    <form method="POST" action="{{ route('super-admin.subscriptions.extend', $subscription) }}" class="flex items-center gap-3">
        @csrf
        <div>
            <label class="form-label">Days to add</label>
            <input type="number" name="days" value="30" min="1" max="365" class="form-input" style="width:120px;">
        </div>
        <button type="submit" class="btn btn-primary" style="align-self:flex-end;">Extend</button>
    </form>
</div>
@endif
@endsection