@extends("frontend.{$_fb_department}.layouts.app")

@section('title', 'レンタル車両検索')

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>レンタル車両検索</h1>
        </div>
        <article>
            <div id="search-box">
                <section id="search" class="box slideUp">
                    {{ Form::open(["route"=>"frontend.{$_fb_department}.car_search.index", "method"=>"get", "id"=>"search_form"]) }}
                        @php
                            $category = '';
                            if((isset($search_params['body_category']))) {
                                $category = \App\Models\Masters\BodyCategory::findById($search_params['body_category'], 'name');
                            }
                            $is_limited_time_car = ((isset($search_params['contact_search_type'])) ? ($search_params['contact_search_type'] == config('const.contact_search_type_code.etc') ) : false);
                        @endphp
                        <ul>
                            <li class="li-vehicle-category">
                                <dl>
                                    <dt class="category-label">車種</dt>
                                    <dd>
                                        <ul class="category">
                                            @foreach(config('const.contact_search_type') as $key=>$type)
                                                <li>
                                                    <input type="radio" name="search_params[contact_search_type]" value="{{ $key }}" data-url="{{ route("frontend.{$_fb_department}.car_search.index", ['search_params[contact_search_type]' => $key]) }}" id="body_category{{$key}}" {{ ((isset($search_params['contact_search_type'])) ? ($search_params['contact_search_type'] == $key) : false) !== false ? 'checked' : '' }}>
                                                    <label id="body_category_{{ $key }}" for="body_category{{ $key }}">{{ $type }}</label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </dd>
                                </dl>
                            </li>
                            <li id="other_search_info">
                                <dl>
                                    <dt>出発</dt>
                                    <dd class="company">
                                        @php
                                            $c_start = Carbon::now()->format("H") > config('const.rental_contract_hour_limit')  ? Carbon::now()->addDay() : Carbon::now();
                                            $com_s_date = isset($search_params['loan_date']) ? $search_params['loan_date'] : $c_start->format("Y-m-d");
                                            $com_e_date = isset($search_params['return_date']) ? $search_params['return_date'] : $c_start->format("Y-m-d");
                                        @endphp

                                        <div class="w60per">
                                            <input type="date" id="loan_date" data-date="{{ $c_start->format("Y-m-d") }}" name="search_params[loan_date]" min="{{ $c_start->format("Y-m-d") }}" value="{{ isset($search_params['loan_date']) ? $search_params['loan_date'] : '' }}">
                                        </div>
                                        <div class="w40per select-box">
                                            <label>
                                                <select name="search_params[loan_time]" id="loan_time">
                                                    <option value="">--</option>
                                                    @foreach (config('const.rental_contract_time_search') as $time)
                                                        <option value="{{ $time }}" {{ (isset($search_params['loan_time']) ? $search_params['loan_time'] : '') == $time ? 'selected' : '' }} class="{{ Carbon::now()->format("Y-m-d H:i") > Carbon::parse($c_start->format('Y-m-d ') . $time)->format("Y-m-d H:i") ? 'be_disable hide': '' }}" >{{ $time }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>返却</dt>
                                    <dd class="company">
                                        <div class="w60per">
                                            <input type="date" id="return_date" data-date="{{ $c_start->format("Y-m-d") }}" name="search_params[return_date]" min="{{ $c_start->format("Y-m-d") }}" value="{{ isset($search_params['return_date']) ? $search_params['return_date'] : '' }}">
                                        </div>
                                        <div class="w40per select-box">
                                            <label>
                                                <select name="search_params[return_time]" id="return_time">
                                                    <option value="">--</option>
                                                    @foreach (config('const.rental_contract_time_search') as $time)
                                                        <option value="{{ $time }}" {{ (isset($search_params['return_time']) ? $search_params['return_time'] : '') == $time ? 'selected' : '' }} class="{{ Carbon::now()->format("Y-m-d H:i") > Carbon::parse($c_start->format('Y-m-d ') . $time)->format("Y-m-d H:i") ? 'be_disable hide': '' }}">{{ $time }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>

                                    </dd>
                                </dl>
                                <dl>
                                    <dt>拠点</dt>
                                    <dd>
                                        <div class="select-box">
                                            <label>
                                                <select name="search_params[plan_shed_id]">
                                                    <option value="">指定なし</option>
                                                    @foreach(config('const.rental_front_shed_list') as $key => $shed_name)
                                                        <option value="{{ $key }}" {{ (isset($search_params['plan_shed_id']) ? $search_params['plan_shed_id'] : '') == $key ? 'selected' : '' }}>{{ $shed_name }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </dd>
                                </dl>
                            </li>
                        </ul>
                        <div class="centre">
                            <input type="submit" value="検索">
                            <input type="button" value="クリア" onclick='location.href="{{ route("frontend.{$_fb_department}.car_search.index") }}"'>
                        </div>
                    {{ Form::close() }}
                </section>
            </div>
        </article>
        <article id="result">
            <div class="search-bar topver">
                <div class="left-box">
                    <ul>
                        <li class="amount">
                            <p>該当<strong>{{ $vehicles->total() }}</strong>件</p>
                        </li>
                    </ul>
                </div>
                {{ $vehicles->appends(['search_params'=>$search_params, 's'=>$sort_mode])->links('vendor.pagination.user-vehicle-pagination') }}

               {{-- <div class="right-box">
                    <ul>
                        <li>
                            <button class="{{ ($sort_mode=='publish_date' || $sort_mode == '') ? 'active' :'' }}" onclick='location.href="{{ route("frontend.{$_fb_department}.car_search.index", ["search_params"=>$search_params, "s"=>'publish_date']) }}"'>新しく追加された順</button>
                        </li>
                        <li>
                            <button class="{{ $sort_mode=='year_made' ? 'active' :'' }}" onclick='location.href="{{ route("frontend.{$_fb_department}.car_search.index", ["search_params"=>$search_params, "s"=>'year_made']) }}"'>初年度登録が若い順</button>
                        </li>
                        <li>
                            <button class="{{ $sort_mode=='distance' ? 'active' :'' }}" onclick='location.href="{{ route("frontend.{$_fb_department}.car_search.index", ["search_params"=>$search_params, "s"=>'distance']) }}"'>走行距離が少ない順</button>
                        </li>
                    </ul>
                </div>--}}
            </div>
            <!--結果-->
            <div id="result-car">
                <!-- 検索結果 -->
                @php
                    $is_rental = 0;
                    if(isset($search_params['contact_search_type']) && $search_params['contact_search_type']) {
                        $is_rental = 1;
                    } elseif(isset($search_params['loan_date']) && $search_params['loan_date']) {
                        $is_rental = 1;
                    } elseif(isset($search_params['return_date']) && $search_params['return_date']) {
                        $is_rental = 1;
                    }
                @endphp
                @foreach($vehicles as $vehicle)
                    @php
                        $shed_name = $vehicle->getStockShedName();
                    @endphp
                    <div class="car">
                        <a href="{{ route("frontend.rental.car_search.detail", ["vehicle"=>$vehicle->id, 'is_rental'=>1, 'search_params'=>$search_params]) }}">
                            <div class="pic">
                                @if($vehicle->support_status == config('const.vehicle_enquiry_status.during_talking'))
                                <i class="talk">
                                    <span>商談中</span>
                                    <span class="discussion_date">{{ (!empty($vehicle->discussion_period) && !empty($vehicle->discussion_period_to)) ? Carbon::parse($vehicle->discussion_period)->format('m月d日').'～'.Carbon::parse($vehicle->discussion_period_to)->format('m月d日') : '' }}</span>
                                    <span class="discussion_date_sp">{{ (!empty($vehicle->discussion_period) && !empty($vehicle->discussion_period_to)) ? Carbon::parse($vehicle->discussion_period)->format('m.d').'～'.Carbon::parse($vehicle->discussion_period_to)->format('m.d') : '' }}</span>
                                </i>
                                @elseif($vehicle->vehicle_info_basic->sale_status >= config('const.vehicle_sale_status_code.finish_sale') && !empty($vehicle->vehicle_info_basic->finish_sale_date))
                                    <i class="sold">売約済</i><span class="gray_out"></span>
                                @elseif($vehicle->vehicle_hp_publish->ujweb_publish == config('const.hp_publish_code.publish') && !empty($vehicle->vehicle_hp_publish->ujweb_publish_date) && Carbon::parse($vehicle->vehicle_hp_publish->ujweb_publish_date)->diffInDays(Carbon::now()) <= 7)
                                    <i class="new">NEW</i>
                                @elseif($vehicle->vehicle_hp_publish->ujweb_publish == config('const.hp_publish_code.expected'))
                                    <i class="expected">入庫予定</i>
                                @endif

                                @if(!empty($vehicle->getDefaultImage()) && Storage::disk('vehicle_image')->has($vehicle->id.'/'.$vehicle->getDefaultImage()))
                                    <img src="{{ asset("assets/frontend/{$_fb_department}/img/common/loading.gif") }}" data-original="{{ asset('storage/vehicle/images/').'/'.$vehicle->id }}/{{ $vehicle->getDefaultImage() }}" class="lazy">
                                @else
                                    <img src="{{ asset("assets/frontend/{$_fb_department}/img/common/loading.gif") }}" data-original="{{ asset("assets/frontend/{$_fb_department}/img/pic/i_thumbnail.jpg") }}" class="lazy">
                                @endif
                                <ul class="icons">
                                    @if (is_object($vehicle->vehicle_check_rental) && !empty($vehicle->vehicle_check_rental->id))
                                        @if($vehicle->vehicle_check_rental->equipment_etc == config('const.rental_exist_etc_code.exists'))
                                            <li><img src="{{ asset("assets/frontend/rental/img/icon/icons1.svg") }}?202205130539" alt="ETC">
                                                {{--<p>ETC</p>--}}
                                            </li>
                                        @endif
                                        @if($vehicle->vehicle_check_rental->exist_gate == config('const.rental_exist_gate_code.exists'))
                                            <li><img src="{{ asset("assets/frontend/rental/img/icon/icons2.svg") }}?20221028" alt="ゲート">
                                                {{--<p>ゲート</p>--}}
                                            </li>
                                        @endif
                                        @if($vehicle->vehicle_check_rental->back_camera_id == config('const.rental_exist_back_camera_code.exists'))
                                            <li><img src="{{ asset("assets/frontend/rental/img/icon/icons3.svg") }}?2022102801" alt="バックカメラ">
                                                {{--<p>バック<br>カメラ</p>--}}
                                            </li>
                                        @endif
                                        @if($vehicle->vehicle_check_rental->vehicle_shape == config('const.vehicle_rental_shape_code.wide'))
                                            <li><img src="{{ asset("assets/frontend/rental/img/icon/icons4.svg") }}?202205130539" alt="ワイド">
                                                {{--<p>ワイド</p>--}}
                                            </li>
                                        @endif
                                        @if(is_object($vehicle->vehicle_check_exterior) && !empty($vehicle->vehicle_check_exterior->license_type) && $vehicle->vehicle_check_exterior->license_type != config('const.vehicle_license_type_code.wrecker'))
                                            <li><img src="{{ asset("assets/frontend/rental/img/icon/icons".($vehicle->vehicle_check_exterior->license_type + 5).".svg") }}?202208020710" alt="{{ config('const.vehicle_license_type.'.$vehicle->vehicle_check_exterior->license_type) }}">
                                                {{--<p>{{ config('const.vehicle_license_type.'.$vehicle->vehicle_check_exterior->license_type) }}</p>--}}
                                            </li>
                                        @endif
                                    @endif
                                </ul>
                            </div>
                            <div class="txt">
                                <h2 style="visibility: visible;">{{ isset($vehicle->vehicle_check_rental->rental_title) ? $vehicle->vehicle_check_rental->rental_title : '' }}</h2>
                                <ul class="car-detail">
                                    <li>
                                        <dl class="maker box slideUp">
                                            <dt>メーカー</dt>
                                            <dd>{{ $vehicle->vehicleMakerName() }}</dd>
                                        </dl>
                                        <dl class="model box slideUp">
                                            <dt>型式</dt>
                                            <dd>{{ $vehicle->vehicleModel() }}</dd>
                                        </dl>
                                        <dl class="capacity box slideUp">
                                            <dt>積載量</dt>
                                            <dd>{{ (!empty($vehicle->vehicle_info_basic->load_capacity)) ? number_format($vehicle->vehicle_info_basic->load_capacity).'kg' : '' }}</dd>
                                        </dl>
                                    </li>
                                    <li>
                                        <dl class="body box slideUp">
                                            <dt>ボディ内寸</dt>
                                            <dd>
                                                @if (is_object($vehicle->vehicle_check_van))
                                                    {{ (!empty($vehicle->vehicle_check_van->body_dimension)) ? "長 ".((is_numeric($vehicle->vehicle_check_van->body_dimension) && strpos($vehicle->vehicle_check_van->body_dimension, '.')===false) ? number_format($vehicle->vehicle_check_van->body_dimension) : $vehicle->vehicle_check_van->body_dimension)."mm " : '' }}
                                                    {{ (!empty($vehicle->vehicle_check_van->body_width)) ? "幅 ".((is_numeric($vehicle->vehicle_check_van->body_width) && strpos($vehicle->vehicle_check_van->body_width, '.')===false) ? number_format($vehicle->vehicle_check_van->body_width) : $vehicle->vehicle_check_van->body_width)."mm " : '' }}
                                                    {{ (!empty($vehicle->vehicle_check_van->body_height)) ? "高 ".((is_numeric($vehicle->vehicle_check_van->body_height) && strpos($vehicle->vehicle_check_van->body_height, '.')===false) ? number_format($vehicle->vehicle_check_van->body_height) : $vehicle->vehicle_check_van->body_height)."mm" : '' }}
                                                @endif
                                            </dd>
                                        </dl>
                                        <dl class="body box slideUp">
                                            <dt>外寸</dt>
                                            <dd>
                                                @if (is_object($vehicle->vehicle_check_rental))
                                                {{ (!empty($vehicle->vehicle_check_rental->outside_dimension)) ? "長 ".((is_numeric($vehicle->vehicle_check_rental->outside_dimension) && strpos($vehicle->vehicle_check_rental->outside_dimension, '.')===false) ? number_format($vehicle->vehicle_check_rental->outside_dimension) : $vehicle->vehicle_check_rental->outside_dimension)."mm " : '' }}
                                                {{ (!empty($vehicle->vehicle_check_rental->outside_width)) ? "幅 ".((is_numeric($vehicle->vehicle_check_rental->outside_width) && strpos($vehicle->vehicle_check_rental->outside_width, '.')===false) ? number_format($vehicle->vehicle_check_rental->outside_width) : $vehicle->vehicle_check_rental->outside_width)."mm " : '' }}
                                                {{ (!empty($vehicle->vehicle_check_rental->outside_height)) ? "高 ".((is_numeric($vehicle->vehicle_check_rental->outside_height) && strpos($vehicle->vehicle_check_rental->outside_height, '.')===false) ? number_format($vehicle->vehicle_check_rental->outside_height) : $vehicle->vehicle_check_rental->outside_height)."mm" : '' }}
                                                @endif
                                            </dd>
                                        </dl>
                                        <dl class="figure box slideUp">
                                            <dt>ミッション</dt>
                                            <dd>{{ $vehicle->getMission() }}</dd>
                                        </dl>
                                    </li>
                                </ul>
                                <div class="company car_detail_question">
                                    <div>
                                        <span>■1日(24時間)<b>{{ (is_object($vehicle->vehicle_check_rental) && is_object($vehicle->vehicle_check_rental->rental_price) && !is_null($vehicle->vehicle_check_rental->rental_price->day_price)) ? number_format($vehicle->vehicle_check_rental->rental_price->day_price) : '' }}<strong>円</strong></b>(税別)</span>
                                        <span>■1ヶ月<b>{{ (is_object($vehicle->vehicle_check_rental) && is_object($vehicle->vehicle_check_rental->rental_price) && !is_null($vehicle->vehicle_check_rental->rental_price->month_price)) ? number_format($vehicle->vehicle_check_rental->rental_price->month_price) : '' }}<strong>円</strong></b>(税別)</span>
                                    </div>
                                    <div></div>
                                    <div class="car_question_link" data-url="{{ route("frontend.{$_fb_department}.contact.index", ["id"=>$vehicle->id, "search_params"=>$search_params, 'is_rental'=>1]) }}">お問い合わせ</div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
            <!-- 検索結果 -->
            <div class="search-bar">
                {{ $vehicles->appends(['search_params'=>$search_params, 's'=>$sort_mode])->links('vendor.pagination.user-vehicle-pagination') }}
            </div>
        </article>
    </main>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset("assets/frontend/{$_fb_department}/css/under.css") }}?{{ Carbon::now()->format('YmdHis') }}">
    <style>
        #search-box ul.category li {
            width: 24.3%;
            margin: 0 0.4% 0.4% 0;
        }
        #search-box ul li ul.category li label {
            padding: 20px 5px 10px 5px;
        }
        .car_detail_question {
            width: 100%;
        }
        .car_detail_question div:first-child {
            padding: 5px 8px;
            width: 60%;
        }
        .car_detail_question div:nth-child(2) {
            width: 2% !important;
            border: none !important;
            background-color: white !important;
        }
        .car_detail_question div:nth-child(3) {
            background: #EC1B23;
            margin: 0 30px 0 0;
            border-radius: 30px;
            box-sizing: border-box;
            padding: 10px 30px;
            font-size: 16px;
            font-weight: bold;
            color: white;
            text-align: center;
        }
        .car_detail_question div span {
            display: inline-block;
            font-size:14px;
        }
        dd.company div.w60per {
            padding-right: 10px;
        }
        b {
            font-weight: bold !important;
            color: #EC1B23;
            font-size: 22px;
        }
        strong {
            font-size: 14px;
        }
        @media only screen and (max-width:736px) {
            .company.car_detail_question div {
                width: 100% !important;
                display: block !important;
            }
        }

        @foreach(config('const.contact_search_type') as $key=>$type)
            label#body_category_{{ $key }}:after {
                background: url({{ \App\Service\Rental\RentalCarTypeService::getImgURLbyID($key) }}) center 50% no-repeat !important;
                background-size: 100% !important;
            }
        @endforeach
    </style>
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $('input[name="search_params[contact_search_type]"]').click(function () {
                    $("#search_form").submit();
                });
                $(".car_question_link").click(function (event) {
                    event.preventDefault();
                    location.href=$(this).data('url');
                });

                $("#loan_date").change(function (event) {
                    let start_date = $(this).data('date');
                    let loan_date = $(this).val();
                    if(start_date == loan_date) {
                        $('#loan_time option.be_disable').addClass('hide');
                    } else {
                        $('#loan_time option.be_disable').removeClass('hide');
                    }
                });

                $("#return_date").change(function (event) {
                    let start_date = $(this).data('date');
                    let return_date = $(this).val();
                    if(start_date == return_date) {
                        $('#return_time option.be_disable').addClass('hide');
                    } else {
                        $('#return_time option.be_disable').removeClass('hide');
                    }
                });
            });
        });
    </script>
@endsection