@extends('layout.layout')

@push('links')
<link href="{{ asset('js/jquery-ui-1.10.2/themes/base/jquery-ui.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/calendar_table.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/site.css') }}" rel="stylesheet" type="text/css">
<link href="{{ Module::asset('rent:css/rent/site.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Breadcrumbs --}}
@section('breadcrumbs')
  @if(class_exists('Breadcrumbs') && Breadcrumbs::exists(Route::currentRouteName()))
  <div class="d-flex">
    <h2>{{ Breadcrumbs::render(Route::currentRouteName(), Route::current()->parameters) }}</h2>
    <div class="ml-auto">
      <a class="btn btn-dark" href="{{route('user.rent.calendar')}}" title="各場館借用情形">各場館借用情形</a>
    </div>
  </div>
  @endif
@endsection

{{-- Content --}}
@section('content')
@if ($site)
  <input type="hidden" id="js-calendar-url" value="{{route('user.rent.site', ['id' => $site->id])}}" />

  <div class="row mb-3">
    <div class="col">
      <h3>{{$site->name}}</h3>
      <!-- <div>申請書：
        @foreach (config('setting.application') as $key => $name)
          <a href="{{url('download-application?name='.$key)}}" target="_blank" title="{{$name}}">{{$name}}</a>
        @endforeach
      </div> -->
    </div>
  </div>
  <div class="row mb-3">
    <div class="col text-right">
      @if (\Auth::check() && (\Auth::user()->role == 'admin' || $site->canManage(\Auth::user()->uid)))
        <a class="btn btn-success" href="{{ route('admin.rent.terms', ['id' => $site->id]) }}">
          <span class="fas fa-pencil">&ensp;</span>管理者代租借
        </a>
      @endif
      <a class="btn btn-success" href="{{ route('user.rent.terms', ['id' => $site->id]) }}" title="租借{{$site->name}}">
        <span class="fas fa-pencil">&ensp;</span>租借
      </a>
    </div>
  </div>

  <div class="row mb-3">
    <div class="col my-auto">
      <div id="status">狀態說明：
        <span class="status-style bg-brown">課程</span>
        <span class="status-style bg-orange">社團</span>
        <span class="status-style bg-blue">候補</span>
        <span class="status-style bg-gray">維護</span>
        <span class="status-style bg-green">已承租</span>
      </div>
    </div>
    <label class="col-form-label col-md-3 text-md-right" for="ym">
      <span class="align-middle"><b>起始月份</b></span>
    </label>
    <div class="col-md-3">
      <input type="text" name="ym" class="form-control datepicker" id="ym" value="{{$ym}}" placeholder="起始月份">
    </div>
  </div>
  <div class="row mb-3">
    @include('components/calendar_table')
  </div>
@else
  <div class="row mb-3">
    <div class="col col-md-10 mx-auto">
      @foreach ($sites as $key => $site)
      <div class="site px-0">
        <a tabindex="{{$key}}" title="{{$site->name}}" href="{{ route('user.rent.site', ['id' => $site->id]) }}" >
          <div class="title text-center">{{$site->name}}</div>
          <div class="Image" style="background-image: url('{{route('site.upload.getImage', ['id' => $site->image_id])}}'), url('http://placehold.it/750x500');"></div>
          <div class="flag pt-3">
            <a class="calendar" href="{{route('user.rent.site', ['id' => $site->id])}}" title="{{$site->name}}借用資訊">
              借用資訊
            </a>
            <span data-toggle="modal" data-target="#win-{{$site->id}}" title="{{$site->name}}附件">
              附件
            </span>
            @include('rent::component.site-detail')
          </div>
        </a>
      </div>
      @endforeach
    </div>
  </div>
  <div class="row mb-3">
    <div class="col col-md-10 mx-auto">
      <div class="card">
        <h3 class="card-header align-middle">
          最新消息
          @if (count($newses) > 4)
            <a class="btn btn-success choose float-right mx-2 my-n1 py-1" href="{{route('news.index')}}" title="更多消息">
              <span class="fas fa-eye">&ensp;</span>更多消息
            </a>
          @endif
        </h3>
        <div class="">
          <table class="table table-striped table-hover mb-0" id="dataTable">
            <tbody>
              @foreach ($newses as $i => $news)
                <tr>
                  <td class="align-middle">{{$news->title}}</td>
                  <td class="align-middle">{!! substr($news->created_at, 0, 10) !!}</td>
                  <td class="text-right">
                    <a class="btn btn-dark" href="{{route('news.show', $news->id)}}" title="{{$news->title}}">
                      <span class="fas fa-eye">&ensp;</span>詳細
                    </a>
                  </td>
                </tr>
              @endforeach
            </tbody>
            <tfoot>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
  </div>
@endif

@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/jquery-ui-1.10.2/ui/jquery-ui.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datepicker-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('vendor/handlebars/4.7.7/handlebars.runtime.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/calendar_event_popover.precompiled.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/calendar_table.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('rent:js/rent/site.js') }}"></script>
@endpush