@extends('backend.layouts.app')

@section('title')
予約カレンダー
@endsection

@section('content')
@include('backend.layouts.flash-message')
<div class="schedule_head">
   {{ Form::open(["route"=>"backend.rental.reserve.index", "method"=>"get"]) }}
   <table class="normal4">
      <tr>
         <td>
            <div class="select-wrap">
               <span class="block">サイズ</span>
               <label>
                  <select name="search_params[size_id]" id="search_params[size_id]" class="search_param">
                     <option></option>
                     @foreach(config('const.vehicle_size') as $key => $value)
                     <option value="{{$key}}"
                        {{ old('search_params[size_id]', $search_params['size_id'])==$key ? 'selected' : '' }}>
                        {{ $value }}</option>
                     @endforeach
                  </select>
               </label>
            </div>
            <div class="select-wrap">
               <span class="block">車種</span>
               <label>
                  <select name="search_params[body_category_id]" id="search_params[body_category_id]"
                     class="search_param">
                     <option></option>
                     @foreach($body_categories_m as $body_category)
                     <option value="{{$body_category->id}}"
                        {{ old('search_params[body_category_id]', $search_params['body_category_id'])==$body_category->id ? 'selected' : '' }}>
                        {{ $body_category->name }}</option>
                     @endforeach
                  </select>
               </label>
            </div>
             <div class="calendar-wrap">
                 <span class="block">車台番号</span>
                 <label>
                     <input type="text" class="input-text search_param" name="search_params[chassis_no]"
                            value="{{ old('search_params[chassis_no]', $search_params['chassis_no']) }}">
                 </label>
             </div>
            <div class="calendar-wrap clear mt10">
               <span class="block">車番</span>
               <label>
                  <input type="text" class="input-text search_param" name="search_params[register_no]"
                     value="{{ old('search_params[register_no]', $search_params['register_no']) }}">
               </label>
            </div>
            <div class="calendar-wrap2-2 mt10">
               <span class="block">表示期間</span>
               <label for="">
                  <input type="text" name="search_params[start_time]" class="datepicker search_param"
                     value="{{ old('search_params[start_time]', $search_params['start_time']) }}">
               </label>
               <span><img src="{{ asset('assets/backend/img/rental/calender.png') }}" alt=""></span>
               <span>〜</span>
               <label for="">
                  <input type="text" name="search_params[end_time]" class="datepicker search_param"
                     value="{{ old('search_params[end_time]', $search_params['end_time']) }}">
               </label>
               <span><img src="{{ asset('assets/backend/img/rental/calender.png') }}" alt=""></span>
            </div>
            <div class="add_fieldbtn f-left ma0 blue non-icon mt30 mr20 w50per-sp ma0-sp  t_center pa10-sp">
               <input type="submit" value="検索" id="search_button">
            </div>
            <div class="add_fieldbtn f-left ma0 glay non-icon mt30 w50per-sp ma0-sp t_center pa10-sp">
               <p><a class="block-sp" id="clear_search" onclick="location.href='{{ route('backend.rental.reserve.index', ['is_clear'=>1]) }}'">クリア</a></p>
            </div>
         </td>
      </tr>
   </table>
   <input type="hidden" name="day_num" value="{{ $day_num_now }}">
    <input type="hidden" class="select-tab" name="selected_tab" value="">
   {{ Form::close() }}
   <div class="today_schedule">
      <h3 class="subtitle bold mt40"><span>本日の貸出・返却予定</span></h3>
      <div class="today_schedule_table">
         @if(empty($today_tasks))
         <p>本日の予定はありません。</p>
         @else
         <table>
            <thead>
               <tr>
                  <th style="width: 10%;">時間</th>
                  <th style="width: 20%;">サイズ車種車番</th>
                  <th style="width: 20%;">ユーザー</th>
                  <th style="width: 10%;">貸・返</th>
                  <th style="width: 40%;">備考</th>
               </tr>
            </thead>
            <tbody>
               @foreach($today_tasks as $today_task)
               <tr>
                  <td>{{ $today_task['time'] }}</td>
                  <td>
                     <p>{{ $today_task['size'] }}　{{ $today_task['body_category'] }}</p>
                     <p>{{ $today_task['register_no'] }}</p>
                  </td>
                  <td>{{ $today_task['user'] }}</td>
                  <td>{{ $today_task['loan_or_return'] }}</td>
                  <td>{{ $today_task['note_company'] }}</td>
               </tr>
               @endforeach
            </tbody>
         </table>
         @endif
      </div>
   </div>
</div>

<div class="add_fieldbtn f-left ma0 blue non-icon mt30 mr20 w50per-sp ma0-sp  t_center pa10-sp">
   <a href="{{ route('backend.rental.reserve.index', ['day_num' => ($day_num_now==21) ? 45 : 21 ]) }}">週／月表示切り替え</a>
</div>

<div class="status_color">
   <ul>
      <li class="st_skyblue2">商談中</li>
      <li class="st_pink">仮予約</li>
      <li class="st_skyblue">本契約</li>
      <li class="st_yellow">貸出中</li>
      <li class="st_gray">返却済</li>
      <li class="st_red">予約複数</li>
      <li class="st_green">点検・修理</li>
      <li class="st_orange2">回送</li>
      <li class="st_blue">その他</li>
   </ul>
</div>
<div class="clearfix"></div>



<div class="tab_all_wrap" style="padding: 0;">
   <ul class="tab2 four">
      @foreach (config('const.rental_shed') as $id => $name)
      @php
      if($name == 'その他'){
      continue;
      }
      @endphp
      <li id="TAB{{ $id }}" class="shed_head {{ $id==config('const.rental_shed_code.fukuoka') ? 'select_head' : '' }}">
         {{ $name }}
      </li>
      @endforeach
      <!-- All -->
      <li id="TAB0" class="shed_head">ALL</li>
   </ul>

   <ul class="content2" style="padding: 0;">
      @foreach (config('const.rental_shed') as $id => $name)
          @if($id==config('const.rental_shed_code.others'))
              @continue
          @endif
          <li class="TAB{{ $id }} shed_content {{ $id!=config('const.rental_shed_code.fukuoka') ? 'hide' : '' }}">
             @include('backend.rental.reserve._carender', ['shed_id' => $id])
          </li>
      @endforeach
      <!-- All -->
      <li class="hide TAB0 shed_content">
         @include('backend.rental.reserve._carender', ['shed_id' => 'all'])
      </li>
   </ul>

</div>


<div id="detail" class="modal-content">
   <div class="MDL_window_wrap_calender">
      <div class="schedule_nav">
         <ul class="tab seven">
            <li id="schedule_navTab1" class="select">予約登録</li>
            <li id="schedule_navTab7">その他登録</li>
            <li id="schedule_navTab2">問い合せ</li>
            <li id="schedule_navTab4">ユーザー情報登録</li>
            <li id="schedule_navTab6">ユーザー情報確認</li>
            <li id="schedule_navTab5">契約書確認</li>
            <li id="schedule_navTab3">領収書</li>
         </ul>
      </div>
      <ul class="content">
         {{-- カレンダー予約 --}}
         <li class="schedule_navTab1">
            @include('backend.rental.reserve._reserve')
         </li>

         <!-- その他登録 -->
         <li class="schedule_navTab7 hide">
            @include('backend.rental.reserve._other_register')
         </li>

         <!-- 問い合わせ -->
         <li class="schedule_navTab2 hide">
            @include('backend.rental.reserve._question')
         </li>

         <!-- ユーザー情報登録 -->
         <li class="schedule_navTab4 hide t_left">
            @include('backend.rental.reserve._user')
         </li>

         <!-- ユーザー情報確認 -->
         <li class="schedule_navTab6 hide t_left">
            @include('backend.rental.reserve._user_detail')
         </li>

         <!-- 契約書作成 -->
         <li class="schedule_navTab5 hide t_left">
            @include('backend.rental.reserve._contract')
         </li>

         <!-- 車両情報 -->
         <li class="schedule_navTab3 hide">
            @include('backend.rental.reserve._receipt')
         </li>
      </ul>
   </div>
   <p class="closemodal">
      <a class="modal-close-calender">×</a>
   </p>
</div>

<div id="detail_vehicle" class="modal-content">
   <div class="MDL_window_wrap_calender">
      <div class="schedule_nav">
         <ul class="tab five">
            <li id="schedule_navTab1" class="select">車両詳細情報</li>
         </ul>
      </div>
      <ul class="content">
         <li class="schedule_navTab2">
            @include('backend.rental.reserve._detail_vehicle')
         </li>
      </ul>
   </div>
   <p class="closemodal">
      <a class="modal-close-calender">×</a>
   </p>
</div>
@endsection

@section('page_js')
<script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
<script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
{{-- <script src="{{ asset('assets/backend/js/page/vehicle.js') }}"></script> --}}

<script>
   // 顧客登録のJSコピペ
   $(document).ready(function() {

        $('.add_addition').click(function(e) {
            e.preventDefault();
            var counter_id = $(this).attr('cidx');
            counter_class = "transfer-wrap";
            file_name = "_transfer_table";
            wrapper_class = "transfer-table";
            var addition_node = $('.' + counter_class);
            var tr_count = addition_node.length;
            $("#" + counter_id).val(tr_count + 1);
            $.ajax({
                type: 'post',
                url: "{{ route('backend.truck.partner.add_addition') }}",
                data: {
                    'index':tr_count,
                    'file_name':file_name,
                    _token: '