@extends('layouts._front.category')

@section('content')
   @php $nctr = 0; $products_modal_array = array(); $product_category_array = array();  $category_array = array(); $products_modal_string ='' ; @endphp
   {{-- Form::open(array('url' => '/images', 'method' => 'post', 'id' => 'pageform', 'class' => 'row-fluid bill-info')) --}}
   {!! Form::open(array('url' => '/collection', 'method' => 'post', 'id' => 'pageform', 'class' => 'row-fluid bill-info')) !!}
	<div class="uk-container uk-container-center uk-margin-medium-bottom">
  <article id="main" role="main">
    <div class="uk-grid">
      <div class="uk-width-1-1 uk-margin-medium-bottom">
        <div class="uk-grid">
            <div class="uk-width-medium-6-10 filter-section uk-width-1-1 uk-width-medium-1-1 uk-margin-medium-top">
           <label class="uk-display-inline uk-margin-medium-right light light-grey">Display By: </label>
           <div class="uk-button-dropdown" data-uk-dropdown>
              <button class="uk-button lato uk-button-trans " type="button">{{ $slug== "" ? "Category" : $category_details->fldCategoryName  }}<i class="ion ion-android-arrow-dropdown uk-margin-small-left"></i></button>
              <div class="uk-dropdown uk-dropdown-small">
                <ul id="products_category" class="uk-nav uk-nav-dropdown bg-dark filter-btn">

            @if($slug!= "")
    			<li class="uk-active" data-uk-sort="my-category" onclick="location.href='{{url("collection")}}';">
    				<a href="{!!url('images')!!}">Category</a>
    			</li>
            @endif

            @foreach($category as $category_item)
                <!--<li class="uk-active" data-uk-sort="my-category">-->
                <li class="uk-active" data-uk-filter="{{$category_item->fldCategorySlug}}" onclick="location.href='{{url("collection/".$category_item->fldCategorySlug)}}';">
                    @if($category_item->fldCategorySlug!=$slug)
                        <!--<a href="{!!url('images/'.$category_item->fldCategorySlug)!!}">{{$category_item->fldCategoryName}}</a>-->
                        <a href="javascript:void(0)">{{$category_item->fldCategoryName}}</a>
                    @endif
                </li>
                            @endforeach

                </ul>
              </div>
            </div>
            <div class="uk-button-dropdown  uk-margin-small-left" data-uk-dropdown>
              <button class="uk-button uk-button-trans lato"  type="button">Alphabetical <i class="ion ion-android-arrow-dropdown uk-margin-small-left"></i></button>
              <div class="uk-dropdown uk-dropdown-small">
                <ul id="products_sort" class="uk-nav uk-nav-dropdown bg-dark filter-btn">
                                            <li class="uk-active"><a href="#" onclick="azOrder();">Product Name (A-Z)</a></li>
                        <li><a href="#" onclick="zaOrder();">Product Name (Z-A)</a></li>
                                    </ul>
              </div>
            </div>

          </div>

          <div class="uk-width-medium-4-10  uk-width-1-1 bg-black input-100 uk-margin-medium-top">
            <div class="text-wrapper uk-width-small-1-2 uk-width-1-1 uk-float-right">

                {!! Form::text('search',"",array('id'=>'search','required','class'=>'uk-padding-medium-left','placeholder'=>'Search By Name')) !!}
                <button class="input-go" type="submit" name="find"><i class="ion-ios-search ion"></i></button>

            </div>
          </div>

        </div>
      </div>

    </div>
  </article>
</div><!--container -->
{!! Form::close() !!}
<div class="gallery-style-1">
  <div class="uk-grid oading-products"  id="products">
        <div class="uk-width-1-1 product-container uk-margin-medium-bottom uk-margin-medium-top horizontal-count-{{count($product_vertical)}}">
           @if (count($product) > 0)
             <div class="uk-grid-width-small-1-2 uk-grid-width-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4 tm-grid-heights uk-masonry-gallery" data-uk-grid="{gutter: 20, controls: '.filter-btn'}">
              @foreach($product as $products)