Admin Control Panel v2.0

✎ Editing: product_details.blade.php ← Back

@extends('layouts.frontend.master')
@section('metatags')
	<meta name="description" content="{{ (!empty($productCollection->product_meta_description))?$productCollection->product_meta_description:$websiteSettings->career_meta_description }}" />
	<meta name="keywords" content="{{ (!empty($productCollection->product_meta_keyword))?$productCollection->product_meta_keyword:$websiteSettings->career_meta_keyword }}" />
	<meta name="author" content="{{ (!empty($productCollection->product_meta_author))?$productCollection->product_meta_author:$websiteSettings->career_meta_author }}" />

@stop

@section('seoPageTitle')
<title><?php echo (!empty($productCollection->product_seo_title) )? $productCollection->product_seo_title:$websiteSettings->career_page_title ;?></title>
@stop

@section('content')

<div class="midle-main inner-main">
<div class="container">
<div class="row">
<div class="col-sm-9 col-md-9 left-sect  animated wow fadeInRight">
<div class="solution">
<?php if(!empty($breadCrumbs)) { ?>
	<div class="breadcrumbsWrap">
		{{ $breadCrumbs }}
		<div class="clearfix"></div>
	</div>
<?php //echo '<pre>';print_r($productCollection);exit;
} ?>

<div class="clearfix"></div>                                
<div class="prdocts-main">
<div class="prd-detail">
	<div class="product-view">
		<div class="row">
			<div class="col-sm-5">
				<div id="gallery-scroll" class="owl-carousel owl-theme">
				   <?php if(!empty($productGal)){?>
						<?php foreach($productGal as $galList){?>
						<div class="item">
							<img src="<?php echo asset('assets/uploads/products/recomended/'.$galList->pg_image_name );?>" class="img-responsive">
						</div>
						<?php } ?>
					<?php }else{ ?>
					<div class="item">
					<img src="{{asset('assets/images/no-image.jpg' )}}">
					</div>	
				<?php } ?>
				</div>
			</div>
			<div class="col-sm-7">
				<div class="prd-detail-box">
					<div class="prd-name">{{(($lang=='ar')?$productCollection->product_title_arabic:$productCollection->product_title)}} </div>
					{{(($lang=='ar')?$productCollection->product_short_content_arabic:$productCollection->product_short_content)}} 
				</div>
			</div>
		</div>
	</div>
	<?php 
		
		$overview=(($lang=='ar')?$productCollection->product_overview_arabic:$productCollection->product_overview);
		$function=(($lang=='ar')?$productCollection->product_function_arabic:$productCollection->product_function);
		$specification=(($lang=='ar')?$productCollection->product_specification_arabic:$productCollection->product_specification);
		$active='';					
					 
	?>

<div class="prd-specification">

		<ul class="nav nav-tabs" role="tablist">
			<?php
			$active=false;$i=0;
			$tabs=array('overview'=>$overview,
						'function'=>$function,
						'specification'=>$specification,
						'configuration'=>$productCollection->product_configuration_image,
						'package'=>$productpack,
						'download'=>$productDownload);
				foreach($tabs as $key=>$val){
					
					if(!empty($val)){
						$i++;	
					if($i==1){
						$activeRule=$key;
					}						
						$active=($i==1)?true:false;
						echo '<li role="presentation " class="'.(($active==true)?'active':'').'"><a href="#'.ucwords($key).'"  role="tab" data-toggle="tab">'. Lang::get('messages.'.$key) .' </a></li>';			
					}
				}
				/* if(!empty($overview)){
					$active="active";					
					echo '<li role="presentation" class="'.$active.'"><a href="#Overview"  role="tab" data-toggle="tab">'. Lang::get('messages.overview') .' </a></li>';			
					$active="Deactive";
				}
				if(!empty($function)){
					if($active==''){$active="active";}					
					echo '<li role="presentation" class="'.$active.'"><a href="#Function"  role="tab" data-toggle="tab">'.Lang::get('messages.function') .' </a></li>';			
					$active="Deactive";
				}
				if(!empty($specification)){
					if($active==''){$active="active";}						
					echo '<li role="presentation" class="'.$active.'" > <a href="#Specification"  role="tab" data-toggle="tab">'. Lang::get('messages.specification').'</a></li>';			
					$active="Deactive";
				}
				if(!empty($productCollection->product_configuration_image)){
					if($active==''){$active="active";}						
					echo '<li role="presentation" class="'.$active.'"><a href="#Configuration"  role="tab" data-toggle="tab">'.Lang::get('messages.configuration').'</a></li>';			
					$active="Deactive";
				}
				if(!empty($productpack)){
						if($active==''){$active="active";}						
						echo '<li role="presentation" class="'.$active.'"><a href="#Package"  role="tab" data-toggle="tab">'. Lang::get('messages.package') .'</a></li>';			
						$active="Deactive";
				}
				if(!empty($productDownload)){
						if($active==''){$active="active";}						
						echo '<li role="presentation" class="'.$active.'"><a href="#Download"  role="tab" data-toggle="tab">'. Lang::get('messages.download') .'</a></li>';			
						$active="Deactive";
				} */
			?>								
			</ul>

