@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('/user/rent')}}" />
<div class="csrfDiv">{{csrf_field()}}</div>

<div class="row mb-3">
  <div class="col">
    <table class="table table-striped table-hover" id="dataTable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="col">場地</th>
          <th scope="col">區域</th>
          <th scope="col">時間</th>
          <th scope="col">租金</th>
          <th scope="col">狀態</th>
          <th scope="col">申請時間</th>
          <th scope="col">&ensp;</th>
        </tr>
      </thead>
      <tbody>
        <tr><td colspan="7" 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/rent/index.js') }}"></script>
@endpush