@extends('layout/layout')

{{-- Style --}}
@push('links')
<link href="{{ URL::asset('css/fullcalendar/main.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ Module::asset('rent:css/rent/calendar.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Content --}}
@section('content')
<div class="row mb-3">
  <div class="col-md-6 mx-auto">
    <div class="card">
      <h3 class="card-header align-middle border-bottom">
        場地租借行事曆
        <a href="{{$rent_url}}" class="btn btn-success choose float-right mx-2 my-n1 py-1" type="button" title="我要租借"><span class="fas fa-sign-out-alt">&ensp;</span>我要租借</a>
      </h3>
      <div class="card-body px-3">
        <div id="calendar-container">
          <div id="calendar"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<input type="hidden" id="js-fullcalendar-event-url" value="{{ $event_url }}"/>
<input type="hidden" id="js-date-click-url" value="{{ $rent_url }}"/>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ URL::asset('js/fullcalendar/main.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/fullcalendar/locales-all.min.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('rent:js/rent/calendar.js') }}"></script>
@endpush