@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');
                            }
                        @endphp
                        <ul>
                            <li class="li-vehicle-category">
                                <dl>
                                    <dt class="category-label">形状</dt>
                                    <dd>
                                        <ul class="category">
                                            @foreach(\App\Service\Masters\BodyCategoryService::getAllBodyCategories() as $key => $category)
                                                <li>
                                                    <input type="radio" name="search_params[body_category]" data-url="{{ route("frontend.{$_fb_department}.car_search.index", ["search_params[body_category]"=>$key]) }}" value="{{ $key }}" id="body_category{{ $key }}" {{ (isset($search_params['body_category']) ? ($search_params['body_category'] == $key) : false) !== false ? 'checked' : '' }}>
                                                    <label for="body_category{{ $key }}">{{ $category }}</label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </dd>
                                </dl>
                            </li>
                            <li id="other_search_info">
                                <dl>
                                    <dt>出発</dt>
                                    <dd>
                                        <input type="date" name="search_params[loan_date]" value="{{ isset($search_params['loan_date']) ? $search_params['loan_date'] : '' }}">
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>返却</dt>
                                    <dd>
                                        <input type="date" name="search_params[return_date]" value="{{ isset($search_params['return_date']) ? $search_params['return_date'] : '' }}">

                                    </dd>
                                </dl>
                                <dl>
                                    <dt>サイズ</dt>
                                    <dd>
                                        <select name="search_params[vehicle_size]">
                                            <option value="">指定なし</option>
                                            @foreach(config('const.vehicle_size') as $key => $size)
                                                <option value="{{ $key }}" {{ (isset($search_params['vehicle_size']) ? $search_params['vehicle_size'] : '') == $key ? 'selected' : '' }}>{{ $size }}</option>
                                            @endforeach
                                        </select>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>拠点</dt>
                                    <dd>
                                        <select name="search_params[plan_shed_id]">
                                            <option value="">指定なし</option>
                                            @foreach(\App\Service\Masters\VehicleShedService::getAllVehicleSheds() as $key => $shed_name)
                                                <option value="{{ $key }}" {{ (isset($search_params['plan_shed_id']) ? $search_params['plan_shed_id'] : '') == $key ? 'selected' : '' }}>{{ $shed_name }}</option>
                                            @endforeach
                                            <option value="99" {{ (isset($search_params['plan_shed_id']) ? $search_params['plan_shed_id'] : '') == 99  ? 'selected' : '' }}>その他</option>
                                        </select>
                                    </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">
                <!-- 検索結果 -->
                @foreach($vehicles as $vehicle)
                    @php
                        $ob_vehicle = \App\Models\Vehicle\Vehicle::find($vehicle->vehicle_id);
                        $shed_name = $ob_vehicle->getStockShedName();
                    @endphp
                    <div class="car">
                        <a href="{{ route("frontend.rental.car_search.detail", ["vehicle"=>$vehicle->vehicle_id]) }}">
                            <ul class="numberandshop">
                                <li>管理番号：<span>{{ $vehicle->manage_no }}</span></li>
                                @if(!empty($shed_name))
                                <li>{{ $shed_name }}</li>
                                @endif
                            </ul>
                            <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->sale_status >= config('const.vehicle_sale_status_code.finish_sale') && !empty($vehicle->finish_sale_date) && Carbon::parse($vehicle->finish_sale_date)->diffInDays(Carbon::now()) <= 7)
                                    <i class="sold">売約済</i><span class="gray_out"></span>
                                @elseif($vehicle->ujweb_publish == config('const.hp_publish_code.publish') && !empty($vehicle->ujweb_publish_date) && Carbon::parse($vehicle->ujweb_publish_date)->diffInDays(Carbon::now()) <= 7)
                                    <i class="new">NEW</i>
                                @elseif($vehicle->ujweb_publish == config('const.hp_publish_code.expected'))
                                    <i class="expected">入庫予定</i>
                                @endif

                                @if(!empty($ob_vehicle->getDefaultImage()) && Storage::disk('vehicle_image')->has($vehicle->vehicle_id.'/'.$ob_vehicle->getDefaultImage()))
                                    <img src="{{ asset("assets/frontend/{$_fb_department}/img/common/loading.gif") }}" data-original="{{ asset('storage/vehicle/images/').'/'.$vehicle->vehicle_id }}/{{ $ob_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($vehicle->equipment_etc == config('const.rental_exist_etc_code.exists'))
                                    <li><img src="{{ asset("assets/frontend/rental/img/icon/icons1.svg") }}" alt="ETC">
                                        <p>ETC</p>
                                    </li>
                                    @endif
                                    @if($vehicle->exist_gate == config('const.rental_exist_gate_code.exists'))
                                    <li><img src="{{ asset("assets/frontend/rental/img/icon/icons2.svg") }}" alt="ゲート">
                                        <p>ゲート</p>
                                    </li>
                                    @endif
                                    @if($vehicle->back_camera_id == config('const.rental_exist_back_camera_code.exists'))
                                    <li><img src="{{ asset("assets/frontend/rental/img/icon/icons3.svg") }}" alt="バックカメラ">
                                        <p>バック<br>カメラ</p>
                                    </li>
                                    @endif
                                    @if($vehicle->vehicle_shape == config('const.vehicle_rental_shape_code.wide'))
                                    <li><img src="{{ asset("assets/frontend/rental/img/icon/icons4.svg") }}" alt="ワイド">
                                        <p>ワイド</p>
                                    </li>
                                    @endif
                                    @if(!empty($vehicle->license) && $vehicle->license != config('const.vehicle_license_type_code.wrecker'))
                                    <li><img src="{{ asset("assets/frontend/rental/img/icon/icons".($vehicle->license + 5).".svg") }}" alt="{{ config('const.vehicle_license_type.'.$vehicle->license) }}">
                                        <p>{{ config('const.vehicle_license_type.'.$vehicle->license) }}</p>
                                    </li>
                                    @endif
                                </ul>
                            </div>
                            <div class="txt">
                                <h2 style="visibility: visible;">{{ isset($ob_vehicle->vehicle_info_basic->vehicle_comment) ? $ob_vehicle->vehicle_info_basic->vehicle_comment : '' }}</h2>
                                <ul class="car-detail">
                                    <li>
                                        <dl class="maker box slideUp">
                                            <dt>メーカー</dt>
                                            <dd>{{ $ob_vehicle->vehicleMakerName() }}</dd>
                                        </dl>
                                        <dl class="model box slideUp">
                                            <dt>型式</dt>
                                            <dd>{{ $ob_vehicle->vehicleModel() }}</dd>
                                        </dl>
                                        <dl class="capacity box slideUp">
                                            <dt>積載量</dt>
                                            <dd>{{ (!empty($vehicle->load_capacity)) ? number_format($vehicle->load_capacity).'kg' : '' }}</dd>
                                        </dl>
                                        <dl class="capacity box slideUp">
                                            <dt>免許</dt>
                                            <dd>{{ $vehicle->license_type }}</dd>
                                        </dl>
                                    </li>
                                    <li>
                                        <dl class="body box slideUp">
                                            <dt>ボディ内寸</dt>
                                            <dd>
                                                <p>{{ (!empty($vehicle->body_dimension)) ? "長 ".((is_numeric($vehicle->body_dimension) && strpos($vehicle->body_dimension, '.')===false) ? number_format($vehicle->body_dimension) : $vehicle->body_dimension)."mm " : '' }}</p>
                                                <p>{{ (!empty($vehicle->body_width)) ? "幅 ".((is_numeric($vehicle->body_width) && strpos($vehicle->body_width, '.')===false) ? number_format($vehicle->body_width) : $vehicle->body_width)."mm " : '' }}</p>
                                                <p>{{ (!empty($vehicle->body_height)) ? "高 ".((is_numeric($vehicle->body_height) && strpos($vehicle->body_height, '.')===false) ? number_format($vehicle->body_height) : $vehicle->body_height)."mm" : '' }}</p>
                                            </dd>
                                        </dl>
                                        <dl class="distance box slideUp">
                                            <dt>馬力</dt>
                                            <dd>{{ !empty($vehicle->horsepower_ps) ? number_format($vehicle->horsepower_ps).'ps' : '' }}</dd>
                                        </dl>
                                        <dl class="expire box slideUp">
                                            <dt>タイヤサイズ</dt>
                                            <dd>{{ $vehicle->size_01 }}</dd>
                                        </dl>
                                        <dl class="figure box slideUp">
                                            <dt>ミッション</dt>
                                            <dd>{{ $vehicle->rental_mission }}</dd>
                                        </dl>
                                    </li>
                                </ul>
                            </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") }}?20210204">
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $('input[name="search_params[body_category]"]').click(function () {
                    location.href=$(this).data('url');
                });
            });
        });
    </script>
@endsection