@extends('layouts.app')
@section('title', 'Public Signing Links')

@section('content')
<div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10 bg-gray-50 dark:bg-boxdark-2 min-h-screen">
    <div class="mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
        <div>
            <h2 class="text-xl font-semibold text-gray-800 dark:text-white/90">Public Signing Links</h2>
            <p class="text-sm text-gray-500">Manage your QR codes and public URLs.</p>
        </div>
        <a href="{{ route('public_links.create') }}" class="inline-flex items-center justify-center rounded-lg bg-brand-500 px-5 py-2.5 text-sm font-medium text-white">
            + Create New Link
        </a>
    </div>

    <div class="bg-white dark:bg-boxdark rounded-sm border border-stroke shadow-default">
        <div class="max-w-full overflow-x-auto">
            <table class="w-full table-auto">
                <thead>
                    <tr class="bg-gray-2 text-left dark:bg-meta-4">
                        <th class="py-4 px-4 font-medium text-black dark:text-white">Link Name</th>
                        <th class="py-4 px-4 font-medium text-black dark:text-white">Template</th>
                        <th class="py-4 px-4 font-medium text-black dark:text-white">Submissions</th>
                        <th class="py-4 px-4 font-medium text-black dark:text-white">Status</th>
                        <th class="py-4 px-4 font-medium text-black dark:text-white">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($links as $link)
                    <tr class="border-b border-[#EEEEEE] dark:border-strokedark">
                        <td class="py-5 px-4">
                            <h5 class="font-medium text-black dark:text-white">{{ $link->link_name }}</h5>
                            <p class="text-xs text-gray-500">Created: {{ date('M d, Y', strtotime($link->created_at)) }}</p>
                        </td>
                        <td class="py-5 px-4"><p class="text-black dark:text-white">{{ $link->template_title }}</p></td>
                        <td class="py-5 px-4">
                            <p class="text-black dark:text-white">{{ $link->submission_count }} / {{ $link->submission_limit ?: '∞' }}</p>
                        </td>
                        <td class="py-5 px-4">
                            <span class="inline-flex rounded-full bg-opacity-10 py-1 px-3 text-sm font-medium 
                                {{ $link->status == 'Active' ? 'bg-success text-success' : 'bg-danger text-danger' }}">
                                {{ $link->status }}
                            </span>
                        </td>
                        <td class="py-5 px-4">
                            <a href="{{ route('public_links.show', $link->id) }}" class="text-primary hover:underline">View Details</a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection