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

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

@section('content')
    <main>
        @if ($vehicle->vehicle_hp_publish->rental_publish == config('const.hp_publish_code.publish'))
            <div id="mv" class="sell">
                <h1>レンタル車両詳細</h1>
            </div>
            <article class="w1200">
                <div class="numberandshop-wrap vehicle-summary">
                    <ul class="numberandshop-under">
                        {{--                    <li>管理番号：<span>{{ is_object($vehicle->vehicle_hp_publish) ? $vehicle->getManageNoForFront() : '' }}</span></li>--}}
                        {{--                    @if($shed_name = $vehicle->getStockShedName())--}}
                        {{--                        <li>{{ $shed_name }}</li>--}}
                        {{--                    @endif--}}
                    </ul>
                    <h2>{{ isset($vehicle->vehicle_check_rental->rental_title) ? $vehicle->vehicle_check_rental->rental_title : '' }}</h2>
                    <ul class="icons under-icons">
                        @if(is_object($vehicle->vehicle_check_rental))
                            @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") }}?202206291400" alt="ETC">
                                </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="ゲート">
                                </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="バックカメラ">
                                </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") }}?202206291400" alt="ワイド">
                                </li>
                            @endif
                        @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) }}">
                            </li>
                        @endif
                    </ul>
                    <div class="f-right car_question">
                        <span>1日（24時間）<b>{{ (isset($vehicle->vehicle_check_rental->rental_price->day_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>{{ (isset($vehicle->vehicle_check_rental->rental_price->month_price) && !is_null($vehicle->vehicle_check_rental->rental_price->month_price)) ? number_format($vehicle->vehicle_check_rental->rental_price->month_price) : '' }}</b><strong>円</strong>（税別）</span>
                        <span><a href="{{ route("frontend.rental.contact.index", ["id"=>$vehicle->id, "class_name"=>"Vehicle", "search_params"=>$search_params, "is_rental"=>$is_rental]) }}">お問い合わせ</a></span>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div id="wrap-slide" class="vehicle-detail">
                    @if($vehicle->support_status == config('const.vehicle_enquiry_status.during_talking'))
                        <i class="talk"><span>商談中</span>{{ (!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日') : '' }}</i>
                    @elseif($vehicle->vehicle_info_basic->sale_status >= config('const.vehicle_sale_status_code.finish_sale') && !empty($vehicle->vehicle_info_basic->finish_sale_date) && Carbon::parse($vehicle->vehicle_info_basic->finish_sale_date)->diffInDays(Carbon::now()) < 7)
                        <i class="sold">売約済</i>
                    @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
                    <div class="slider-left">
                        <ul id="slider">
                            @if(is_object($vehicle->vehicle_image) && !empty($vehicle->getDefaultImage()))
                                @foreach($vehicle->vehicle_image->image_additions as $image_addition)
                                    @if(Storage::disk('vehicle_image')->has($vehicle->id.'/'.$image_addition->file_path))
                                        <li class="slide-item">
                                            <div class="pic detail_title_img"><img src="{{ asset('storage/vehicle/images/').'/'.$vehicle->id }}/{{ $image_addition->file_path }}" data-original="{{ asset('storage/vehicle/images/').'/'.$vehicle->id }}/{{ $image_addition->file_path }}" class="lazy">
                                                <p>{{ $image_addition->comment }}</p>
                                            </div>
                                        </li>
                                    @endif
                                @endforeach
                            @else
                                <li class="slide-item">
                                    <div class="pic detail_title_img"><img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/i_noimage.gif") }}" class="lazy">
                                        <p></p>
                                    </div>
                                </li>
                            @endif

                        </ul>
                        <ul id="thumbnail-list">
                            @if(is_object($vehicle->vehicle_image) && !empty($vehicle->getDefaultImage()))
                                @foreach($vehicle->vehicle_image->image_additions as $image_addition)
                                    @if(Storage::disk('vehicle_image')->has($vehicle->id.'/'.$image_addition->file_path))
                                        <li class="thumbnail-item c"><img src="{{ asset('storage/vehicle/images/').'/'.$vehicle->id }}/{{ $image_addition->file_path }}" data-original="{{ asset('storage/vehicle/images/').'/'.$vehicle->id }}/{{ $image_addition->file_path }}" class="lazy"></li>
                                    @endif
                                @endforeach
                            @else
                                <li class="thumbnail-item a b c"><img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/i_noimage.gif") }}" class="lazy"></li>
                            @endif
                        </ul>
                    </div>
                    <div class="slider-right">
                        <div class="title-wrap vehicle-info">
                            <!--タブを切り替えて表示するコンテンツ-->
                            <div class="panel-group">
                                <div class="panel is-show" id="basic_info_panel">
                                    <table class="table vehicle_detail_info">
                                        <tbody>
                                        <tr>
                                            <th>メーカー</th>
                                            <td>{{ $vehicle->vehicleMakerName() }}</td>
                                        </tr>
                                        <tr>
                                            <th>型式</th>
                                            <td>{{ $vehicle->vehicleModel() }}</td>
                                        </tr>
                                        <tr>
                                            <th>最大積載量</th>
                                            <td>{{ !empty($vehicle->vehicle_check_rental->load_capacity) ? number_format($vehicle->vehicle_check_rental->load_capacity).'kg' : '　' }}</td>
                                        </tr>
                                        <tr>
                                            <th>車両総重量</th>
                                            <td>{{ (isset($vehicle->vehicle_check_rental->max_weight) && !empty($vehicle->vehicle_check_rental->max_weight)) ? ((is_numeric($vehicle->vehicle_check_rental->max_weight) && strpos($vehicle->vehicle_check_rental->max_weight, '.') === false) ? number_format($vehicle->vehicle_check_rental->max_weight) : $vehicle->vehicle_check_rental->max_weight).'kg' : '　' }}</td>
                                        </tr>
                                        <tr>
                                            <th>内寸</th>
                                            <td>
                                                長:{{ (isset($vehicle->vehicle_check_rental->inside_dimension) && !empty($vehicle->vehicle_check_rental->inside_dimension)) ? ((is_numeric($vehicle->vehicle_check_rental->inside_dimension) && strpos($vehicle->vehicle_check_rental->inside_dimension, '.') === false) ? number_format($vehicle->vehicle_check_rental->inside_dimension) : $vehicle->vehicle_check_rental->inside_dimension).'mm' : '　' }}
                                                幅:{{ (isset($vehicle->vehicle_check_rental->inside_width) && !empty($vehicle->vehicle_check_rental->inside_width)) ? ((is_numeric($vehicle->vehicle_check_rental->inside_width) && strpos($vehicle->vehicle_check_rental->inside_width, '.') === false) ? number_format($vehicle->vehicle_check_rental->inside_width) : $vehicle->vehicle_check_rental->inside_width).'mm' : '　' }}
                                                高:{{ (isset($vehicle->vehicle_check_rental->inside_height) && !empty($vehicle->vehicle_check_rental->inside_height)) ? ((is_numeric($vehicle->vehicle_check_rental->inside_height) && strpos($vehicle->vehicle_check_rental->inside_height, '.') === false) ? number_format($vehicle->vehicle_check_rental->inside_height) : $vehicle->vehicle_check_rental->inside_height).'mm' : '　' }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>外寸</th>
                                            <td>
                                                長:{{ (isset($vehicle->vehicle_check_rental->outside_dimension) && !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' : '　' }}
                                                幅:{{ (isset($vehicle->vehicle_check_rental->outside_width) && !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' : '　' }}
                                                高:{{ (isset($vehicle->vehicle_check_rental->outside_height) && !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' : '　' }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>ミッション</th>
                                            <td> {{ isset($vehicle->vehicle_check_rental->mission) ? $vehicle->vehicle_check_rental->mission : '' }} </td>
                                        </tr>
                                        <tr>
                                            <th>キャブタイプ</th>
                                            <td>{{ isset($vehicle->vehicle_check_rental->shaft_type) ? $vehicle->vehicle_check_rental->shaft_type : '' }}</td>
                                        </tr>

                                        <tr>
                                            <th>サスペンション</th>
                                            <td>{{ isset($vehicle->vehicle_check_rental->suspension_type) ? config('const.rental_suspension_type.' . $vehicle->vehicle_check_rental->suspension_type) : '' }}</td>
                                        </tr>

                                       {{-- <tr>
                                            <th>サスペンション</th>
                                            <td>{{ config('const.rental_suspension_type.'.(isset($vehicle->vehicle_check_rental->suspension_type) ? $vehicle->vehicle_check_rental->suspension_type : '')) }}</td>
                                        </tr>--}}
                                        <tr>
                                            <th>馬力</th>
                                            <td>{{ isset($vehicle->vehicle_check_engine->horsepower_ps) ? ($vehicle->vehicle_check_engine->horsepower_ps).'ps/'.($vehicle->vehicle_check_engine->horsepower_kw).'kw' : '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>タイヤサイズ</th>
                                            <td>F：{{ isset($vehicle->vehicle_check_rental->tire_size_f) ? $vehicle->vehicle_check_rental->tire_size_f : '' }}&nbsp;R：{{ isset($vehicle->vehicle_check_rental->tire_size_r) ? $vehicle->vehicle_check_rental->tire_size_r : '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>燃料タンク</th>
                                            <td>
                                                <span>
                                                    {{ (isset($vehicle->vehicle_check_rental->fuel_tank) && is_numeric($vehicle->vehicle_check_rental->fuel_tank)) ? number_format($vehicle->vehicle_check_rental->fuel_tank).'L' : '' }}
                                                </span>&nbsp;
                                                <span>
                                                    {{ (isset($vehicle->vehicle_check_rental->fuel_tank2) && is_numeric($vehicle->vehicle_check_rental->fuel_tank2)) ? number_format($vehicle->vehicle_check_rental->fuel_tank2).'L' : '' }}
                                                </span>&nbsp;
                                                <span>
                                                    {{ (isset($vehicle->vehicle_check_rental->fuel_tank3) && is_numeric($vehicle->vehicle_check_rental->fuel_tank3)) ? number_format($vehicle->vehicle_check_rental->fuel_tank3).'L' : '' }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>アドブルー(尿素)</th>
                                            <td>
                                                {{ (isset($vehicle->vehicle_check_rental->exist_adoblue) && strpos($vehicle->vehicle_check_rental->exist_adoblue,  '1') !== false ? '有' : '')  }}<br/>{{ isset($vehicle->vehicle_check_rental->adoblue) ? $vehicle->vehicle_check_rental->adoblue : '' }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>床面地上高</th>
                                            <td>{{ (isset($vehicle->vehicle_check_rental->height_from_floor) && !is_null($vehicle->vehicle_check_rental->height_from_floor)) ? $vehicle->vehicle_check_rental->height_from_floor :'' }}</td>
                                        </tr>
                                        <tr>
                                            <th>上物</th>
                                            <td>
                                                @if(isset($vehicle->vehicle_check_rental->van1) && $vehicle->vehicle_check_rental->van1)
                                                    {{ $vehicle->vehicle_check_rental->van1  }}<br/>
                                                @endif

                                                @if(isset($vehicle->vehicle_check_rental->van1_note) && $vehicle->vehicle_check_rental->van1_note)
                                                    {{ $vehicle->vehicle_check_rental->van1_note  }}<br/>
                                                @endif

                                                @if(isset($vehicle->vehicle_check_rental->van2) && $vehicle->vehicle_check_rental->van2)
                                                    {{ $vehicle->vehicle_check_rental->van2  }}<br/>
                                                @endif
                                                @if(isset($vehicle->vehicle_check_rental->van2_note) && $vehicle->vehicle_check_rental->van2_note)
                                                    {{ $vehicle->vehicle_check_rental->van2_note  }}<br/>
                                                @endif

                                                @if(isset($vehicle->vehicle_check_rental->van3) && $vehicle->vehicle_check_rental->van3)
                                                    {{ $vehicle->vehicle_check_rental->van3  }}<br/>
                                                @endif
                                                @if(isset($vehicle->vehicle_check_rental->van3_note) && $vehicle->vehicle_check_rental->van3_note)
                                                    {{ $vehicle->vehicle_check_rental->van3_note  }}<br/>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>備考</th>
                                            <td style="white-space: pre-wrap;">{!! isset($vehicle->vehicle_check_rental->internal_note) ? $vehicle->vehicle_check_rental->internal_note : '' !!}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article id="basic">
                <div class="w1200">
                    <section>
{{--                        @if(isset($vehicle->vehicle_info_basic->id) &&--}}
{{--                            $vehicle->getVehicleCheckStatus(1) == config('const.csch_status_code.already') &&--}}
{{--                            $vehicle->getVehicleCheckStatus(2) == config('const.csch_status_code.already') &&--}}
{{--                            $vehicle->getVehicleCheckStatus(3) == config('const.csch_status_code.already'))--}}
{{--                            <div id="contact-box">--}}
{{--                                <h3>チェックシート</h3>--}}
{{--                                @include('frontend.share.truck_search.info_tab._t_checksheet_pdf')--}}
{{--                                <div class="text-center checksheet_print">--}}
{{--                                    <a target="_blank" href="{{ asset('storage/vehicle/verification_pdf') }}/{{ $vehicle->vehicle_info_basic->id }}/{{ $vehicle->vehicle_no.'_checksheet'.'.pdf' }}" id="checksheet_print_btn"><span>チェックシート印刷</span></a>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endif--}}
                        <div id="contact-box">
                            <h3>問い合わせ情報</h3>
                            <div class="text-center">
                                <p class="tel"><a href="tel:0120106970">0120-1069-70</a></p>
                            </div>
                        </div>
                    </section>
                </div>
            </article>
        @else
            <p class="empty_car">車両が存在しません。</p>
        @endif
    </main>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset("assets/frontend/{$_fb_department}/css/under.css") }}?{{ Carbon::now()->format('YmdHis') }}">
    <style>
        #checksheet_print_btn {
            width: auto !important;
            display: inline-block;
            margin: 0 auto;
            background: url(/assets/frontend/truck/img/icon/printout.png) 20px 50% no-repeat;
            background-size: 25px;
            text-align: left;
            padding: 10px;
            border-radius: 10px;
            transition: all 0.3s ease-in-out;
            border: 2px solid #333;
            font-size: 15px;
            padding-left: 60px;
        }
        #checksheet_print_btn span {
            font-size: 120%;
            font-weight: bold;
            display: block;
        }
        .checksheet_print {
            margin-bottom: 20px;
        }
        .f-right {
            float:right;
        }

        .car_question span:first-child {
            margin-right: 10px;
        }
        .car_question a {
            background: #EC1B23;
            margin: 0 30px 0 0;
            border-radius: 30px;
            box-sizing: border-box;
            padding: 15px 45px;
            font-size: 16px;
            font-weight: bold;
            color: white;
        }
        .icons.under-icons {
            float: left;
        }

        .car_question {
            padding-bottom: 20px;
        }

        .car_question b {
            font-size: 40px;
            font-weight: bold;
            color: #e60012;
            margin: 0 0 0 5px;
        }
        .car_question strong {
            font-size: 20px;
            color: #e60012;
            font-weight: bold;
            margin: 0 0 0 5px;
        }

        .car_question span{
            display: inline-block;
            font-size: 13px;
            vertical-align: middle;
            margin-top: 10px;
            color: #58595B;
            font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
            letter-spacing: 1px;
        }
        @media only screen and (max-width:736px) {
            .car_question span{
                display: inline-block;
                font-size: 13px;
                margin-top: 15px;
            }
            .car_question span:nth-child(3) {
                float: right;
                text-align: right;
            }
            .car_question span:nth-child(3) a {
                margin: 0;
            }
            .numberandshop-wrap.vehicle-summary {
                margin-right: 2px !important;
            }
            .car_question a {
                font-size: 12px;
            }
            .car_question b {
                font-size: 18px;
                color: red;
            }
            strong {
                font-size: 14px;
            }
        }

    </style>
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $(".pdf_view_tab").click(function () {
                    window.open($(this).data('src'));
                    $(this).removeClass('is-active');
                    $("#basic_info_tab").addClass('is-active');
                    $("#basic_info_panel").addClass('is-show');
                });
                $(".pdf_checksheet_tab").click(function () {
                    location.href = $(this).data('src');
                    $(this).removeClass('is-active');
                    $("#basic_info_tab").addClass('is-active');
                    $("#basic_info_panel").addClass('is-show');
                });
                resizeImageWrap();
            });

            function resizeImageWrap() {
                setTimeout(function() {
                    if($("#thumbnail-list").css('position') == 'absolute') {
                        $("#wrap-slide").css('height', ($("#slider").height() > $(".title-wrap.vehicle-info").height() ? $("#slider").height() : $(".title-wrap.vehicle-info").height()) + $("#thumbnail-list").height() + 50+"px");
                        if($("#slider").height() < $(".title-wrap.vehicle-info").height()) {
                            $("#thumbnail-list").css('margin-top', ($(".title-wrap.vehicle-info").height() - $("#slider").height() + 10) + 'px');
                        } else {
                            $("#thumbnail-list").css('margin-top', '10px');
                        }
                    } else {
                        $("#thumbnail-list").css('margin-top', '10px');
                    }
                    $("#first_kizu_image").css('height', $("#second_kizu_image").height());
                }, 1500);
            }
            $(window).resize(function() {
                resizeImageWrap();
            });
        });
    </script>
@endsection