@extends('backend.layouts.app')

@section('content')

    <div class="schedule_head">
        {{ Form::open(["route"=>"backend.{$department}.own_vehicle.calendar", "method"=>"get", "id"=>"calendar_search_form"]) }}
        <input type="hidden" name="current_month" value="{{ isset($current_month) ? $current_month : '' }}" id="current_month">
        <table class="normal4">
            <tr>
                <td>
                    {{--
                    <div class="select-wrap">
                        <span class="block">管理担当者</span>
                        <label>
                            <select name="user">
                                <option value="">--</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ (isset($search_params['user']) ? $search_params['user'] : "") == $user->id ? "selected" : ""}}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    --}}
                    <div class="select-wrap mt10 ">
                        <span class="block">種別</span>
                        <label>
                            <select name="vehicle_type">
                                <option value="">--</option>
                                @foreach (config('const.own_vehicle_type') as $key=>$item)
                                    <option value="{{ $key }}" {{ (isset($search_params['vehicle_type']) ? $search_params['vehicle_type'] : "") == $key ? "selected" : "" }}>{{ $item }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    <div class="calendar-wrap2-2 mt10">
                        <span class="block">表示期間</span>
                        <label for="">
                        <input type="text" name="start_time" class="input-text datepicker" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : "" }}" autocomplete="off">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="display: none"></span>
                        <span>〜</span>
                        <label for="">
                        <input type="text" name="end_time" class="input-text datepicker" value="{{ isset($search_params['end_time']) ? $search_params['end_time'] : "" }}" autocomplete="off">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="display: none"></span>
                        @error('end_time')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="add_fieldbtn f-left ma0 blue non-icon mt30 mr20 w50per-sp ma0-sp  t_center pa10-sp">
                        <p><a class="block-sp" id="search_btn">検索</a></p>
                    </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" href="{{ route("backend.{$department}.own_vehicle.calendar") }}">クリア</a></p>
                    </div>
                </td>
            </tr>
        </table>
        {{ Form::close() }}
    </div>
    <div class="status_color">
        <ul>
            <li class="st_orange2">回送</li>
            <li class="st_skyblue">レッカー</li>
        </ul>
    </div>
    <div class="clearfix"></div>
    @include('backend.truck.own_vehicle._t_calendar')
    @include('backend.truck.own_vehicle._m_calendar')

@endsection

@section('page_css')

    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <style>
        .ui-datepicker{
            z-index: 1000 !important;
        }
        td.table-link {
            width: 50px !important;
        }
    </style>
@endsection

@section('page_js')

    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(document).ready(function() {

            $('#search_btn').click(function(){
                $("#current_month").prop('disabled', 'true');
                $("#calendar_search_form").submit();
            });
        });

        function goByMonth(target){
            var month = "{{ Carbon::parse($current_month)->format('m') }}";
            var year = "{{ Carbon::parse($current_month)->format('Y') }}";
            if(target == 0){
                if(parseInt(month) == 1){
                    month = 12;
                    year = parseInt(year) - 1;
                } else {
                    month = parseInt(month) - 1;
                }
            } else {
                if(parseInt(month) == 12){
                    month = 1;
                    year = parseInt(year) + 1;
                } else {
                    month = parseInt(month) + 1;
                }
            }
            var target_month = year + '-' + (month < 10 ? '0' + month : month);
            $("#current_month").val(target_month);
            $("#calendar_search_form").submit();
        }
    </script>
@endsection