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

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span>Rooms</div>
        <h1>Rooms</h1>
    </div>
    <a href="{{ route('hotel.rooms.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add Room</a>
</div>

<!-- Room Status Summary -->
<div class="stats-grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:20px;">
    @php
        $hotelId = auth()->user()->hotel_id;
        $statusCounts = \App\Models\Room::where('hotel_id',$hotelId)->selectRaw('status, count(*) as count')->groupBy('status')->pluck('count','status');
    @endphp
    <div class="stat-card"><div class="stat-icon green"><i class="fas fa-check-circle"></i></div><div><div class="stat-value">{{ $statusCounts['available'] ?? 0 }}</div><div class="stat-label">Available</div></div></div>
    <div class="stat-card"><div class="stat-icon red"><i class="fas fa-bed"></i></div><div><div class="stat-value">{{ $statusCounts['occupied'] ?? 0 }}</div><div class="stat-label">Occupied</div></div></div>
    <div class="stat-card"><div class="stat-icon yellow"><i class="fas fa-clock"></i></div><div><div class="stat-value">{{ $statusCounts['reserved'] ?? 0 }}</div><div class="stat-label">Reserved</div></div></div>
    <div class="stat-card"><div class="stat-icon purple"><i class="fas fa-tools"></i></div><div><div class="stat-value">{{ $statusCounts['maintenance'] ?? 0 }}</div><div class="stat-label">Maintenance</div></div></div>
</div>

<div class="card">
    <div class="table-wrap">
        <table>
            <thead>
                <tr><th>Room No.</th><th>Type</th><th>Floor</th><th>Block</th><th>Status</th><th>Price/Night</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($rooms as $room)
                <tr>
                    <td style="font-weight:700;font-size:15px;">{{ $room->room_number }}</td>
                    <td><span class="badge badge-primary">{{ $room->roomType->name }}</span></td>
                    <td style="font-size:13px;">{{ $room->floor ?: '—' }}</td>
                    <td style="font-size:13px;">{{ $room->block ?: '—' }}</td>
                    <td>
                        @if($room->status==='available') <span class="badge badge-success">Available</span>
                        @elseif($room->status==='occupied') <span class="badge badge-danger">Occupied</span>
                        @elseif($room->status==='reserved') <span class="badge badge-warning">Reserved</span>
                        @elseif($room->status==='maintenance')
                            <span class="badge badge-secondary">Maintenance</span>
                            @if($room->maintenance_end)<div style="font-size:11px;color:#6b7280;">Until {{ $room->maintenance_end->format('d M') }}</div>@endif
                        @endif
                    </td>
                    <td style="font-size:13px;font-weight:600;">₦{{ number_format($room->roomType->base_price, 0) }}</td>
                    <td>
                        <div style="display:flex;gap:4px;">
                            <a href="{{ route('hotel.rooms.edit', $room) }}" class="btn btn-sm btn-outline" title="Edit"><i class="fas fa-edit"></i></a>
                            @if($room->status === 'available')
                                <button onclick="openModal('maint-{{ $room->id }}')" class="btn btn-sm btn-warning" title="Set Maintenance"><i class="fas fa-tools"></i></button>
                            @elseif($room->status === 'maintenance')
                                <form method="POST" action="{{ route('hotel.rooms.status', $room) }}">@csrf
                                    <input type="hidden" name="status" value="available">
                                    <button type="submit" class="btn btn-sm btn-success" title="Mark Available"><i class="fas fa-check"></i></button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
                <!-- Maintenance Modal -->
                <div class="modal-overlay" id="maint-{{ $room->id }}">
                    <div class="modal">
                        <div class="modal-header"><span class="modal-title">Set Room {{ $room->room_number }} to Maintenance</span><button class="modal-close" onclick="closeModal('maint-{{ $room->id }}')">×</button></div>
                        <form method="POST" action="{{ route('hotel.rooms.maintenance', $room) }}">@csrf
                            <div class="modal-body">
                                <div class="form-group">
                                    <label class="form-label">Reason <span class="required">*</span></label>
                                    <textarea name="maintenance_note" class="form-control" required placeholder="e.g. Plumbing repairs"></textarea>
                                </div>
                                <div class="form-row">
                                    <div class="form-group">
                                        <label class="form-label">Start Date <span class="required">*</span></label>
                                        <input type="date" name="maintenance_start" class="form-control" required value="{{ date('Y-m-d') }}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label">Expected End Date</label>
                                        <input type="date" name="maintenance_end" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-outline" onclick="closeModal('maint-{{ $room->id }}')">Cancel</button>
                                <button type="submit" class="btn btn-warning"><i class="fas fa-tools"></i> Set Maintenance</button>
                            </div>
                        </form>
                    </div>
                </div>
                @empty
                <tr><td colspan="7"><div class="empty-state"><i class="fas fa-door-open"></i><h3>No rooms added</h3><p>Add your first room to get started.</p><a href="{{ route('hotel.rooms.create') }}" class="btn btn-primary">Add Room</a></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($rooms->hasPages())
    <div class="card-footer">{{ $rooms->links() }}</div>
    @endif
</div>
@endsection