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

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

@section('content')
    <main>
        <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_info_basic->vehicle_comment) ? $vehicle->vehicle_info_basic->vehicle_comment : '' }}</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") }}" 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") }}" 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") }}" 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") }}" 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") }}" alt="{{ config('const.vehicle_license_type.'.$vehicle->vehicle_check_exterior->license_type) }}">
                        </li>
                    @endif
                </ul>
            </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">

                        <!--タブ-->
                        <ul class="tab-group">
                            <li class="tab-basic is-active" id="basic_info_tab">基本仕様</li>
                            @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'))
                                <li class="tab-basic pdf_checksheet_tab"  data-src="#contact-box" >チェックシート </li>
                            @endif
                            @if(isset($vehicle->vehicle_info_basic->vehicle_verification_pdf->hp_verification_file_path) &&
                                !empty($vehicle->vehicle_info_basic->vehicle_verification_pdf->hp_verification_file_path) &&
                                Storage::disk('vehicle_verification_pdf')->has($vehicle->vehicle_info_basic->id.'/'.$vehicle->vehicle_info_basic->vehicle_verification_pdf->hp_verification_file_path))
                                <li class="tab-basic pdf_view_tab"  data-src="{{ asset('storage/vehicle/verification_pdf') }}/{{ $vehicle->vehicle_info_basic->id }}/{{ $vehicle->vehicle_info_basic->vehicle_verification_pdf->hp_verification_file_path }}">車検証
                                </li>
                            @endif
                        </ul>
                        <!--タブを切り替えて表示するコンテンツ-->
                        <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_info_basic->load_capacity) ? number_format($vehicle->vehicle_info_basic->load_capacity).'kg' : '　' }}</td>
                                    </tr>
                                    <tr>
                                        <th>免許</th>
                                        <td>{{ isset($vehicle->vehicle_check_rental->license_type) ? $vehicle->vehicle_check_rental->license_type : '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>ボディー内寸</th>
                                        <td>
                                            長：{{ (isset($vehicle->vehicle_check_van->body_dimension) && !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' : '　' }} <br>
                                            幅：{{ (isset($vehicle->vehicle_check_van->body_width) && !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' : '　' }} <br>
                                            高：{{ (isset($vehicle->vehicle_check_van->body_height) && !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' : '　' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>馬力</th>
                                        <td>{{ (isset($vehicle->vehicle_check_engine->horsepower_ps) && !empty($vehicle->vehicle_check_engine->horsepower_ps)) ? $vehicle->vehicle_check_engine->horsepower_ps.'ps' : '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>タイヤサイズ</th>
                                        <td>{{ \App\Models\Masters\VehicleTireSize::findById((isset($vehicle->vehicle_check_tire->size_01) ? $vehicle->vehicle_check_tire->size_01 : ''), 'name') }}</td>
                                    </tr>
                                    <tr>
                                        <th>ミッション</th>
                                        <td> {{ isset($vehicle->vehicle_check_rental->mission) ? $vehicle->vehicle_check_rental->mission : '' }} </td>
                                    </tr>
                                    <tr>
                                        <th>外寸</th>
                                        <td>
                                            <p>{{ (isset($vehicle->vehicle_check_rental->outside_dimension) && is_numeric($vehicle->vehicle_check_rental->outside_dimension)) ? '長 : '.number_format($vehicle->vehicle_check_rental->outside_dimension).'mm' : '' }}</p>
                                            <p>{{ (isset($vehicle->vehicle_check_rental->outside_width) && is_numeric($vehicle->vehicle_check_rental->outside_width)) ? '幅 : '.number_format($vehicle->vehicle_check_rental->outside_width).'mm' : '' }}</p>
                                            <p>{{ (isset($vehicle->vehicle_check_rental->outside_height) && is_numeric($vehicle->vehicle_check_rental->outside_height)) ? '高 : '.number_format($vehicle->vehicle_check_rental->outside_height).'mm' : '' }}</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>燃料タンク</th>
                                        <td>
                                            <p>
                                                {{ (isset($vehicle->vehicle_check_rental->fuel_tank) && is_numeric($vehicle->vehicle_check_rental->fuel_tank)) ? '①'.number_format($vehicle->vehicle_check_rental->fuel_tank).'L' : '' }}
                                            </p>
                                            <p>
                                                {{ (isset($vehicle->vehicle_check_rental->fuel_tank2) && is_numeric($vehicle->vehicle_check_rental->fuel_tank2)) ? '②'.number_format($vehicle->vehicle_check_rental->fuel_tank2).'L' : '' }}
                                            </p>
                                            <p>
                                                {{ (isset($vehicle->vehicle_check_rental->fuel_tank3) && is_numeric($vehicle->vehicle_check_rental->fuel_tank3)) ? '③'.number_format($vehicle->vehicle_check_rental->fuel_tank3).'L' : '' }}
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>上物</th>
                                        <td>
                                            {{ \App\Models\Masters\VehicleVanMaker::findById(isset($vehicle->vehicle_check_rental->van_maker_id) ? $vehicle->vehicle_check_rental->van_maker_id : '', 'name') }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>キャブタイプ</th>
                                        <td>{{ is_object($vehicle->vehicle_check_rental) ? $vehicle->vehicle_check_rental->shaft_type : '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>形状</th>
                                        <td>{{ is_object($vehicle->vehicle_check_rental) ? config('const.vehicle_rental_shape.'.$vehicle->vehicle_check_rental->vehicle_shape) : '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>エアサス</th>
                                        <td>{{ is_object($vehicle->vehicle_check_drive) ? config('const.drive_airsus_kind.'.$vehicle->vehicle_check_drive->airsus_kind) : '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>バックカメラ</th>
                                        <td>{{ config('const.rental_exist_back_camera.'.(isset($vehicle->vehicle_check_rental->back_camera_id) ? $vehicle->vehicle_check_rental->back_camera_id : '')) }}</td>
                                    </tr>
                                    <tr>
                                        <th>備考</th>
                                        <td>@php echo nl2br((isset($vehicle->vehicle_info_basic->vehicle_comment) ? $vehicle->vehicle_info_basic->vehicle_comment : '')) @endphp</td>
                                    </tr>
                                    </tbody></table>
                            </div>
                            <div class="panel">

                            </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="contact-left">
                            <p class="tel righttext"><a href="tel:0120106970">0120-1069-70</a></p>
                            <p class="righttext">管理番号：{{ is_object($vehicle->vehicle_hp_publish) ? $vehicle->getManageNoForFront() : '' }}</p>
                        </div>
                        <div class="contact-right">
                            <ul class="contact-list">
                                <li class="mail"><a href="{{ route("frontend.{$_fb_department}.contact.index", ['id' => $vehicle->id]) }}"><span>メール</span>問い合わせ</a></li>
                                <li class="printout"><a href="#" onclick='window.open("{{ route("frontend.{$_fb_department}.car_search.print",["vehicle"=>$vehicle->id]) }}", "車輛詳細", "width=945, height=655, directories=yes, menubar=no, toolbar=yes, scrollbars=yes, resizeable=yes"); return false;'><span>車輛詳細</span>プリントアウト</a></li>
                            </ul>
                            <ul class="contact-list">
                            </ul>
                        </div>
                    </div>
                </section>
            </div>
        </article>
    </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;
        }
    </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());
                }, 1000);
            }
            $(window).resize(function() {
                resizeImageWrap();
            });
        });
    </script>
@endsection