@extends('layout.main2')

@section('title','SETTING ROOM')

@section('container')
  <div class="container" >
    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    <div class="row" > 
        <div class="col-15">
            <h1 class="mt-1">SETTING ROOM</h1>
            <a href="\" class="badge bg-info">keluar</a>
            <!--<a href="/members/create" class="badge bg-primary">TAMBAH</a>-->
            <a href="/tbl_rooms/create" class="badge bg-primary">TAMBAH</a>
            <!--<table class="table">-->
            <!--<table class="table table-dark table-striped">-->
            <!--<table class="table table-success table-striped">-->
            <table class="table table-success table-striped" id="mauexport">
                <tbody>
                    <thead class="thead-dark">
                        <tr>
                        <th scope="col">URUT</th>
                        <!--<th scope="col">ID</th>-->
                        <th scope="col">ROOM TYPE</th>
                        <th scope="col">ROOM NUMBER</th>
                        <th scope="col">HARGA</th>
                        <th scope="col">CREATED_AT</th>
                        <th scope="col">UPDATED_AT</th>
                        <th scope="col">ACTION</th>
                        </tr>
                    </thead>
                    @foreach( $tbl_rooms as $tbl_room )
                    <tr>
                        <th scope="row">{{  $loop->iteration }}</th>
                        <!--<td>{{ $tbl_room->id }}</td>-->
                        <td>{{ $tbl_room->room_type }}</td>
                        <td>{{ $tbl_room->room_number }}</td>
                        <td>{{ number_format($tbl_room->harga) }}</td>
                        <td>{{ $tbl_room->created_at }}</td>
                        <td>{{ $tbl_room->updated_at }}</td>
                        <td colspan="3">
                            <a href="/tbl_rooms/{{ $tbl_room->room_number }}/edit" class="badge bg-success">Edit</a>
                            <!--<a href="/sewas/{{ $tbl_room->id }}/hapus" class="badge bg-danger">Hapus</a>-->
                            
                        <form action="/tbl_rooms/{{ $tbl_room->room_number }}/hapus" 
                          onclick="return confirm('Apakah Room Number {{ $tbl_room->room_number }} yakin ingin Anda hapus ??')"
                          method="post" class="d-inline">
                                @method('delete')
                                @csrf
                                <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                        </td>
                    </tr>    
                    @endforeach()
                </tbody>                        
            </table>    
        </div>
    </div>
  </div>

@endsection

<script>
$(document).ready(function() {
   $('#mauexport').DataTable({
      dom:'Bfrtip',
      buttons: [
           'excel','pdf','print'
      ]
   });
});
</script>