@extends('layouts.app')

@section('title', 'Detail Kamar - Hotel Management System')
@section('page-title', 'Detail Kamar {{ $room->room_number }}')

@section('page-actions')
<div class="btn-toolbar mb-2 mb-md-0">
    <a href="{{ route('rooms.index') }}" class="btn btn-secondary me-2">
        <i class="fas fa-arrow-left me-2"></i>Kembali
    </a>
    <a href="{{ route('rooms.edit', $room) }}" class="btn btn-warning">
        <i class="fas fa-edit me-2"></i>Edit
    </a>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-lg-8">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Informasi Kamar</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>Nomor Kamar:</strong></td>
                                <td>{{ $room->room_number }}</td>
                            </tr>
                            <tr>
                                <td><strong>Tipe Kamar:</strong></td>
                                <td>{{ $room->room_type }}</td>
                            </tr>
                            <tr>
                                <td><strong>Lantai:</strong></td>
                                <td>Lantai {{ $room->floor }}</td>
                            </tr>
                            <tr>
                                <td><strong>Kapasitas:</strong></td>
                                <td>{{ $room->capacity }} orang</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>Harga per Malam:</strong></td>
                                <td>Rp {{ number_format($room->price_per_night, 0, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Status:</strong></td>
                                <td>
                                    @switch($room->status)
                                        @case('available')
                                            <span class="badge bg-success">Tersedia</span>
                                            @break
                                        @case('occupied')
                                            <span class="badge bg-danger">Terisi</span>
                                            @break
                                        @case('reserved')
                                            <span class="badge bg-warning">Dipesan</span>
                                            @break
                                        @case('maintenance')
                                            <span class="badge bg-secondary">Maintenance</span>
                                            @break
                                    @endswitch
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                
                @if($room->description)
                <div class="mt-3">
                    <h6>Deskripsi:</h6>
                    <p class="text-muted">{{ $room->description }}</p>
                </div>
                @endif

                @if($room->amenities)
                <div class="mt-3">
                    <h6>Fasilitas:</h6>
                    <div class="d-flex flex-wrap">
                        @foreach($room->amenities as $amenity)
                            <span class="badge bg-info me-2 mb-2">{{ $amenity }}</span>
                        @endforeach
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Booking Terbaru</h6>
            </div>
            <div class="card-body">
                @if($room->bookings->count() > 0)
                    @foreach($room->bookings->take(5) as $booking)
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <strong>{{ $booking->guest_name }}</strong><br>
                            <small class="text-muted">{{ $booking->check_in_date->format('d/m/Y') }} - {{ $booking->check_out_date->format('d/m/Y') }}</small>
                        </div>
                        <div class="text-end">
                            @switch($booking->status)
                                @case('pending')
                                    <span class="badge bg-warning">Pending</span>
                                    @break
                                @case('confirmed')
                                    <span class="badge bg-info">Confirmed</span>
                                    @break
                                @case('checked_in')
                                    <span class="badge bg-success">Checked In</span>
                                    @break
                                @case('checked_out')
                                    <span class="badge bg-secondary">Checked Out</span>
                                    @break
                                @case('cancelled')
                                    <span class="badge bg-danger">Cancelled</span>
                                    @break
                            @endswitch
                        </div>
                    </div>
                    @endforeach
                @else
                    <p class="text-muted">Belum ada booking untuk kamar ini</p>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection