@extends('layouts.app')
@section('title', __('Subscriptions'))

@section('content')
    <div class="card mb-4">
        <h2 class="font-semibold text-slate-800">{{ __('New subscription') }}</h2>
        <form method="POST" action="{{ route('saas.subscriptions.store') }}" class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-4">
            @csrf
            <div><label class="label">{{ __('Tenant') }}</label>
                <select name="tenant_id" required class="input">@foreach ($tenants as $t)<option value="{{ $t->id }}">{{ $t->name }}</option>@endforeach</select>
            </div>
            <div><label class="label">{{ __('Plan') }}</label>
                <select name="plan_id" required class="input">@foreach ($plans as $p)<option value="{{ $p->id }}">{{ $p->name }} — {{ money($p->price) }}</option>@endforeach</select>
            </div>
            <div><label class="label">{{ __('Duration (months)') }}</label><input type="number" name="duration_months" value="1" min="1" class="input"></div>
            <div class="flex items-end"><button class="btn-primary w-full">{{ __('Create') }}</button></div>
        </form>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Tenant') }}</th><th class="th">{{ __('Plan') }}</th><th class="th">{{ __('Amount') }}</th>
                <th class="th">{{ __('Starts') }}</th><th class="th">{{ __('Ends') }}</th><th class="th">{{ __('Status') }}</th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($subscriptions as $subscription)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $subscription->tenant?->name }}</td>
                        <td class="td">{{ $subscription->plan?->name }}</td>
                        <td class="td">{{ money($subscription->amount) }}</td>
                        <td class="td">{{ $subscription->starts_at?->format('d/m/Y') }}</td>
                        <td class="td">{{ $subscription->ends_at?->format('d/m/Y') }}</td>
                        <td class="td"><span class="badge {{ $subscription->status === 'active' ? 'bg-brand-100 text-brand-700' : 'bg-slate-100 text-slate-500' }}">{{ __(ucfirst($subscription->status)) }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No subscriptions.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $subscriptions->links() }}</div>
@endsection