@extends('layouts.main')

@section('title', 'Data Kamar')

@section('content')

<div class="card shadow-sm">
<div class="card-body">

<h4 class="mb-3">Daftar Kamar</h4>

@if(session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif

<a href="{{ route('rooms.create') }}" class="btn btn-primary mb-3">
Tambah Kamar
</a>

<table class="table table-bordered">

<thead class="table-dark">
<tr>
<th>No</th>
<th>Nomor Kamar</th>
<th>Lokasi</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>

<tbody>

@foreach($rooms as $room)

<tr>

<td>{{ $loop->iteration }}</td>

<td>{{ $room->nomor_kamar }}</td>

<td>{{ $room->deskripsi_kamar ?? '-' }}</td>

<td>
<span class="badge {{ $room->status == 'tersedia' ? 'bg-success' : 'bg-danger' }}">
{{ ucfirst($room->status) }}
</span>
</td>

<td>

<a href="{{ route('rooms.edit',$room->id) }}" class="btn btn-warning btn-sm">
Edit
</a>

<form action="{{ route('rooms.destroy',$room->id) }}" method="POST" class="d-inline">
@csrf
@method('DELETE')

<button class="btn btn-danger btn-sm"
onclick="return confirm('Hapus kamar ini?')">
Hapus
</button>

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>
</div>

@endsection