@extends('admin.layout')

@section('title', 'Undangan')

@section('content')
    <div class="toolbar">
        <div>
            <h1>Daftar Undangan</h1>
            <p class="muted" style="margin:0">Ubah status tayang langsung dari daftar, atau edit data lengkap.</p>
        </div>
        <a class="btn" href="{{ route('admin.invitations.create') }}">+ Buat Undangan</a>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Pasangan</th>
                    <th>Slug</th>
                    <th>Klien</th>
                    <th>Template</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($invitations as $invitation)
                    <tr>
                        <td><strong>{{ $invitation->coupleName() }}</strong></td>
                        <td><code>/{{ $invitation->slug }}</code></td>
                        <td>{{ $invitation->user?->name ?? '—' }}</td>
                        <td>{{ $invitation->template->name }}</td>
                        <td style="min-width:210px">
                            <form method="POST" action="{{ route('admin.invitations.status', $invitation) }}">
                                @csrf
                                @method('PATCH')
                                <select
                                    name="status"
                                    class="status-select status-{{ $invitation->status }}"
                                    onchange="this.form.submit()"
                                    aria-label="Ubah status {{ $invitation->coupleName() }}"
                                >
                                    @foreach (\App\Models\Invitation::statusOptions() as $value => $label)
                                        <option value="{{ $value }}" @selected($invitation->status === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </form>
                        </td>
                        <td class="actions">
                            @if ($invitation->isPublished())
                                <a class="btn btn-light" href="{{ route('invitations.show', $invitation->slug) }}" target="_blank">Lihat</a>
                            @endif
                            <a class="btn btn-light" href="{{ route('admin.invitations.edit', $invitation) }}">Edit</a>
                            <a class="btn btn-light" href="{{ route('admin.invitations.show', $invitation) }}">RSVP</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">Belum ada undangan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:1rem">{{ $invitations->links() }}</div>
@endsection