{{-- resources/views/rooms/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Rooms')
@section('page_title', 'Rooms')
@section('page_subtitle', 'All rooms in your property')

@section('content')

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET"
              class="d-flex align-items-center gap-2 flex-wrap">
            <select name="category"
                    class="form-select form-select-sm"
                    style="width:auto;"
                    onchange="this.form.submit()">
                <option value="">All Categories</option>
                @foreach($categories as $cat)
                    <option value="{{ $cat->id }}"
                            {{ request('category') == $cat->id ? 'selected' : '' }}>
                        {{ $cat->name }}
                    </option>
                @endforeach
            </select>

            <select name="status"
                    class="form-select form-select-sm"
                    style="width:auto;"
                    onchange="this.form.submit()">
                <option value="">All Statuses</option>
                @foreach(['available','occupied','dirty','clean','maintenance','out_of_order'] as $s)
                    <option value="{{ $s }}"
                            {{ request('status') === $s ? 'selected' : '' }}>
                        {{ ucfirst(str_replace('_', ' ', $s)) }}
                    </option>
                @endforeach
            </select>

            <div class="ms-auto d-flex gap-2">
                <a href="{{ tenant_route('rooms.status-board') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-grid-3x3-gap me-1"></i>Board View
                </a>
                <a href="{{ tenant_route('rooms.categories.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-grid me-1"></i>Categories
                </a>
                <a href="{{ tenant_route('rooms.create') }}"
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>Add Room
                </a>
            </div>
        </form>
    </div>
</div>

{{-- Rooms table --}}
<div class="card">
    <div class="card-header">
        <span class="card-title">
            Rooms
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $rooms->total() }} total
            </span>
        </span>
    </div>

    @if($rooms->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-door-open"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No rooms found</p>
            <p class="text-muted" style="font-size:.82rem;">
                @if(request()->hasAny(['category', 'status']))
                    No rooms match your filters.
                    <a href="{{ tenant_route('rooms.index') }}"
                       style="color:var(--clay);">Clear filters</a>
                @else
                    Add your first room to get started.
                @endif
            </p>
            @if(!request()->hasAny(['category', 'status']))
                <a href="{{ tenant_route('rooms.create') }}"
                   class="btn btn-primary btn-sm mt-2">
                    Add First Room
                </a>
            @endif
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Room</th>
                        <th>Category</th>
                        <th>Floor</th>
                        <th>Status</th>
                        <th>Active</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($rooms as $room)
                        @php
                            $statusColors = [
                                'available'   => ['bg' => '#d1fae5', 'color' => '#065f46'],
                                'occupied'    => ['bg' => '#fdf1eb', 'color' => '#C4622D'],
                                'dirty'       => ['bg' => '#fef3c7', 'color' => '#92400e'],
                                'clean'       => ['bg' => '#dbeafe', 'color' => '#1e40af'],
                                'maintenance' => ['bg' => '#f1f5f9', 'color' => '#475569'],
                                'out_of_order'=> ['bg' => '#fee2e2', 'color' => '#991b1b'],
                            ];
                            $sc = $statusColors[$room->status] ?? $statusColors['available'];
                        @endphp
                        <tr>
                            <td>
                                <div class="fw-semibold"
                                     style="font-size:.83rem;">
                                    Room {{ $room->number }}
                                </div>
                                @if($room->name)
                                    <div style="font-size:.7rem;
                                                color:var(--muted);">
                                        {{ $room->name }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.8rem;">
                                {{ $room->category?->name ?? '—' }}
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $room->floor !== null ? 'Floor ' . $room->floor : '—' }}
                            </td>
                            <td>
                                <span style="font-size:.72rem;font-weight:600;
                                             padding:3px 9px;border-radius:20px;
                                             background:{{ $sc['bg'] }};
                                             color:{{ $sc['color'] }};">
                                    {{ ucfirst(str_replace('_', ' ', $room->status)) }}
                                </span>
                            </td>
                            <td>
                                @if($room->is_active)
                                    <i class="bi bi-check-circle-fill"
                                       style="color:var(--success)"></i>
                                @else
                                    <i class="bi bi-x-circle"
                                       style="color:var(--muted)"></i>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex gap-1">
                                    <a href="{{ tenant_route('rooms.show', ['room' => $room->id]) }}"
                                       class="btn btn-xs btn-outline-secondary">
                                        View
                                    </a>
                                    <a href="{{ tenant_route('rooms.edit', ['room' => $room->id]) }}"
                                       class="btn btn-xs btn-outline-secondary">
                                        <i class="bi bi-pencil"></i>
                                    </a>

                                    {{-- Quick status change --}}
                                    <div class="dropdown">
                                        <button class="btn btn-xs btn-outline-secondary"
                                                data-bs-toggle="dropdown">
                                            <i class="bi bi-arrow-repeat"></i>
                                        </button>
                                        <ul class="dropdown-menu"
                                            style="font-size:.78rem;min-width:140px;">
                                            @foreach(['available','dirty','clean','maintenance','out_of_order'] as $s)
                                                @if($s !== $room->status)
                                                    <li>
                                                        <form method="POST"
                                                              action="{{ tenant_route('rooms.status', ['room' => $room->id]) }}">
                                                            @csrf @method('PUT')
                                                            <input type="hidden" name="status" value="{{ $s }}">
                                                            <button class="dropdown-item" type="submit">
                                                                {{ ucfirst(str_replace('_', ' ', $s)) }}
                                                            </button>
                                                        </form>
                                                    </li>
                                                @endif
                                            @endforeach
                                        </ul>
                                    </div>

                                    <form method="POST"
                                          action="{{ tenant_route('rooms.destroy', ['room' => $room->id]) }}"
                                          onsubmit="return confirm('Delete room {{ $room->number }}?')">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-xs btn-outline-danger"
                                                type="submit">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($rooms->hasPages())
            <div class="card-body" style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $rooms->links() }}
            </div>
        @endif
    @endif
</div>

@endsection