@extends('layout.main2')

@section('title','LIST OF BOOKING/SEWA')

@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">LIST OF BOOKING/SEWA</h1>

            <form method="get" action="{{ url()->current() }}">
                <div class="col-2">
                <label for="selfilterlbl">FILTER BY </label>
                <select class="form-select" name="selfilter" id="selfilter">  
                    <option value="ALL" selected>ALL</option>
                    <option value="room_type">ROOM TYPE</option>
                    <option value="room_number">ROOM NUMBER</option>
                    <option value="nama_customer">GUEST NAME</option>
                    <option value="phone">PHONE</option>
                    <option value="address">ADDRESS</option>
                    <option value="country">COUNTRY</option>
                    <option value="remark">REMARK</option>
                    <option value="status">STATUS</option>
                    <option value="paymentby">PAYMENT BY</option>
                </select>
                <input type="text" maxlength="50" size="50"name="keyword" 
                 value="{{ request('keyword') }}"
                 placeholder="Masukkan value filter" id="keyword"> 
                </div>
            
                <!--<button type="submit" class="btn btn-success">RUN FILTER</button>-->
            
                <button type="submit" value='filter' name="filter" id="filter" class="btn btn-success">RUN FILTER</button>
                <button type="submit" value='pdf' name="pdf" id="pdf" class="btn btn-primary">PDF</button> 
                <button type="submit" value='excel' name="excel" id="excel" class="btn btn-info">EXCEL</button>
                <button onclick="window.print();" class="btn btn-primary" id="print-btn">PRINT</button> 

            </form>


            <a href="\" class="badge bg-info">keluar</a>
            <!--<a href="/members/create" class="badge bg-primary">TAMBAH</a>-->
            <a href="/sewas/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">
                <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">ARRIVAL DATE</th>
                        <th scope="col">DEPART DATE</th>
                        <th scope="col">ROOM RATE/HARGA</th>
                        <th scope="col">GUEST NAME</th>
                        <th scope="col">PHONE</th>
                        <th scope="col">ALAMAT</th>
                        <th scope="col">COUNTRY</th>
                        <th scope="col">REMARKS</th>
                        <th scope="col">STATUS</th>
                        <th scope="col">PAYMENT</th>
                        <th scope="col">PAYMENTBY</th>
                        <!-- <th scope="col">CREATED_AT</th>
                        <th scope="col">UPDATED_AT</th> -->
                        <th scope="col">ACTION</th>
                        </tr>
                    </thead>
                    @foreach( $sewas as $sewa )
                    <tr>
                        <th scope="row">{{  $loop->iteration }}</th>
                        <td>{{ $sewa->id }}</td>
                        <td>{{ $sewa->room_type }}</td>
                        <td>{{ $sewa->room_number }}</td>
                        <td>{{ $sewa->date_checkin }}</td>                        
                        <td>{{ $sewa->date_checkout }}</td>
                        <td>{{ number_format($sewa->harga) }}</td>
                        <td>{{ $sewa->nama_customer }}</td>
                        <td>{{ $sewa->phone }}</td>
                        <td>{{ $sewa->alamat }}</td>
                        <td>{{ $sewa->country }}</td>
                        <td>{{ $sewa->remark }}</td>
                        <td>{{ $sewa->status }}</td>
                        <td>{{ number_format($sewa->payment) }}</td>
                        <td>{{ $sewa->paymentby }}</td>
                        <!-- <td>{{ $sewa->created_at }}</td>
                        <td>{{ $sewa->updated_at }}</td> -->
                        <td colspan="3">
                            <a href="/sewas/{{ $sewa->id }}/edit" class="badge bg-success">Edit</a>
                            <!--<a href="/sewas/{{ $sewa->id }}/hapus" class="badge bg-danger">Hapus</a>-->
                            
                        <form action="/sewas/{{ $sewa->id }}/hapus" 
                          onclick="return confirm('Apakah Guest Name {{ $sewa->nama_customer }} yakin ingin Anda hapus ??')"
                          method="post" class="d-inline">
                                @method('delete')
                                @csrf
                                <button type="submit" class="btn btn-danger">Delete</button>

                            <!-- <a href="/sewas/{{ $sewa->id }}/hapus" class="badge bg-danger"
                               onclick="return confirm('Apakah Guest Name {{ $sewa->nama_customer }} yakin ingin Anda hapus ??')">Hapus</a> -->

                        </form>
                            <!-- <a href="/members/create" class="badge bg-primary">TAMBAH</a>
                            <a href="/members/{{ $sewa->id }}" class="badge bg-success">EDIT/DEL</a> -->
                            <!--<a href="" class="badge bg-danger">HAPUS</a>-->
                            <!--<a href="/members_details/create/{{ $sewa->id }}" class="badge bg-info">Tambah Det</a>-->
                        </td>
                    </tr>    
                    @endforeach()
                </tbody>                        
            </table>    
        </div>
    </div>
  </div>
@endsection