@extends('front.layout.master')


@section('content')

    @if(@$sliders)
        <div class="hero">
            <div class="slider-hero owl-carousel owl-theme">

                @foreach(@$sliders as $slider)
                    <div class="item-slider" style="background: url('{{ url('image/' . $slider->image->path ) }}');background-repeat: no-repeat;background-size: cover;background-position: center;">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-6 mx-auto">
                                    <div class="hero-content">
                                        <h1 class="hero-title">{{ @$slider->subject }}</h1>
                                        <h3 class="hero-text">{{ @$slider->description }}</h3>
                                        @if(@$slider->url)
                                            <a class="hero-action" href="{{ @$slider->url }}" target="_blank">@lang('inquire_now')</a>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <ul class="hero-category">
                                @if($categories = getParentCatagory())
                                @foreach($categories as $category)
                                <li class="category-item">
                                    <a href="{{ route('posts.index' , ['c_id' => $category->id]) }}" class="category-link">{{$category->name}}<i class="far fa-chevron-right"></i></a>
                                    @if($childs = $category->childs()->get())
                                    <ul class="dropdown-category scroll">
                                        @foreach($childs as $child)
                                        <li>
                                            <a href="{{ route('posts.index' , ['c_id' => $child->id]) }}">{{ $child->name }}</a>
                                        </li>
                                        @endforeach
                                        @endif
                                    </ul>
                                </li>
                                    @endforeach
                            </ul>
                            @endif

                        </div>
                    </div>
                @endforeach

            </div>
        </div><!-- end:: hero -->
    @endif
    <section class="section">


        @if($posts->count())
            <div class="container">
                <div class="title-section">Latest Buy Leads</div>
                <div class="row padding-mobile-5">
                    @foreach($posts as $post)

                        <div class="col-lg-4 col-4"
                             onclick="window.location = '{{ route('posts.show' , ['id' => $post->id , 'name' => replace_space_str($post->subject)]) }}'">
                            <div class="entry-box-2">
                                <div class="entry-box-image">
                                    <a href="{{ route('posts.show' , ['id' => $post->id , 'name' => replace_space_str($post->subject)]) }}">
                                        <img src="{{ url('image/' . $post->image->path . '/360x208') }}"
                                             alt="{{ $post->subject }}"/>
                                    </a>
                                </div>
                                <div class="entry-box-body">
                                    <h3 class="entry-box-title">
                                        <a href="{{ route('posts.show' , ['id' => $post->id , 'name' => replace_space_str($post->subject)]) }}">
                                            @lang('wanted'): {{ $post->subject }}
                                        </a>
                                    </h3>
                                    <ul class="widget__item-metaDesc">

                                        <li class="date">
                                                <span class="icon">
                                                    <i class="far fa-clock"></i>
                                                </span>
                                            <span
                                                class="text">{{ convertFromDateToFormat($post->created_at , 'Y-m-d') }} </span>
                                        </li>
                                        <li>
                                                <span class="icon">
                                                    {!! $post->user->country->svg !!}
                                                </span>
                                            <span
                                                class="text">@lang('buyer_from') {{ ucfirst($post->user->country->name) }}</span>
                                            <span class="icon-check"><i class="fas fa-check-circle"></i></span>
                                        </li>

                                    </ul>
                                    <p class="entry-box-text">
                                        {{ strLimit($post->requirements , 200) }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
                <div class="text-center">
                    <button onclick="window.location = '{{ route('posts.index') }}'" class="general_btn_md">More of
                        Leads
                    </button>
                </div>
            </div>
        @endif

    </section>

    @if(isset($secondSliders) && $secondSliders->count())
        <section class="section section-blog">
            <div class="container">
                <div class="slider-blog owl-carousel owl-theme">
                    @foreach($secondSliders as $adv)
                        <div class="entry-box">
                            <div class="entry-box-stats">{{ @$adv->subject }}</div>
                            <div class="entry-box-image">
                                <a href="{{ @$adv->url??'#' }}">
                                    <img src="{{ url('image/' . $adv->image->path . '/360x240' ) }}" alt=""/>
                                </a>
                            </div>
                            <div class="entry-box-body">
                                <h3 class="entry-box-title">
                                    <a href="{{ @$adv->url??'#' }}">{{ @$adv->description }}</a>
                                </h3>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </section>
    @endif

    @if($products->count())
        <section class="section">
            <div class="container">
                <div class="title-section">@lang('latest_products')</div>
                <div class="row padding-mobile-5">

                    @foreach($products as $product)
                        <div class="col-lg-4 col-6">
                            <div class="entry-box-2">
                                <div class="entry-box-image">
                                    <a href="{{ route('product.show' , ['id' => $product->id , 'name' => replace_space_str($product->name)]) }}">
                                        <img src="{{ url('image/' . $product->image->path . '/360x208') }}"
                                             alt="{{ $product->name }}"/>
                                    </a>
                                </div>
                                <div class="entry-box-body">
                                    <h3 class="entry-box-title">
                                        <a href="{{ route('product.show' , ['id' => $product->id , 'name' => replace_space_str($product->name)]) }}">
                                            {{ $product->name }}
                                        </a>
                                    </h3>
                                    <ul class="widget__item-metaDesc">
                                        <li class="mr-2">
                                    <span class="data-rating">
                                        <span data-rating="5">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </span>
                                        <span class="number-rating">5.5</span>
                                    </span>
                                        </li>
                                        <li><span class="icon"> <img src="{{ asset( $product->user->country->icon ) }}"
                                                                     alt=""/></span><span
                                                class="text">@lang('supplier_from') {{ $product->user->country->name }}</span>
                                        </li>
                                    </ul>
                                    <p class="entry-box-text">
                                        {{ strLimit($product->description , 200 ) }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="text-center">
                    <button class="general_btn_md"
                            onclick="window.location = '{{ route('product.index') }}'">@lang('more_of_products')</button>
                </div>
            </div>
        </section>

    @endif




    <section class="section pt-0 pb-4">
        <div class="container">
            <div class="title-section mb-3">@lang('suppliers_by_region')</div>
            <div class="portlet">
                <div class="portlet__body">
                    <div class="row d-flex justify-content-center">
                        @if($countries->count())

                            @foreach($countries as $country)
                                <div class="col-6 col-lg-2" style="cursor: pointer" onclick="window.location = '{{ route('region.suppliers' , $country->id) }}'">
                                    <div class="widget__item-flag">
                                        <div class="widget__item-image">
                                            <img src="{{ asset( $country->icon ) }}"  alt=""/>
                                        </div>
                                        <div class="widget__item-title">{{ $country->name }}</div>
                                    </div>
                                </div>
                            @endforeach
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </section><!-- begin:: main-footer -->


@endsection