<div class="tab-content">
		<?php if(!empty($overview)){?>
				<div role="tabpanel" class="tab-pane <?php echo ($activeRule=='overview')?'active':'' ?>" id="Overview">
					<?php 
					
					if(!empty($overview)){
						echo $overview;
					}else{
						echo '<span class="noMessage">No details found<span>';
					}
					?>
				</div>
		<?php } ?>
		<?php if(!empty($function)){?>	
				<div role="tabpanel" class="tab-pane <?php echo ($activeRule=='function')?'active':'' ?>" id="Function">
					
                     <?php 
					 
					
					 if(!empty($function)){
						echo $function;
					}else{
						echo '<span class="noMessage">'.Lang::get('messages.no_details_found').'<span>';
					}
					?>
				</div>
		<?php } ?>
		<?php if(!empty($specification)){?>
				<div role="tabpanel" class="tab-pane <?php echo ($activeRule == 'specification')? 'active':'' ?>" id="Specification">
				
				 <?php 
				 	
				 if(!empty($specification)){
						echo $specification;
					}else{
						echo '<span class="noMessage">'.Lang::get('messages.no_details_found').'<span>';
					
					}
					?>
				</div>
		<?php } ?>
		<?php if(!empty($productCollection->product_configuration_image)){?>
				<div role="tabpanel" class="tab-pane <?php echo ($activeRule=='configuration')?'active':'' ?>" id="Configuration">
					<?php if(!empty($productCollection->product_configuration_image)){?>
						<img src="<?php echo asset('assets/uploads/products/'.$productCollection->product_configuration_image);?>" class="img-responsive">';
					<?php }else{
						echo '<span class="noMessage">'.Lang::get('messages.no_details_found').'<span>';
					
					}
					?>
					
				</div>
		<?php } ?>
		<?php if(!empty($productpack)){?>		
				<div role="tabpanel" class="tab-pane <?php echo ($activeRule=='package')?'active':'' ?>" id="Package">
					<div class="row">
					  <?php foreach($productpack as $packList){?>
						<div class="col-md-3 col-sm-6">
							<div class="package-item">
								<div class="img1">
								<img src="<?php echo asset('assets/uploads/products/small/'.$packList-> pp_image_name ) ?>" > </div>
								<?Php if(!empty($packList-> pp_name_arabic) || !empty($packList-> pp_name)){ ?>
								<h4>{{(($lang=='ar')?$packList-> pp_name_arabic:$packList-> pp_name)}} </h4>
								<?php } ?>
							</div>
						</div>
					  <?php } ?>
					</div>
				</div>
		<?php } ?>
		<?php if(!empty($productDownload)){?>
			<div role="tabpanel" class="tab-pane <?php echo ($activeRule=='download')?'active':'' ?>" id="Download">
				<?php foreach($productDownload as $pdList){?>
				<div class="down-list">
					<div class="col-sm-7">
						<div class="down-img"> 
							<?php if($pdList->ppd_image_name){?>
								<img src="{{asset('assets/uploads/products/pdf/image/small/'.$pdList->ppd_image_name )}}">
							<?php } else{?>
								<img src="{{asset('assets/images/no-image.jpg' )}}">
							<?php } ?>
							
						</div>
						<div class="down-det">
							<h4>{{(($lang=='ar')?$pdList->ppd_label_arabic:$pdList->ppd_label)}}</h4>
							<div class="file-size">
								<span>{{ $pdList->ppd_size  }} Mb</span>
								<span> {{(($lang=='ar')?$pdList->page_name_arabic:$pdList->page_name)}} </span>
							</div>
						</div>
					</div>
					<div class="col-sm-5"> 
						<div class="date-down">
							<div class="date-text">{{ date('Y-m-d',strtotime($pdList->ppd_date));   }}</div>
							<?php if(!empty($pdList->ppd_pdf_name)){?><div class="download"> <a href="{{asset('download-file/'.$pdList->ppd_id )}}">{{ Lang::get('messages.download'); }} </a></div><?php } ?>
							<?php /*if(!empty($pdList->ppd_pdf_name)){?><div class="download"> <a href="{{asset('download-file/'.$pdList->ppd_pdf_name )}}">{{ Lang::get('messages.download'); }} </a></div><?php } ?>
							<?php /*if(!empty($pdList->ppd_pdf_name)){?><div class="download popup"><a href="<?php echo (!empty($userFormData))?asset('download-file/'.$pdList->ppd_pdf_name.'?pr='.$pdList->ppd_label  ):'#divFormProduct'; ?>"  class="btnFormProduct" data-id="{{ $pdList->ppd_id }}" data-name="{{ $pdList->ppd_label }}">{{ Lang::get('messages.download'); }} </a></div><?php } */?>			
							</div> 
					</div>
				</div>
				<?php } ?>

</div>
		<?php } ?>

