@extends('layouts.admin')
@section('title', 'Signup forms')
@section('admin')
<div class="flex items-center justify-between mb-6">
    <div>
        <h1 class="text-2xl font-bold text-white">Signup Forms</h1>
        <p class="text-sm text-gray-400">Hosted landing pages, popups, and embeddable inline forms.</p>
    </div>
    <a href="{{ route('admin.signup-forms.create') }}" class="px-4 py-2 bg-red-700 hover:bg-red-600 text-white rounded-md text-sm">
        <i class="fa-solid fa-plus mr-1"></i>New form
    </a>
</div>

<div class="bg-gray-900/60 border border-gray-800 rounded-lg overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-950/80 text-gray-400 text-xs uppercase tracking-wide">
            <tr>
                <th class="text-left p-3">Name</th>
                <th class="text-left p-3">Mode</th>
                <th class="text-right p-3">Views</th>
                <th class="text-right p-3">Submits</th>
                <th class="text-right p-3">Conv.</th>
                <th class="p-3"></th>
            </tr>
        </thead>
        <tbody>
        @forelse($forms as $f)
            <tr class="border-t border-gray-800">
                <td class="p-3">
                    <a href="{{ route('admin.signup-forms.edit', $f) }}" class="text-red-300 hover:text-red-200">{{ $f->name }}</a>
                    <a href="{{ route('signup-forms.public', $f->slug) }}" target="_blank" class="ml-2 text-xs text-gray-500 hover:text-white" title="Open hosted form"><i class="fa-solid fa-external-link"></i></a>
                </td>
                <td class="p-3 text-gray-300">{{ $f->mode }}</td>
                <td class="p-3 text-right text-gray-400">{{ number_format($f->view_count) }}</td>
                <td class="p-3 text-right text-gray-400">{{ number_format($f->submit_count) }}</td>
                <td class="p-3 text-right text-gray-400">{{ $f->view_count ? round($f->submit_count / $f->view_count * 100, 1) : 0 }}%</td>
                <td class="p-3 text-right">
                    <form method="POST" action="{{ route('admin.signup-forms.destroy', $f) }}" onsubmit="return confirm('Delete form?')" class="inline">
                        @csrf @method('DELETE')<button class="text-gray-500 hover:text-red-400"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="6" class="p-8 text-center text-gray-500">No forms yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $forms->links() }}</div>
@endsection