@extends('layout.layout')

@push('links')
<link href="{{ asset('css/fullcalendar/main.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/site.css') }}" rel="stylesheet" type="text/css">
<style>

.test {
  width:100px;
}
</style>
@endpush

@section('content')

@if ($site)
  <input type="hidden" id="js-fullcalendar-url" value="{{route('rent.fullcalendar', ['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">
      <div id="status">狀態說明：
        <span style="background-color: brown;padding: 3px;color: #fff;width: 10%;">
          課程
        </span>
        <span style="background-color: orange;padding: 3px;color: #fff;width: 10%;">
          社團
        </span>
        <span style="background-color: blue;padding: 3px;color: #fff;width: 10%;">
          洽談中
        </span>
        <span style="background-color: gray;padding: 3px;color: #fff;width: 10%;">
          維護
        </span>
        <span style="background-color: green;padding: 3px;color: #fff;width: 10%;">
          核定
        </span>
      </div>
    </div>
    <div class="text-right">
      @if (\Auth::user()->role == 'admin')
        <a class="btn btn-success" href="{{ route('admin.rent.terms', ['id' => $site->id]) }}">
          <span class="fas fa-pencil">&ensp;</span>管理者代租借
        </a>
      @else
        <a class="btn btn-success" href="{{ route('user.rent.terms', ['id' => $site->id]) }}" title="租借{{$site->name}}">
          <span class="fas fa-pencil">&ensp;</span>租借
        </a>
      @endif
    </div>
  </div>
  <div id="calendar-container">
    <div id='calendar'></div>
  </div>
@else
  <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>
@endif

@endsection

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