</div>
</div>

<?php if(!empty($relatedProducts )){?>
		<div class="related-product  animated wow fadeInDown">
			<h3>Related Products</h3>
			<div class="row related-row">
			   <?php foreach($relatedProducts as $rlProduct){?>
				<a href="{{asset('product-details/'.$rlProduct->product_alias) }}">
				<div class="col-sm-6 col-md-3 col-rel">
					<div class="related-item">
					<div class="img">
						<?php if($rlProduct->pg_image_name){?>
											<img src="{{asset('assets/uploads/products/small/'.$rlProduct->pg_image_name )}}">
										<?php } else{?>
											<img src="{{asset('assets/images/no-image.jpg' )}}">
										<?php } ?>
					</div>
						<h4>{{(($lang=='ar')?$rlProduct->product_title_arabic:$rlProduct->product_title)}} </h4>
					</div>
				</div>
				</a>
			   <?php } ?>
				
			</div>
		</div>
		 <?php } ?>

</div>

</div>
</div>

<div class="col-sm-3 col-md-3 right-sect animated wow fadeInLeft">
			<aside class="side-block">
				<h2>{{ $current_parent_menu }}</h2>
				{{ get_sub_menu_helper($subMenuList,$currentPageAlias,$nearestParent,$lang)}}					
			</aside>
		</div>

</div>

</div>

	<div id="divFormProduct" class="popupDownload" style="display:none;width:500px;">
		<div class="solution-inner right-in">
			<div class="col-sm-12"><h4>{{ Lang::get('messages.fillToDownload'); }}</h4></div>
			<div class="downloadMsg" ></div>
			{{ Form::open(array('url' => '','class'=>'online-form','id'=>'downloadFormProduct')) }}
			    <input type="hidden" name="file_id" id="file_id" />
				 <input type="hidden" name="file_name" id="file_name" />
				<div class="form-group">
					<div class="row">
						<div class="col-sm-6"><label for="exampleInputEmail1">{{ Lang::get('messages.name'); }}</label> 
							<input type="text" class="form-control" value="{{ Input::old('name') }}" id="name" name="name" placeholder="{{ Lang::get('messages.name_place'); }}"   >                                
						</div>
						<div class="col-sm-6"><label for="exampleInputName1">{{ Lang::get('messages.company_name'); }}</label> 
							<input type="text"  class="form-control" id="companyName" value="{{ Input::old('companyName') }}" name="companyName"   placeholder="{{ Lang::get('messages.company_name_place'); }}" >                                
						</div>
					</div>
				</div>

<div class="form-group">
					<div class="row">
						<div class="col-sm-6"><label for="exampleInputEmail1">{{ Lang::get('messages.email'); }}</label> 
							<input type="text" class="form-control" id="email" value="{{ Input::old('email') }}" name="email"   placeholder="{{ Lang::get('messages.email_place'); }}" >                                
						</div>
						<div class="col-sm-6"><label for="exampleInputEmail1">{{ Lang::get('messages.phone'); }}</label> 
							<input type="text" class="form-control" id="phone" name="phone" value="{{ Input::old('phone') }}"   placeholder="{{ Lang::get('messages.phone_place'); }}" >
						</div>
					</div>
				</div>

