@extends('layouts.app')
@section('title', 'Contactos')
@section('content')
    <div class="page-header">
        <h1 class="page-title">Contactos — {{ $hotel->name }}</h1>
        <div class="actions">
            <a href="{{ route('admin.hotels.edit', $hotel) }}" class="btn secondary">&larr; Voltar ao hotel</a>
            <a href="{{ route('admin.hotels.contacts.create', $hotel) }}" class="btn">+ Novo Contacto</a>
        </div>
    </div>

    <div class="card" style="padding:0.5rem 1rem;">
        <table>
            <thead><tr><th>Ordem</th><th>Nome</th><th>Cargo</th><th>Departamento</th><th>Email</th><th>Telefone</th><th>Estado</th><th style="text-align:right;">Ações</th></tr></thead>
            <tbody>
                @forelse ($contacts as $c)
                    <tr>
                        <td class="muted">{{ $c->sort_order }}</td>
                        <td>{{ $c->name }}</td>
                        <td class="muted">{{ $c->role ?: '—' }}</td>
                        <td class="muted">{{ $c->department ?: '—' }}</td>
                        <td class="muted">{{ $c->email ?: '—' }}</td>
                        <td class="muted">{{ $c->phone ?: '—' }}</td>
                        <td><span class="badge {{ $c->active ? 'badge-approved' : 'badge-rejected' }}">{{ $c->active ? 'Ativo' : 'Inativo' }}</span></td>
                        <td style="text-align:right;">
                            <div class="tbl-actions">
                                <a href="{{ route('admin.hotels.contacts.edit', [$hotel, $c]) }}" class="icon-btn" title="Editar"><x-icon name="edit" /></a>
                                <form method="POST" action="{{ route('admin.hotels.contacts.destroy', [$hotel, $c]) }}" onsubmit="return confirm('Apagar contacto?')">@csrf @method('DELETE')<button class="icon-btn danger" title="Apagar"><x-icon name="x" /></button></form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="muted" style="padding:1.5rem;text-align:center;">Ainda sem contactos.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection