@extends('layout.basic_front')

@section("content")

<!-- Start Page Title Area -->
        <div class="page-title">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="page-title-text">
                                    <h3>{{trans("header_footer.Document_btn")}}</h3>
                                </div>
                            </div>
                            
                            <div class="col-lg-6 col-md-6">
                                <ul>
                                    <li><a href="{{URL::to('front')}}"><i class="fa fa-home"></i> {{trans("header_footer.Home_btn")}}</a></li>
                                    <li><i class="fa fa-angle-right"></i></li>
                                    <li class="active">{{trans("header_footer.Document_btn")}}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->
<!-- Start Mountain Bike Area -->
       <section class="bike-area ptb-80">
           <div class="container">
               <div class="row">
                   <div class="col-lg-3 col-md-4" style="height: fit-content;">
                    <div class="side-bar">
                      <div class="logo">
                          <!--img src="http://lorempixel.com/output/people-q-g-64-64-1.jpg" class="img-responsive center-block" alt="Logo"-->
                      </div>
                      <br>
                      <div class="left-navigation">
                          <ul class="list">
                              <h4><strong style="color:white;">{{trans("products.category_title")}}</strong></h4>
                                @if($langset == 'en')
                                    @foreach($categories as $category)
                                    <li><a class='sidebar-a' href="{{URL::to('front/documents/'.$category->name)}}"><i class="fa fa-angle-double-right"></i>  {{$category->name}}</a></li>
                                    @endforeach
                                @else
                                    @foreach($categories as $category)
                                    <li><a class='sidebar-a'  href="{{URL::to('front/documents/'.$category->name)}}"><i class="fa fa-angle-double-right"></i>  {{$category->name_tw}}</a></li>
                                    @endforeach                       
                                @endif
				    <li></li>
				    <li></li>
                          </ul>
                      </div>
                    </div>


{{-- 
                       <div class="side-bar mt-0" style="background-color:#378e3833;">
                           <h2 class="title">{{trans("products.category_title")}}</h2>
                           
                           <div class="categories-2">
                               <ul>
                                @if($langset == 'en')
                                    @foreach($categories as $category)
                                    <li><a href="{{URL::to('front/documents/'.$category->name)}}" style="color:#303030;font-size: 18px;"><i class="fa fa-angle-double-right"></i>{{$category->name}}</a></li>
                                    @endforeach
                                @else
                                    @foreach($categories as $category)
                                    <li><a href="{{URL::to('front/documents/'.$category->name)}}" style="color:#303030;font-size: 18px;"><i class="fa fa-angle-double-right"></i>{{$category->name_tw}}</a></li>
                                    @endforeach                       
                                @endif
                                </ul>
                           </div>
                       </div>
--}}
                   </div>
                   <div class="col-lg-9 col-md-8">
                       <div class="mt-0">

                                @if($langset == 'en')
                                    @foreach($filelist as $file)
			@if( $file == reset($filelist) )
                           <h2 class="title">{{$file->category_en}}</h2>
                           <div style="border:1px solid #dee2e6!important;border-color:#f16868 !important;width: 10%;margin: 0px 0px 15px 0px;"></div>
                           <div class="categories-2">
                               	 <ul>
			@endif
                                    <li><span style="font-size: 20px;">{{$file->file_name_en}} </span><a style="display: contents; color:#007bff; font-size: 18px;" href="{{Asset('product_documents/'.$file->file_path)}}" style="color:#007bff;" download><span>  Download<i class="fa fa-arrow-circle-down"></i></span></a></li>
                                    <div style="border:1px solid #dee2e6!important;margin: 0px 0px 5px 0px;border-color:#eee !important;"></div>
                                    @endforeach
                                @else
                                    @foreach($filelist as $file)
			@if( $file == reset($filelist) )
                           <h2 class="title">{{$file->category_tw}}</h2>
                           <div style="border:1px solid #dee2e6!important;border-color:#f16868 !important;width: 10%;margin: 0px 0px 15px 0px;"></div>
                           <div class="categories-2">
                               	 <ul>
			@endif
                                    <li><span style="font-size: 20px;">{{$file->file_name_tw}} </span><a style="display: contents; color:#007bff; font-size: 18px;"  href="{{Asset('product_documents/'.$file->file_path)}}" style="color:#007bff;" download><span>  下載<i class="fa fa-arrow-circle-down"></i></span></a></li>
                                    <div style="border:1px solid #dee2e6!important;margin: 0px 0px 5px 0px ;border-color:#eee !important;"></div>
                                    @endforeach                       
                                @endif
                                </ul>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </section>
       <!-- End Mountain Bike Area -->

@stop