@extends('layout.layout')

{{-- Style --}}
@push('links')
<link href="{{ asset('css/datatable/datatables.min.css') }}" rel="stylesheet" type="text/css">
<style type="text/css">
  #dataTable_wrapper .col-sm-12 {
    overflow-x: auto;
    white-space: nowrap;
  }
</style>
@endpush

{{-- Content --}}
@section('content')
<input type="hidden" id="js-datatable-baseUrl" value="{{url('/admin/rent')}}" />
<div class="csrfDiv">{{csrf_field()}}</div>

<div class="row mb-3">
  <div class="col">
    <table border="0" cellspacing="4" cellpadding="4">
      <tbody>
        <tr>
          <td>
            <select name="status" class="custom-select custom-select-sm form-control form-control-sm">
              <option value="">全部</option>
              @foreach ($status as $i => $text)
              <option value="{{$i}}">{{$text}}</option>
              @endforeach
            </select>
          </td>
        </tr>
      </tbody>
    </table>
    <table class="table table-striped table-hover" id="dataTable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="row">編號</th>
          <th scope="row">申請人</th>
          <th scope="row">場地</th>
          <th scope="row">區域</th>
          <th scope="row">時間</th>
          <th scope="row">租金</th>
          <th scope="row">狀態</th>
          <th scope="row">申請時間</th>
          <th scope="row">&ensp;</th>
        </tr>
      </thead>
      <tbody>
        <tr><td colspan="9" class="text-center">查無資料</td></tr>
      </tbody>
      <tfoot></tfoot>
    </table>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datatable/datatable-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('rent:js/admin/history.js') }}"></script>
@endpush