@extends('admin.layouts.app')

@section('title', 'Forms')

@section('content')
<div class="flex items-center justify-between">
    <h1 class="text-2xl font-semibold">Forms</h1>
    @can('create', \Apex\Modules\Contact\Models\Form::class)
        <a href="{{ route('admin.forms.create') }}" class="rounded-lg bg-slate-900 px-4 py-2 text-sm text-white">New Form</a>
    @endcan
</div>

<div class="mt-6 overflow-hidden rounded-lg border border-slate-200 bg-white">
    <table class="min-w-full divide-y divide-slate-200 text-sm">
        <thead class="bg-slate-50"><tr><th class="px-4 py-3 text-left">Name</th><th class="px-4 py-3 text-left">Slug</th><th class="px-4 py-3 text-left">Submissions</th><th class="px-4 py-3 text-left">Status</th><th class="px-4 py-3"></th></tr></thead>
        <tbody class="divide-y divide-slate-100">
            @foreach($forms as $form)
                <tr>
                    <td class="px-4 py-3 font-medium">{{ $form->name }}</td>
                    <td class="px-4 py-3 text-slate-500">{{ $form->slug }}</td>
                    <td class="px-4 py-3">{{ $form->submissions_count }}</td>
                    <td class="px-4 py-3">{{ $form->is_active ? 'Active' : 'Inactive' }}</td>
                    <td class="px-4 py-3 text-right"><a href="{{ route('admin.forms.edit', $form) }}" class="text-blue-600 hover:underline">Edit</a></td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
{{ $forms->links() }}
@endsection