@extends('layouts.frontend')

@section('content')
    @include('frontend.search.products')
    <div class="row" id="categories">
        <div class="col-md-12">
            <h3 class="page-header">PAR CATÉGORIES</h3>
        </div>
        {{-- <div class="col-md-12">
            <div class="panel panel-default">
                 <div class="panel-body">
                    
                    <span id="categories_container_l0" class="col-md-4">
                        <select name="category_id_l0" id="category_id_l0" class="form-control select2 w100">
                            <option value="">Sélectionnez une catégorie...</option>
                            @foreach($categories as $key => $category)
                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </span>
                    <span id="categories_container_l1" class="col-md-4">
                        
                    </span>
                    <span id="categories_container_l2" class="col-md-4">

                    </span>
                 </div>
            </div>
        </div> --}}
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            @foreach($categories as $key => $category)
                <div class="panel panel-default">
                    <a href="#" class="category">
                    <div class="panel-heading">
                        @if(isset($category->image) && !empty($category->image))
                            <img src="{{ asset('storage/categories/' . $category->image) }}" class="" style="width: 50px">
                        @else
                            <img src="{{ asset('images/no-photo.jpg') }}" style="width: 50px;">
                        @endif
                        {{ $category->name }} 
                        <i class="fa fa-chevron-down pull-right" aria-hidden="true"></i>
                    </div>
                    </a>
                    <div class="panel-body sub-categories" style="display: none;">
                        <ul>
                            @foreach($category->subs as $subCategory)
                                <li><a href="{{ route('categories.show', $subCategory->slug) }}">{{ $subCategory->name }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                @if($key == 6)
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                @endif
            @endforeach
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h3 class="page-header">NOUVEAUX PRODUITS</h3>
        </div>
        @foreach($last_products as $product)
            {{-- <div class="col-md-2 col-sm-4">
                <div class="thumbnail product-thumbnail text-center">
                    @include('shared.product-image')
                    <p class="product-name">
                        <strong>
                            <a href="{{ route('companies.products.show', [$product->company, $product]) }}">{{ $product->name }}</a>
                        </strong>
                        <br>
                        {{ $product->ref }}
                    </p>
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <a href="{{ route('companies.products.index', $product->company) }}">
                                @include('shared.brand-logo', ['brand' => $product->brand, 'width' => '80px;'])
                            </a>
                        </div>
                    </div>
                </div>
            </div> --}}
            @include('frontend.products._product')
        @endforeach
    </div>

    <div class="row">
        <div class="col-md-12">
            <h3 class="page-header">NOUVEAUX PROJETS</h3>
        </div>
        @foreach($last_projects as $project)
            @include('frontend.projects._project')
        @endforeach
    </div>

    <div class="row">
        <div class="col-md-12">
            <h3 class="page-header">NOUVEAUX TRENDS</h3>
        </div>
        @foreach($last_trends as $trend)
            @include('frontend.trends._trend')
        @endforeach
    </div>

    {{-- <div class="row">
        <div class="col-md-12">
            <h3 class="page-header">E-MAGAZINE</h3>
        </div>
        @foreach([1, 2] as $col)

            <div class="col-md-6 col-sm-6">
    		<span class="thumbnail text-center">
      			<img src="http://placehold.it/800x300" alt="...">
      			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab blanditiis cupiditate, ducimus ea explicabo iste molestias perspiciatis recusandae repudiandae ullam! Amet distinctio eligendi libero, molestiae non perspiciatis possimus quod veritatis.</p>
    		</span>
            </div>


        @endforeach
    </div> --}}
@endsection