@extends('layout.layout')

{{-- Style --}}
@push('links')
<link href="{{ asset('js/jquery-ui-1.12.1/jquery-ui.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('js/jquery-ui-1.12.1/jquery-ui.theme.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('js/jquery-timepicker-addon/jquery-ui-timepicker-addon.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Content --}}
@section('content')

@include('custom::component.reply-btn', ['url' => route('user.rent.site', ['id' => $site->id])])

<div class="row">
  <div class="offset-1 col">
    <h3>{{$site->name}}</h3>
  </div>
</div>

<div class="row justify-content-center">
  <div class="col-12 col-lg-10">
    <div class="shadow-sm p-3 bg-white rounded-lg pt-4">
      <form method="POST" enctype="multipart/form-data">
        {{csrf_field()}}

        {{-- 類型 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>借用時間</b></span>
          </label>
          <div class="input-group col-form-label col-12 col-sm-9 align-items-center">
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input" name="type" id="type-1" value="1"
                {{(old('type') == 1) ? 'checked':''}}
              />
              <label class="custom-control-label" for="type-1">非週期性</label>
            </div>
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input" name="type" id="type-2" value="2"
                {{(old('type') == 2) ? 'checked':''}}
              />
              <label class="custom-control-label" for="type-2">週期性</label>
            </div>
            @if($errors->has('type'))
              @foreach ($errors->get('type') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 日期 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>日期</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" class="form-control" name="date" value="{{old('date')}}" readonly id="date" />
            @if($errors->has('date'))
              @foreach ($errors->get('date') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 起始日期 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="sdate">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>起始日期</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" class="form-control" name="sdate" value="{{old('sdate')}}" readonly id="sdate"/>
            @if($errors->has('sdate'))
              @foreach ($errors->get('sdate') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 結束日期 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="edate">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>結束日期</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" class="form-control" name="edate" value="{{old('edate')}}" readonly id="edate"/>
            @if($errors->has('edate'))
              @foreach ($errors->get('edate') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 起始時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>起始時間</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" class="form-control timepicker @if($errors->has('stime')) is-invalid @endif" name="stime" value="{{old('stime', $info['stime'] ?? null)}}" readonly />
            @if($errors->has('stime'))
              @foreach ($errors->get('stime') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 結束時間 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>結束時間</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" class="form-control timepicker @if($errors->has('etime')) is-invalid @endif" name="etime" value="{{old('etime', $info['etime'] ?? null)}}" readonly />
            @if($errors->has('etime'))
              @foreach ($errors->get('etime') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 星期 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>星期</b></span>
          </label>
          <div class="col-form-label col-12 col-sm-9">
            @foreach (config('siterent.rent_week') as $week => $text)
            <div class="custom-control custom-checkbox mb-2">
              <input type="checkbox" class="custom-control-input" name="week[]" id="week-{{$week}}" value="{{$week}}"
                {{in_array($week, old('week', [])) ? 'checked':''}}
              />
              <label class="custom-control-label" for="week-{{$week}}">{{$text}}</label>
            </div>
            @endforeach
            @if($errors->has('week'))
              @foreach ($errors->get('week') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 用途 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="purpose">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>用途</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="purpose" class="form-control" value="{{old('purpose')}}" placeholder="用途" id="purpose">
            @if($errors->has('purpose'))
              @foreach ($errors->get('purpose') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 說明 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><b>說明</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <textarea class="form-control" name="description" rows="5">{{old('description')}}</textarea>
            @if($errors->has('description'))
              @foreach ($errors->get('description') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 附件 --}}
        <div id="files">
          @php
            $files = old('files', ['']);
          @endphp
          <div class="form-group row">
            <label class="col-form-label col-12 col-sm-3 text-sm-center">
              <span class="align-middle"><b>附件</b></span>
            </label>
            <div class="input-group col-12 col-sm-9">
              <input type="file" name="files[]" class="form-control">
            </div>
          </div>
        </div>
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
          </label>
          <div class="input-group col-12 col-sm-9">
            <button type="button" class="btn btn-link addBtn">
              <span class="fas fa-plus-circle fa-2x">&ensp;</span>
            </button>
          </div>
        </div>
        <div class="text-center mt-5">
          <button type="submit" class="btn btn-lg btn-success font-weight-bold submit-btn">儲存</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div id="clone-sample-file" class="d-none">
  <div class="form-group row">
    <label class="col-form-label col-12 col-sm-3 text-sm-center">
    </label>
    <div class="input-group col-12 col-sm-9">
      <input type="file" name="files[]" class="form-control">
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/jquery-ui-1.12.1/jquery-ui.min.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('calendar:js/datepicker/tw-year.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-timepicker-addon/jquery-ui-timepicker-addon.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-timepicker-addon/i18n/jquery-ui-timepicker-zh-TW.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/moment/min/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('calendar:js/helper.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('siterent:js/tw-year.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/datepicker-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('siterent:js/rent/create.js')}}"></script>
@endpush