HOME

Mini Shell 1.0
DIR:/home/drishtigems.com/www/resources/views/templates/s-cart-light/screen/
Current File : //home/drishtigems.com/www/resources/views/templates/s-cart-light/screen/jeweller_design.blade.php
@extends($sc_templatePath.'.layout')

@section('block_main_content_center')
   
@if(count($categories)) 
<section class="jewellery-design-banner">
    <div class="container">
	
        <div class="row">
		  @foreach($categories AS $cat)
			@if(strtoupper($cat->title)=='RING' || strtoupper($cat->title)=='PENDANT' || strtoupper($cat->title)=='CUSTOMIZED DESIGNS' || strtoupper($cat->title)=='BRACELET')  
            <div class="col-sm-3">
                <a href="{{ $cat->getUrl() }}">  
                    <figure>
                        <img src="{{ sc_file($cat->getThumb()) }}" alt="{{ $cat->image }}">
                    </figure>
                    <h4>{{ $cat->title }}</h4>  		
                </a>
            </div> 
			@endif 	
		  @endforeach
        </div>
    </div>
</section>
@endif  

<section class="jewelDesigns">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="title mrb-20">
                    <h2>our gemstone jewellery designs</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores debitis aliquam, eaque
                        quaerat ut
                        maxime reprehenderit possimus. Ipsa laborum ea iusto praesentium. Corrupti, illum eum et commodi
                        amet dicta quae. Vel explicabo error beatae ratione quibusdam sapiente neque pariatur quae?</p>
                </div>
                <!--/ title -->

                <div id="jd-ring">
                    <div class="product-top-panel group-md">
                        <h4>RING DESIGNS</h4>
                        <div class="row">
                            <div class="col-sm-5 left">
                                <!-- Render pagination result -->
                                <p class="product-top-panel-title">
                                    <strong>
                                        {{$item_count1}} Products 
                                    </strong>
                                </p>
                                <!--// Render pagination result -->
                            </div>
                            <div class="col-sm-7 right">
                                <!-- Render products filter -->
                                <form name="filter_sort1" action="{{ sc_route('jewel-designs') }}" method="GET"
                                    id="filter_sort" class="filter-adjust">
                                    <div class="filter-box">
                                        <label>View by:</label>
                                        <select id="sub_category1" class="form-control" name="sub_category1">
											<option value="">Category</option>  
											@foreach($sub_categories1 as $sub_category1)
											<option value="{{$sub_category1->id}}" {{ ($sub_category1->id==$subcategory_1)?'selected':'' }}>{{$sub_category1->title}}</option>
											@endforeach  
										</select>  

                                        <label>Sort by:</label>
                                        <select class="form-control metal" name="metal">
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                        </select>

                                        <select class="form-control" id="weight_1" name="weight_1">  
											<option value="">Weight</option>
											@foreach($weights_1 AS $weight_1)
											<option value="{{$weight_1->weight_carat}}" {{ ($weight_1->weight_carat==$weight_scale1)?'selected':'' }}>{{$weight_1->weight_carat}} ct</option>
											@endforeach   
										</select>
                                    </div>
                                </form>

                                <!--// Render products filter -->
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="product-page">
                                <div class="row" id="ajax_it">
                                    @foreach($items_1 AS $item_1)
                                    <div class="col-sm-3 coll-pd product_page_div">
                                        <!-- Render product single -->

                                        <article class="product wow fadeInRight"
                                            style="visibility: visible; animation-name: fadeInRight;">
                                            <div class="product-body">
                                                <div class="product-figure">
                                                    <a href="{{ $item_1->getUrl() }}">
                                                        <img src="{{ sc_file($item_1->getImage()) }}"
                                                            alt="{{ $item_1->name }}">
                                                    </a>
                                                </div>
                                                <h5 class="product-title"><a href="{{ $item_1->getUrl() }}">
                                                        {{$item_1->name}} </a></h5>  

                                                <p class="product-origin"><strong>Species:</strong>
                                                    {{ $item_1->origin }} </p>

                                                <div class="product-price-wrap">
                                                    <div class="product-price">{{ sc_currency_render($item_1->price) }} </div>
                                                </div>
                                            </div>

                                            <div class="product-button-wrap">

                                                <div class="product-button">
                                                    <a title="Play Video" class="button button-primary button-zakaria">
                                                        <i class="fa fa-play-circle-o"></i> </a>
                                                </div>
                                                <div class="product-button Wishlist">
                                                    <a title="Add to Wishlist"
                                                        class="button button-secondary button-zakaria wishlist_button"
                                                        onclick="addToCartAjax('{{ $item_1->id }}','wishlist','{{ $item_1->store_id }}',this)">
                                                        <i class="fa fa-heart" style=""></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </article>
                                        <!-- //Render product single -->
                                    </div>
                                    @endforeach
                                </div>

                            </div>

                        </div>
                    </div>
                    @if(count($items_1)>0)  
					@include($sc_templatePath.'.common.pagination', ['items' => $items_1])    
					@endif   

                </div>

                <div id="jd-pendant">
                    <div class="product-top-panel group-md">
                        <h4>Pendant Designs</h4>
                        <div class="row">
                            <div class="col-sm-5 left">
                                <!-- Render pagination result -->
                                <p class="product-top-panel-title">
                                    <strong>
                                       {{$item_count2}} Products  
                                    </strong>
                                </p>
                                <!--// Render pagination result -->
                            </div>
                            <div class="col-sm-7 right">
                                <!-- Render products filter -->
                                <form action="" method="GET" id="filter_sort" class="filter-adjust">
                                    <div class="filter-box">
                                        <label>View by:</label>
                                        <select id="sub_category2" class="form-control" name="sub_category2">
											<option value="">Category</option>  
											@foreach($sub_categories2 as $sub_category2)
											<option value="{{$sub_category2->id}}" {{ ($sub_category2->id==$subcategory_2)?'selected':'' }}>{{$sub_category2->title}}</option>
											@endforeach  
										</select>     


                                        <label>Sort by:</label>
                                        <select class="form-control metal" name="metal">
                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                        </select>

                                        <select class="form-control" id="weight_2" name="weight_2">  
											<option value="">Weight</option>
											@foreach($weights_2 AS $weight_2)
											<option value="{{$weight_2->weight_carat}}" {{ ($weight_2->weight_carat==$weight_scale2)?'selected':'' }}>{{$weight_2->weight_carat}} ct</option>
											@endforeach   
										</select>   
                                    </div>
                                </form>

                                <!--// Render products filter -->
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="product-page">
                                <div class="row" id="ajax_it">
                                    @foreach($items_2 AS $item_2)
                                    <div class="col-sm-3 coll-pd product_page_div">
                                        <!-- Render product single -->

                                        <article class="product wow fadeInRight"
                                            style="visibility: visible; animation-name: fadeInRight;">
                                            <div class="product-body">
                                                <div class="product-figure">
                                                    <a href="{{ $item_2->getUrl() }}">
                                                        <img src="{{ sc_file($item_2->getImage()) }}"
                                                            alt="{{$item_2->name}}">
                                                    </a>
                                                </div>
                                                <h5 class="product-title"><a href="{{ $item_2->getUrl() }}">
                                                        {{$item_2->name}} </a></h5>

                                                <p class="product-origin"><strong>Species:</strong>
                                                    {{ $item_2->origin }} </p>

                                                <div class="product-price-wrap">
                                                    <div class="product-price">{{ sc_currency_render($item_2->price) }}</div>
                                                </div>
                                            </div>

                                            <div class="product-button-wrap">

                                                <div class="product-button">
                                                    <a title="Play Video" class="button button-primary button-zakaria">
                                                        <i class="fa fa-play-circle-o"></i> </a>
                                                </div>
                                                <div class="product-button Wishlist">
                                                    <a title="Add to Wishlist"
                                                        class="button button-secondary button-zakaria wishlist_button"
                                                        onclick="addToCartAjax('{{ $item_2->id }}','wishlist','{{ $item_2->store_id }}',this)">
                                                        <i class="fa fa-heart" style=""></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </article>
                                        <!-- //Render product single -->
                                    </div>
                                    @endforeach
                                </div>

                            </div>
                        </div>
                    </div>
                    @if(count($items_2)>0)  
					@include($sc_templatePath.'.common.pagination', ['items' => $items_2])     
				    @endif 
                </div>


                <div id="jd-bracelet">
                    <div class="product-top-panel group-md">
                        <h4>Bracelet Designs</h4>
                        <div class="row">
                            <div class="col-sm-5 left">
                                <!-- Render pagination result -->
                                <p class="product-top-panel-title">
                                    <strong>
                                       {{$item_count3}} Products     
                                    </strong>
                                </p>
                                <!--// Render pagination result -->
                            </div>
                            <div class="col-sm-7 right">
                                <!-- Render products filter -->
                                <form action="" method="GET" id="filter_sort" class="filter-adjust">
                                    <div class="filter-box">
                                        <label>View by:</label>
                                        <select id="sub_category3" class="form-control" name="category_name"> 
											<option value="">Category</option>    
											@foreach($sub_categories3 as $sub_category3)
											<option value="{{$sub_category3->id}}" {{ ($sub_category3->id==$subcategory_3)?'selected':'' }}>{{$sub_category3->title}}</option>
											@endforeach  
										</select> 


                                        <label>Sort by:</label>
                                        <select class="form-control metal" name="metal">

                                            <option value="gold">Gold</option>
                                            <option value="platinum">Platinum</option>
                                        </select>

                                        <select class="form-control" id="weight_3" name="weight_3">  
											<option value="">Weight</option>
											@foreach($weights_3 AS $weight_3)
											<option value="{{$weight_3->weight_carat}}" {{ ($weight_3->weight_carat==$weight_scale3)?'selected':'' }}>{{$weight_3->weight_carat}} ct</option>
											@endforeach     
										</select>   
                                    </div>
                                </form>

                                <!--// Render products filter -->
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="product-page">
                                <div class="row" id="ajax_it">

                                    @foreach($items_3 AS $item_3)
                                    <div class="col-sm-3 coll-pd product_page_div">
                                        <!-- Render product single -->

                                        <article class="product wow fadeInRight"
                                            style="visibility: visible; animation-name: fadeInRight;">
                                            <div class="product-body">
                                                <div class="product-figure">
                                                    <a href="{{ $item_3->getUrl() }}">
                                                        <img src="{{ sc_file($item_3->getImage()) }}"
                                                            alt="{{$item_3->name}}">
                                                    </a>
                                                </div>
                                                <h5 class="product-title"><a href="{{ $item_3->getUrl() }}">
                                                        {{$item_3->name}} </a></h5>

                                                <p class="product-origin"><strong>Species:</strong>
                                                    {{ $item_3->origin }} </p>

                                                <div class="product-price-wrap">
                                                    <div class="product-price">{{ sc_currency_render($item_3->price) }}</div>
                                                </div>
                                            </div>

                                            <div class="product-button-wrap">

                                                <div class="product-button">
                                                    <a title="Play Video" class="button button-primary button-zakaria">
                                                        <i class="fa fa-play-circle-o"></i> </a>
                                                </div>
                                                <div class="product-button Wishlist">
                                                    <a title="Add to Wishlist"
                                                        class="button button-secondary button-zakaria wishlist_button"
                                                        onclick="addToCartAjax('{{ $item_3->id }}','wishlist','{{ $item_3->store_id }}',this)">
                                                        <i class="fa fa-heart" style=""></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </article>
                                        <!-- //Render product single -->
                                    </div>
                                    @endforeach
                                </div>

                            </div>
                        </div>
                    </div>
                    @if(count($items_3)>0)  
					@include($sc_templatePath.'.common.pagination', ['items' => $items_3])       
				    @endif    
                </div>
            </div>
        </div>
    </div>
</section>

<div id="jd-customized">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="title mrb-20">
                    <h3>Customized Designs</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="customized-box">
					@foreach($items_4 AS $item_4)    
                    <div class="customized-box1 box">
                        <figure>                             
							<img src="{{ sc_file($item_4->getImage()) }}" alt="{{$item_4->name}}">
                        </figure>
                    </div>
					@endforeach                       
                </div>                 
				@if(count($items_4)>0)  
				@include($sc_templatePath.'.common.pagination', ['items' => $items_4])  
				@endif   
            </div>
        </div>
    </div>
</div>

<div class="let-us-help">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h3>Still not sure if this Gemstone is good for you? Let us help.</h3>

                <p><a class="btn" href="tel:+91 7725077250">Call our Experts: +91 7725077250</a> <a class="btn"
                        href="{{sc_route('contact')}}">Contact Us</a></p>
            </div>
        </div>
    </div>
</div>


@endsection

@push('styles')
<style>

.product-page .product{min-height:381px !important}
</style>
@endpush

@push('scripts')
<script>
$(document).ready(function() {
    $('a').click(function(e) {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top
        }, 1000);
    });

    $(document).on("change", "#weight_1", function() {
        $("form[name='filter_sort1']").submit();
    });

});
</script>
@endpush