1#@!#!123s

: / home / u193541357 / domains / senitap.com / public_html / resources / views / frontend /
Filename : product.blade.php
back
@extends('frontend.layouts.main')

@section('title') {{ $subCategoryDetails->name }} @stop
@section('heading') {{ $subCategoryDetails->name }} @stop

@section('content')
    <header>
    	<div class="headefr-fexid product_page_header" data-dsn-header="project">
    		<div class="bg" id="dsn-hero-parallax-img" data-dsn-ajax="img">
    			<div class="bg-image cover-bg" data-overlay="0"
    				data-image-src="{{ asset('uploads/product_categories/' . $subCategoryDetails->image_inner) }}"></div>
    		</div>
    		<div class="scroll" data-dsn-animate="ajax">
    			<span class="background"></span>
    			<span class="triangle"></span>
    		</div>
    		<div class="project-title" id="dsn-hero-parallax-title">
    			<div class="title-text-header">
    				<div class="cat">
    					<span>{{ $subCategoryDetails->category_name }}</span>
    				</div>
    				<span class="title-text-header-inner">
    					<span data-dsn-animate="ajax">{{ $subCategoryDetails->name }}</span>
    				</span>
    			</div>
    		</div>
    	</div>
    </header>
    
    <div class="wrapper product_page">
    	<div class="root-project">
    		<div class="container intro-project section-margin mb-50">
    			<div class="intro-text">
    				<div class="inner text-center">
    					<h2 data-dsn-animate="text">{{ $subCategoryDetails->slogan1 }}</h2>
    					<p data-dsn-animate="up" class="">{{ $subCategoryDetails->description }}</p>
    					@if($subCategoryDetails->slogan1)
    					<hr class="hr_with_dot">
    					@endif
    				</div>
    			</div>
    		</div>
    
    		@if($subCategoryDetails->slug === "smart-toilet")
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12 mb-20">
    					<img src="{{ asset('frontend_layout/images/It.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    			<div class="row">
    				<div class="col-12 mb-20">
    					<h3 class="text-center text-blue mb-20">WHY SMART</h3>
    					<hr class="hr_with_dot">
    				</div>
    				<div class="col-xl-6 xol-lg-6 col-md-12 col-sm-12 col-12 mb-20">
    					<h5 class="text-blue mb-20 subtitle">INTELLIGENT</h5>
    					<ul class="specifications">
    						<li>Feminine Washing</li>
                            <li>Seat Ring Heating</li>
                            <li>Warm-Air Drying</li>
                            <li>Rear Massage</li>
                            <li>Wireless Remote Control</li>
                            <li>LED Screen Display</li>
                            <li>Adjustable Seat Temperature</li>
                            <li>Adjustable Nozzle Position</li>
                            <li>Self-Cleaning Nozzle</li>
    					</ul>
    				</div>
    				<div class="col-xl-6 xol-lg-6 col-md-12 col-sm-12 col-12 mb-20">
    					<h5 class="text-blue mb-20 subtitle">HEALTH & HYGIENE</h5>
    					<ul class="specifications">
    						<li>Side Switch with Glowing</li>
                            <li>Rear Washing</li>
                            <li>Adjustable Wind Temperature</li>
                            <li>Adjustable Water Temperature</li>
                            <li>Power Outage Flushing</li>
                            <li>Foot Deductive Flushing</li>
                            <li>Soft Night Light</li>
                            <li>Strong-Soft Massage</li>
                            <li>Electrical Leakage Protection</li>
    					</ul>
    				</div>
    
    			</div>
    
    			<div class="row mt-50">
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it1.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">LOW WATER PRESSUER</h5>
                        <p class="text-black mb-0 mt-3 text-center">Inner tank design fits on low water pressure enviorment.Better effect of flushing and water saving.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it2.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">ONE-CLICK PAD CHANGE</h5>
                        <p class="text-black mb-0 mt-3 text-center">One Pad per person, to prevent cross-infection, making it feel more cleaner and safer, The upgraded toilet,
                            defend your health.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it3.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">LED DISPLAY</h5>
                        <p class="text-black mb-0 mt-3 text-center">HD Display is easy to see. A real-time display of all functions situation, brings an easier and more
                            comfortable using.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it4.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">SIDE KNOB OPERATING</h5>
                        <p class="text-black mb-0 mt-3 text-center">Creative lighting side knob, convenient using at night. Easier operation even for elder and child.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it5.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">HUMAN SENSING</h5>
                        <p class="text-black mb-0 mt-3 text-center">Set your hands frec by smart sensing device. Accurate and stable positioning.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it6.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">DEFECATION ASSIST</h5>
                        <p class="text-black mb-0 mt-3 text-center">Relieve constipation by vvarm water massage.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it7.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">IPX4 WATER PROOF</h5>
                        <p class="text-black mb-0 mt-3 text-center">The whole product is for IPX4 water proof. It is easier to be used in wet environment.</p>
                    </div>
                
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 mb-20">
                        <img src="{{ asset('frontend_layout/images/it8.jpg') }}" alt="" class="mb-10">
                        <h5 class="text-blue text-center fw500">POWER LEAKAGE
                            PROTECTION</h5>
                        <p class="text-black mb-0 mt-3 text-center">The plug of our smart toilet includes function of power Icakagc protection.lt will cut the power off as while
                            as leakage happens.</p>
                    </div>
                </div>
    		</div>
    		@endif
    		
    		@if($subCategoryDetails->slug === "concealed-cistern")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<!--<img src="{{ asset('frontend_layout/images/tankless.jpg') }}" alt="" class="mb-10">-->
    					<img src="{{ asset('frontend_layout/images/concealed.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		@if($subCategoryDetails->slug === "tankless-toilet")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/tankless.jpg') }}" alt="" class="mb-10">
    					<img src="{{ asset('frontend_layout/images/tankless2.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		@if($subCategoryDetails->slug === "one-piece-closet")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/one-piece-closet.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		<section class="our-services-2 section-margin-mobile mb-20">
    			<div class="container">
    				<div class="row">
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/3601.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">360° Vortex<br class="d-none d-md-block" /> Flush</h3>
    							</div>
    							<p class="text-gray">The unique edge design and flushing system flush the water to form a
    								vortex effect, flush the inner wall of the toilet in all directions, and effectively use
    								every drop of water to flush dirt.</p>
    						</div>
    					</div>
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/fullpipe.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Full pipe<br class="d-none d-md-block" /> glaze application</h3>
    							</div>
    							<p class="text-gray">The inner wall of the sewage pipe is glazed 360° in all directions to
    								ensure that the inner wall of the pipe is smooth and free from dirt.</p>
    						</div>
    					</div>
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/largepipe.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Large Sewage <br class="d-none d-md-block" />Pipe</h3>
    							</div>
    							<p class="text-gray">Large pipe design, the maximum diameter can reach 60mm. Ensure that the
    								sewage discharge is unobstructed, without clogging, and realize one flush.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/watersaving.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Water<br class="d-none d-md-block" /> Saving</h3>
    							</div>
    							<p class="text-gray">Dual-Flush design, one has strong impact and the other saves water,
    								effective use of water resources to achieve efficient water saving,
    								innovative one-key flushing design, only 3.5L per flush.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/urea.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Urea-Formaldehyde <br class="d-none d-md-block" />Cover</h3>
    							</div>
    							<p class="text-gray">The material is upgraded, and the compressive strength of the cover is
    								greatly improved. It is durable and has a gloss close to ceramic glaze. It
    								feels smooth and does not easily age and fade.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/highpressure.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">High-Pressure <br class="d-none d-md-block" />grouting</h3>
    							</div>
    							<p class="text-gray">The automatic high-pressure forming equipment will not cause any
    								damage to the strict requirements of each process, and strive for high
    								quality. every detail is a meticulous manufacturing.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/cefi.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Rimless Design &<br class="d-none d-md-block" />CeFiONtect</h3>
    							</div>
    							<p class="text-gray">Ceramic Toilet Bowl without hard-to-reach areas along the top edge &
    								Special hygienic glaze for a smooth ceramic surface.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/1280.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">1280° high <br class="d-none d-md-block" />temperature
    									calcination</h3>
    							</div>
    							<p class="text-gray">Contibuous high-temperature calcination improves the quality of the
    								ud, makes the ceramic body dense, the water absorption rate of the
    								ceramic surface is very low.</p>
    						</div>
    					</div>
    
    					<div class="col-lg-4 col-md-6 col-sm-12 col-12">
    						<div class="services-item selected product_page_blocks">
    							<div class="icon">
    								<img src="{{ asset('frontend_layout/images/diamond.png') }}" alt="">
    							</div>
    							<div class="services-header">
    								<h3 class="text-black">Diamond<br class="d-none d-md-block" /> Glaze</h3>
    							</div>
    							<p class="text-gray">10% of ormal cleaning time • 10% common cleaner • 10% of normal water,
    								Antibacterial, easy to clean, healthy. The scientific glaze formula guarantees the
    								hygienic and antibacterial properties of the surface</p>
    						</div>
    					</div>
    
    				</div>
    			</div>
    		</section>
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/higheff.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		@if($subCategoryDetails->slug === "one-piece-toilet-art")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/onepircetoiletart.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		@if($subCategoryDetails->slug === "basin-pedistal")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/basinpadistal.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		@if($subCategoryDetails->slug === "urinal-collection")
    
    		<div class="container mb-50">
    			<div class="row">
    				<div class="col-12">
    					<img src="{{ asset('frontend_layout/images/urinal_collection.jpg') }}" alt="" class="mb-10">
    				</div>
    			</div>
    		</div>
    
    		@endif
    
    		<div class="container-fluid gallery-col mobile-margin">
    			<div class="row">
    				@if(!empty($productList->toArray()))
    				@foreach($productList as $product)
    				<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 box-im mobile-padding">
    					<div class="image-zoom" data-dsn="parallax">
    						<a class="single-image"
    							href="{{ asset('uploads/products/' . $product->category_id . '/' . $product->image) }}">
    							<img src="{{ asset('uploads/products/' . $product->category_id . '/' . $product->image) }}"
    								alt="" title="{{$product->name}}" />
    						</a>
    						<div class="caption"><span>{{ $product->code }}</span></div>
    						<div class="caption_des">{{ $product->name }}</div>
    					</div>
    				</div>
    				@endforeach
    				@endif
    			</div>
    		</div>
    	</div>
    </div>
@endsection