<div class="form-group">
                	<div class="row">
                    	<div class="col-sm-9">
                        	<div class="captcha clearfix">
                                <div class="code"> <img src="<?php echo asset('/captcha')?>" id="captchaImageProduct"></div>
                                <div class="refresh">  <i class="fa fa-refresh refreshIcon"></i> </div>
                                <div class="input1"><input type="text" placeholder="Code" class="form-control" id="captcha" name="captcha"> </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                        	<input class="btn btn-primary submit" type="submit" name="submit_to_download_product" id="submit_to_download_product" value="submit"/>
                        </div>
                    </div>
					
					
				</div>																				
			</form>
		</div>												
	</div>
   
@stop
@section('scripts')
@parent
<script type="text/javascript">
var formFilled = <?php $temp = Session::get('downloadFormData'); echo (!empty($temp))?'true':'false'; ?>;
$(document).ready(function(){
    
 	$('.btnFormProduct').on('click',function(){
		var id=$(this).attr('data-id');
		var fileName=$(this).attr('data-name');
			
			if(formFilled==false){
			$(".btnFormProduct").fancybox({   
				beforeLoad: function(){				
				   $('#file_id').val(id); 
				    $('#file_name').val(fileName); 
				}
			});
		}
	}); 
	
	
	$("#downloadFormProduct").validate({
			rules: {
			name: "required",								
			companyName: "required",																												
			captcha: "required",			
			phone: {
				required: true,
				number: true
			},
			email: {
				required: true,
				email: true
			},								    								
				
			},
			messages: {
				htl_name: "Please enter your firstname",
				lastname: "Please enter your lastname",
				username: {
					required: "Please enter a username",
					minlength: "Your username must consist of at least 2 characters"
				},
				password: {
					required: "Please provide a password",
					minlength: "Your password must be at least 5 characters long"
				},
				confirm_password: {
					required: "Please provide a password",
					minlength: "Your password must be at least 5 characters long",
					equalTo: "Please enter the same password as above"
				},
				email: "Please enter a valid email address",
				agree: "Please accept our policy"
			}
		});

var baseurl = $("meta[name='baseurl']").attr("content");
$('#submit_to_download_product').click(function(e) {

var form = $( "#downloadFormProduct" );
form.validate();
var valur=form.valid();
var file_id=$('#file_id').val();
var file_name=$('#file_name').val(); 
var fname=$('#name').val();
var companyName=$('#companyName').val();

var email=$('#email').val();
var mobnumber=$('#phone').val();
var captcha=$('#captcha').val();

dataToSend = {fname:fname,organization:companyName,email:email,mobnumber:mobnumber,file_id:file_id,file_name:file_name,captcha:captcha};
if(valur==true){
		e.preventDefault();
		$.ajax({
		url: baseurl+"download-submit",
		type:'post',
		data:dataToSend,
		dataType:'json',
		statusCode: {
		302:function(){ alert('Forbidden. Access Restricted'); },
		403:function(){ alert('Forbidden. Access Restricted','403'); },
		404:function(){ alert('Page not found','404'); },
		500:function(){ alert('Internal Server Error','500'); }
		}
		}).done(function(responseData){
			//console.log(responseData)
			d = new Date();
			$("#captchaImageProduct").attr("src", baseurl+"/captcha?"+d.getTime());
			
			
		if(responseData.status=='fail'){
			// var getInfo = JSON.parse(responseData.registerinfo);
			// alert(responseData.error)
		   $('.downloadMsg').html(responseData.contactinfo);
		}else{
			$('.downloadMsg').html(responseData.contactinfo);
			$('#downloadFormProduct').hide();
			formFilled = true;
			window.location.href = responseData.downloadLocation;
			setTimeout(function(){
				$.fancybox.close();
				
				window.location.reload();
			},5000);
			//$("#downloadForm").trigger('reset'); //jquery
				//document.getElementById("downloadForm").reset(); //native JS
		}

}).error(function(jqXHR,textStatus){
		//$(DIV).unmask();
		});
		}
});
$('.refresh').on('click',function() {
d = new Date();
$("#captchaImageProduct").attr("src", "<?php echo asset('/captcha')?>?"+d.getTime());		
});
});
</script>
@stop

Cancel