@extends('layouts.admin')
@section('title', 'Packages')
@section('heading', 'License Packages')

@section('content')
    <div class="flex justify-end mb-5">
        <a href="{{ route('packages.create') }}" class="px-4 py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700">+ New Package</a>
    </div>

    <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 text-slate-500 text-xs uppercase">
                <tr>
                    <th class="text-left px-5 py-3 font-semibold">Name</th>
                    <th class="text-left px-5 py-3 font-semibold">Duration</th>
                    <th class="text-left px-5 py-3 font-semibold">Billing</th>
                    <th class="text-right px-5 py-3 font-semibold">Price</th>
                    <th class="text-center px-5 py-3 font-semibold">Licenses</th>
                    <th class="text-center px-5 py-3 font-semibold">Active</th>
                    <th class="px-5 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @foreach ($packages as $package)
                    <tr class="hover:bg-slate-50">
                        <td class="px-5 py-3 font-medium text-slate-800">{{ $package->name }}</td>
                        <td class="px-5 py-3 text-slate-600">{{ $package->duration_days ? $package->duration_days.' days' : 'Custom' }}</td>
                        <td class="px-5 py-3 text-slate-600">{{ ucfirst($package->billing_period) }}</td>
                        <td class="px-5 py-3 text-right text-slate-800">Rs {{ number_format($package->price) }}</td>
                        <td class="px-5 py-3 text-center">{{ $package->licenses_count }}</td>
                        <td class="px-5 py-3 text-center">{!! $package->is_active ? '<span class="text-emerald-600">●</span>' : '<span class="text-slate-300">●</span>' !!}</td>
                        <td class="px-5 py-3 text-right whitespace-nowrap">
                            <a href="{{ route('packages.edit', $package) }}" class="text-indigo-600 hover:underline">Edit</a>
                            <form method="POST" action="{{ route('packages.destroy', $package) }}" class="inline" onsubmit="return confirm('Delete this package?')">
                                @csrf @method('DELETE')
                                <button class="text-red-500 hover:underline ml-3">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection