@extends('layouts._front.new_collection.layouts.app')
    
@section('content')
        <div class="main-part">
            <section class="banner-part" style="background: url('{{ url(PAGES_IMAGE_PATH.$pages->fldPagesImage)}}') no-repeat center center; background-size:cover;">
                <div class="container">
                    <div class="banner-inner">
                        <h2 class="text-uppercase">{!! $slug == "" ? $pages->fldPagesTitle == "" ? $pages->fldPagesName : $pages->fldPagesTitle : $category_details->fldCategoryName !!}</h2>
                    </div>
                </div>
            </section>
            <section class="feature-list-part">
                <div class="container">
                    <div class="feature-list-inner">
                        @php $nctr = 0; $products_modal_array = array(); $product_category_array = array();  $category_array = array(); $products_modal_string ='' ; @endphp
                        {!! Form::open(array('url' => '/collection', 'method' => 'post', 'id' => 'pageform', 'class' => 'row-fluid bill-info')) !!}
                            <div class="feature-list-search">
                                <div class="feature-list-search-left">
                                    <!-- Categories Dropdown -->
                                    <select id="category-select" onchange="window.location.href=this.value;">
                                        <option data-uk-sort="my-category" value="{{ url('collection') }}">Category</option>
                                        @foreach($category as $category_item)
                                            <option value="{{ url('collection/'.$category_item->fldCategorySlug) }}" data-uk-filter="{{$category_item->fldCategorySlug}}">
                                                {{ $category_item->fldCategoryName }}
                                            </option>
                                        @endforeach
                                    </select>

                                   <!-- Alphabetical Dropdown -->
                                    {{--<select id="sort-select" onchange="window.location.href=this.value;">
                                        <option value="{{ url('collection') }}" {{ empty($slug) || $slug != 'za' ? 'selected' : '' }}>Product Name (A-Z)</option>
                                        <option value="{{ url('collection/za') }}" {{ $slug == 'za' ? 'selected' : '' }}>Product Name (Z-A)</option>
                                    </select>--}}

                                    <!-- Alphabetical Dropdown -->
                                    <select id="sort-select" data-uk-dropdown>
                                        <option value="">Alphabetical</option>
                                                                                    <option onclick="azOrder();">Product Name (A-Z)</option>
                                            <option onclick="zaOrder();">Product Name (Z-A)</option>
                                                                            </select>

                                </div>
                                <div class="feature-list-search-right">
                                    <!-- <input type="search" name="search" placeholder="Search by name"> -->
                                    {!! Form::text('search', '', ['id' => 'search', 'required', 'placeholder' => 'Search By Name']) !!}
                                    <button class="input-go" type="submit" name="find"><i class="ion-ios-search ion"></i></button>
                                    {{--{!! Form::text('search', "", array('id' => 'search', 'required', 'placeholder' => 'Search By Name')) !!}
                                    <button class="input-go" type="submit" name="find">
                                        <i class="ion-ios-search ion"></i>
                                    </button>--}}
                                </div>
                            </div>
                        {!! Form::close() !!}
                        <div class="feature-list-show">
                            <div class="row">
                                @if (count($product) > 0)
                                    @foreach($product as $products)