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

@section('title', 'TOP')

@section('content')
    <main>
        <div id="slider-wrap">
            <ul class="slider">
                <li><img src="{{ asset("assets/frontend/{$_fb_department}/img/main/mainimage01.jpg") }}"></li>
                <li><img src="{{ asset("assets/frontend/{$_fb_department}/img/main/mainimage02.jpg") }}"></li>
                <li><img src="{{ asset("assets/frontend/{$_fb_department}/img/main/mainimage03.jpg") }}"></li>
                <li><img src="{{ asset("assets/frontend/{$_fb_department}/img/main/mainimage04.jpg") }}"></li>
            </ul>
            <div class="search-area box">
                <ul class="btns">
                    <li>部品検索</li>
                    <li><a href="{{ route("frontend.truck.truck_search.index") }}">車輛検索</a></li>
                </ul>
                {{--
                <div class="search-list">
                    <ul>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>生産前トラック</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck1.png") }}" alt="冷凍ウイング・バン"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>キャビン関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck2.png") }}" alt="ウイング"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>ミッション関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck3.png") }}" alt="バン"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>走行部品関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck4.png") }}" alt="ダンプ・ミキサー"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>タイヤ関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck5.png") }}" alt="平ボディー"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>エンジン関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck6.png") }}" alt="クレーン付・セルフ"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>デフ関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck7.png") }}" alt="パッカー・清掃関係"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>電装関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck8.png") }}" alt="トラクタ・ トレーラー"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>中古<br>冷凍機関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck9.png") }}" alt="バス"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>載替用ボディー</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck10.png") }}" alt="その他"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>倉庫用BOX</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck11.png") }}" alt="バス"></a></li>
                        <li><a href="{{ route("frontend.parts.parts_search.index") }}">
                                <h2><span>その他の<br>架装物関連</span></h2>
                                <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/truck12.png") }}" alt="その他"></a></li>
                    </ul>
                </div>
                --}}
                @include('frontend.parts.layouts.partials.search_parts_list', ['header'=>1])
            </div>
        </div>
        <article>
            <section id="news" class="box">
                <h2>新着情報</h2>
                <p class="all"><a href="{{ route("frontend.parts.news.index") }}">All</a></p>
                <ul>
                    @if($news->count() > 0)
                        @foreach($news as $key => $item)
                            <li>
                                <dl>
                                    <dt>{{ $item->hp_public_date ? Carbon::parse($item->hp_public_date)->format('Y/m/d') : Carbon::parse($item->updated_at)->format('Y/m/d')  }}</dt>
                                    <dd>{{ $item->title }}</dd>
                                </dl>
                            </li>
                        @endforeach
                    @else
                        <li>
                            <dl>新着情報が存在しません。</dl>
                        </li>
                    @endif
                </ul>

            </section>

            <div id="top-btns">
                <ul>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.truck_purchase.index") }}">
                            <h3><span>高価トラック買取</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic1.png") }}" alt="高価トラック買取"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.wrecker.index") }}">
                            <h3><span>トラック専門<br>
                        24時間レッカー作業</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic2.png") }}" alt="トラック専門24時間レッカー作業"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.renovation.index") }}">
                            <h3><span>リノベーション<br>
                        トラック</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic3.png") }}" alt="リノベーショントラック"></a></li>
                    <li class="box"><a href="{{ route("frontend.parts.parts_search.index", ['search_params[parts_category]'=>79]) }}" target="_blank">
                            <h3><span>載替用ボディー</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic4.png") }}" alt="載替用ボディー"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.quality.index") }}">
                            <h3><span>安心の価格と品質</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic5.png") }}" alt="安心の価格と品質"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.equipment.index") }}">
                            <h3><span>設備のご案内</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic6.png") }}" alt="設備のご案内"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.bases.index") }}">
                            <h3><span>拠点案内</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic7.png") }}" alt="拠点案内"></a></li>
                    <li class="box"><a href="{{ route("frontend.truck.home.index") }}" target="_blank">
                            <h3><span>トラック販売</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic9.png") }}" alt="トラック販売" target="_blank"></a></li>

                    <li class="box"><a href="{{ route('frontend.parts.rebuild.index') }}">
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic26.svg") }}" alt="リビルト部品"></a></li>
                    <li class="box"><a href="{{ route("frontend.parts.windshield.index") }}" target="_blank">
                            <h3><span>フロントガラス</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic8.png") }}" alt="フロントガラス"></a></li>
                   {{-- <li class="box"><a href="http://www.truck-uj.com/company/bases#shop">
                            <h3><span>整備・車検</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic10.png") }}" alt="整備・車検" target="_blank"></a></li>--}}
                    <li class="box"><a href="http://www.ujrental.com/" target="_blank">
                            <h3><span>トラックレンタル</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic11.png") }}" alt="トラックレンタル"></a></li>
                    <li class="box"><a href="https://www.smart-truck.co.jp/" target="_blank">
                            <h3><span>トラック<br>
                        短期リース</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic12.png") }}" alt="トラック短期リース"></a></li>
                    <li class="box"><a href="{{ route('frontend.truck.outlet.index') }}" target="_blank">
                            <h3><span>アウトレット<br>
                        トラック</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic13.png") }}" alt="アウトレットトラック"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.movie.index") }}">
                            <h3><span>動画で<br>
                        トラック確認</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic14.png") }}" alt="動画でトラック確認"></a></li>
                    <li class="box"><a href="">
                            <h3><span>アプリ</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic15.png") }}" alt="アプリ"></a></li>
                    <li class="box"><a href="http://www.truck-uj.com/" target="_blank">
                            <h3><span>UJ GROUP<br>
                        会社紹介</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic16.png") }}" alt="トラック短期リース"></a></li>
                    <li class="box black"><a href="https://www.youtube.com/channel/UCIa3b852VxFwZrJPUX314LQ"
                                             target="_blank">
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic17.png") }}" alt="youtube"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.gallery.index") }}">
                            <h3><span>CMギャラリー<br>
                        <i>TVCM放送チュー!!</i></span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic18.png") }}" alt="CMギャラリーTVCM放送チュー!!"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.calender.index") }}" target="_blank">
                            <h3><span>営業カレンダー</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic19.png") }}" alt="営業カレンダー"></a></li>
                    <li class="box"><a href="http://www.truck-uj.com/company/recruit/" target="_blank">
                            <h3><span>リクルート<i>一緒に働きましょう！</i></span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic20.png") }}" alt="リクルート"></a></li>
                    <li class="box"><a href="{{ asset("assets/frontend/{$_fb_department}/img/pdf/certificate.pdf") }}?20210705" target="_blank">
                            <h3><span>お問い合わせ<br>FAXシート</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic21.png") }}" alt="お問い合わせFAXシート"></a></li>
                    <li class="box"><a href="{{ route("frontend.{$_fb_department}.flow.index") }}">
                            <h3><span>購入の流れ</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic22.png") }}" alt="購入の流れ"></a></li>
                    <li class="box"><a href="{{ route("frontend.parts.privacy.cancel") }}" target="_blank">
                            <h3><span>キャンセルポリシー</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic23.png") }}" alt="キャンセルポリシー"></a></li>
                    <li class="box">
                            <h3><span>イメージ</span></h3>
                            <img src="{{ asset("assets/frontend/{$_fb_department}/img/top/pic24.png") }}" alt="イメージ"></li>

                </ul>
            </div>

            <section id="recommend" class="box">
                <h2 class="title">おすすめ車輛・部品</h2>
                <div id="recommendInner" class="clearfix">
                    <ul>
                        @foreach($parts as $part)
                            <li>
                                <a href="{{ route("frontend.parts.parts_search.detail", ['id'=>($part->parts_id)]) }}" target="_blank">

                                    @if(!empty($part->file_path) && Storage::disk('parts')->has($part->parts_id.'/'.$part->file_path))
                                        <img src="{{ asset('storage/parts/').'/'.$part->parts_id.'/'.($part->file_path)  }}" alt="" class="recommendImg" />
                                    @else
                                        <img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/i_thumbnail.jpg") }}" alt="" class="recommendImg" />
                                    @endif
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </section>
            {{--
            <section id="instagram" class="box">
                <h2 class="title">Instagram</h2>
            </section>
            --}}
        </article>
    </main>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset("assets/frontend/{$_fb_department}/css/top.css") }}?20210128">
    <style>
        #top-btns ul li:last-child h3 {
            top: 20px;
        }
        @media only screen and (max-width:768px) {
            #top-btns ul li:last-child h3 {
                top: 5px;
            }
        }
    </style>
@endsection