@extends('layouts.app')
@section('title', 'Hotels')
@section('page-title', 'Hotels')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>Hotels</div>
        <h1>All Hotels</h1>
        <p>Manage all hotels registered on the platform.</p>
    </div>
</div>

<div class="card">
    <div class="filters-bar">
        <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;width:100%;">
            <div class="form-group" style="flex:1;min-width:200px;margin:0;">
                <div class="search-bar">
                    <i class="fas fa-search"></i>
                    <input type="text" name="search" class="form-control" placeholder="Search hotels..." value="{{ request('search') }}">
                </div>
            </div>
            <div class="form-group" style="margin:0;">
                <select name="status" class="form-control">
                    <option value="">All Status</option>
                    <option value="active" {{ request('status')=='active'?'selected':'' }}>Active</option>
                    <option value="trial" {{ request('status')=='trial'?'selected':'' }}>Trial</option>
                    <option value="suspended" {{ request('status')=='suspended'?'selected':'' }}>Suspended</option>
                    <option value="pending" {{ request('status')=='pending'?'selected':'' }}>Pending</option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-search"></i> Filter</button>
            <a href="{{ route('admin.hotels.index') }}" class="btn btn-outline btn-sm">Reset</a>
        </form>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Hotel</th><th>Location</th><th>Status</th>
                    <th>Subscription</th><th>Staff</th><th>Registered</th><th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($hotels as $hotel)
                <tr>
                    <td>
                        <div style="font-weight:600;">{{ $hotel->name }}</div>
                        <div style="font-size:12px;color:#6b7280;">{{ $hotel->email }}</div>
                    </td>
                    <td style="font-size:13px;">{{ $hotel->city }}, {{ $hotel->state }}</td>
                    <td>
                        @if($hotel->status === 'active') <span class="badge badge-success">Active</span>
                        @elseif($hotel->status === 'trial') <span class="badge badge-warning">Trial</span>
                        @elseif($hotel->status === 'suspended') <span class="badge badge-danger">Suspended</span>
                        @else <span class="badge badge-secondary">Pending</span> @endif
                    </td>
                    <td>
                        @if($hotel->subscription)
                            <span class="badge badge-info">{{ ucfirst($hotel->subscription->duration) }}</span>
                            @if($hotel->subscription->end_date)
                                <div style="font-size:11px;color:#6b7280;">Expires {{ $hotel->subscription->end_date->format('d M Y') }}</div>
                            @endif
                        @else
                            <span class="badge badge-secondary">None</span>
                        @endif
                    </td>
                    <td style="font-size:13px;">{{ $hotel->staff_count ?? '—' }}</td>
                    <td style="font-size:12px;color:#6b7280;">{{ $hotel->created_at->format('d M Y') }}</td>
                    <td>
                        <div style="display:flex;gap:6px;">
                            <a href="{{ route('admin.hotels.show', $hotel) }}" class="btn btn-sm btn-outline" title="View"><i class="fas fa-eye"></i></a>
                            @if($hotel->status !== 'suspended')
                                <button onclick="openModal('suspend-{{ $hotel->id }}')" class="btn btn-sm btn-warning" title="Suspend"><i class="fas fa-ban"></i></button>
                            @else
                                <form method="POST" action="{{ route('admin.hotels.activate', $hotel) }}" style="display:inline;">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-success" title="Activate"><i class="fas fa-check"></i></button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>

                <!-- Suspend Modal -->
                <div class="modal-overlay" id="suspend-{{ $hotel->id }}">
                    <div class="modal">
                        <div class="modal-header">
                            <span class="modal-title">Suspend {{ $hotel->name }}</span>
                            <button class="modal-close" onclick="closeModal('suspend-{{ $hotel->id }}')">×</button>
                        </div>
                        <form method="POST" action="{{ route('admin.hotels.suspend', $hotel) }}">
                            @csrf
                            <div class="modal-body">
                                <div class="alert alert-warning"><i class="fas fa-exclamation-triangle"></i> This will suspend the hotel and all its staff will lose access.</div>
                                <div class="form-group">
                                    <label class="form-label">Reason for suspension <span class="required">*</span></label>
                                    <textarea name="reason" class="form-control" required placeholder="Enter reason..."></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-outline" onclick="closeModal('suspend-{{ $hotel->id }}')">Cancel</button>
                                <button type="submit" class="btn btn-warning"><i class="fas fa-ban"></i> Suspend Hotel</button>
                            </div>
                        </form>
                    </div>
                </div>
                @empty
                <tr><td colspan="7"><div class="empty-state"><i class="fas fa-hotel"></i><h3>No hotels found</h3><p>No hotels match your search.</p></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($hotels->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center;">
        <span style="font-size:13px;color:#6b7280;">Showing {{ $hotels->firstItem() }}–{{ $hotels->lastItem() }} of {{ $hotels->total() }}</span>
        <div class="pagination">{{ $hotels->appends(request()->query())->links() }}</div>
    </div>
    @endif
</div>
@endsection