<?php $__env->startSection('middle'); ?>
<head>
<title><?php $__env->startSection('title', 'Testimonials-'); ?>-Ckgroceries</title>
<meta name="keywords" content="Ckgroceries Testimonials, online shoping, Best e-commerce site, online groceresie products" />
</head>
<style>
.rating {
margin-top: 40px;
border: none;
float: left;
}
.rating > label {
color: #90A0A3;
float: right;
}
.rating > label:before {
margin: 5px;
font-size: 2em;
font-family: FontAwesome;
content: "\f005";
display: inline-block;
}
.rating > input {
display: none;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: #F79426;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
color: #FECE31;
}
</style>
<style>
.collection-grid-item{
padding-bottom: 0%;;
}
</style>
<style>
.checked {
color: orange;
}
</style>
<div class="page-head_agile_info_w3l">
</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
<div class="agile_inner_breadcrumb">
<div class="container">
<ul class="w3_short">
<li>
<a href="<?php echo e(url('/')); ?>">Home</a>
<i>|</i>
</li>
<li>About Testimonials</li>
</ul>
</div>
</div>
</div>
<style>
p{
color: #000;
}
</style>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits" style="padding: 2em 0;">
<div class="container">
<h3 class="heading-tittle">Testimonials</h3>
<br>
<div class="row" >
<div class="container">
<div class="row">
<div class="col-md-10">
</div>
</div>
</div>
<h2 style="font-size: 23px" class="box-header">
<button style="color: white; background: #386eb1; text-transform: uppercase; float: right; margin-right: 10%;" id="testimonial_toggle" class="btn btn-primayr">Write Your Review</button>
</h2>
</div>
<?php if(Session::has('msg')): ?>
<div align="center" class="alert alert-danger" role="alert" id="alertmessage1" style="margin-bottom: 20px">
<span style="text-align: center; color: blue; font-weight: bold"><strong> <?php echo e(Session::get('msg')); ?> </strong></span>
</div>
<?php endif; ?>
<div id="testimonial_form" style="display: none">
<br>
<div class="col-md-12">
<form id="contact-form" method="post" action="<?php echo e(url('insert_testimonial')); ?>" >
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
<div class="row" >
<div class="col-md-12">
<input class="form-control" name="name" id="name" type="text" placeholder="Name">
</div>
</div>
<textarea style="margin-top: 20px; height: 100px" class="form-control" name="feedback" id="comment" placeholder="Message"></textarea>
<!-- Inspired by: https://codepen.io/jamesbarnett/pen/vlpkh -->
<div class="row" style="margin-top: -30px">
<div class="rating">
<input type="radio" id="star5" name="rating" value="5" />
<label class="star" for="star5" title="Awesome" aria-hidden="true"></label>
<input type="radio" id="star4" name="rating" value="4" />
<label class="star" for="star4" title="Great" aria-hidden="true"></label>
<input type="radio" id="star3" name="rating" value="3" />
<label class="star" for="star3" title="Very good" aria-hidden="true"></label>
<input type="radio" id="star2" name="rating" value="2" />
<label class="star" for="star2" title="Good" aria-hidden="true"></label>
<input type="radio" id="star1" name="rating" value="1" />
<label class="star" for="star1" title="Bad" aria-hidden="true"></label>
</div>
<br>
</div>
<body onload="createCaptcha()">
<div id="captcha" style="color: #008000 !important">
</div>
<input type="text" class="form-control" placeholder="Captcha" id="cpatchaTextBox"/>
<input style="margin-top: 20px" class="khan btn btn-primary" type="submit" id="submit_contact" value="Send Message">
<div id="msg" class="message"></div>
</form>
</div>
</div>
<div class="row" id="feedback_div">
<?php $last_feedback_id=0; ?>
<?php $__currentLoopData = $feedbacks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feedback): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php $last_feedback_id=$feedback->feedback_id; ?>
<div class="col-md-6">
<div class="collection-grid-item">
<div style="background: white; color: #000000; min-height: 220px; margin: 9px; border-radius: 30px; padding: 40px;font-size:12.0pt">
<div align="center">
<a class="link-plain" target="_blank">
<p style="color: #000000;font-size:14.0pt; text-transform: uppercase;font-weight: bold"><?php echo e($feedback->name); ?></p>
<p style="color: #000000">"<?php echo e($feedback->feedback); ?>"</p>
<?php if($feedback->stars==1): ?>
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
<?php endif; ?>
<?php if($feedback->stars==2): ?>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
<?php endif; ?>
<?php if($feedback->stars==3): ?>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star "></span>
<span class="fa fa-star"></span>
<?php endif; ?>
<?php if($feedback->stars==4): ?>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<?php endif; ?>
<?php if($feedback->stars==5): ?>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<?php endif; ?>
</a>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<input type="hidden" value="<?php echo e($last_feedback_id); ?>" id="last_feedback_id">
</div>
<div class="row">
<div align="center">
<button style=" border:0; background:#2266ff; color:white; font-family:Arimo; padding:5px 10px; border-radius:3px; transition:0.5s;display:block;" onclick="showhide()" id="read_more">Read more</button>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- jQuery library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<!-- jQuery library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var code;
function createCaptcha() {
//clear the contents of captcha div first
document.getElementById('captcha').innerHTML = "";
var charsArray =
"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
var lengthOtp = 6;
var captcha = [];
for (var i = 0; i < lengthOtp; i++) {
//below code will not allow Repetition of Characters
var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
if (captcha.indexOf(charsArray[index]) == -1)
captcha.push(charsArray[index]);
else i--;
}
var canv = document.createElement("canvas");
canv.id = "captcha";
canv.width = 100;
canv.height = 50;
var ctx = canv.getContext("2d");
ctx.font = "25px Georgia";
ctx.strokeText(captcha.join(""), 0, 30);
//storing captcha so that can validate you can save it somewhere else according to your specific requirements
code = captcha.join("");
document.getElementById("captcha").appendChild(canv); // adds the canvas to the body element
document.getElementById("captcha").animate({color:'white'},1000); // adds the canvas to the body element
}
function validateCaptcha() {
event.preventDefault();
debugger
if (document.getElementById("cpatchaTextBox").value == code) {
$('#submit').show();
}else{
alert("Invalid Captcha. try Again");
createCaptcha();
}
}
</script>
<script>
$(document).ready(function(){
$('.khan').on('click',function(e){
e.preventDefault();
if (document.getElementById("cpatchaTextBox").value == code) {
$('#contact-form').submit();
}else{
alert("Invalid Captcha. try Again");
createCaptcha();
}
});
});
</script>
<script>
$(document).ready(function(){
$('#testimonial_toggle').on('click',function(){
// $('#testimonial_form').fadeToggle();
$("#testimonial_form").fadeToggle( { "opacity": "show", top:"200"} , 10000 );
});
});
</script>
<script>
$(document).ready(function(){
$('#read_more').on('click',function(){
var last_feedback_id= $('#last_feedback_id').val();
var $el = $("#feedback_div");
$.ajax({
url: "get_feedbacks"+'/'+last_feedback_id,
type: 'GET',
dataType: 'json', // added data type
success: function(res) {
$.each(res, function(key,value){
var last_feedback_id=value.feedback_id;
if(value.stars==1){
var khan= '<span class="fa fa-star checked"></span> <span class="fa fa-star "></span><span class="fa fa-star "></span><span class="fa fa-star "></span> <span class="fa fa-star"></span>';
}
else if(value.stars==2){
var khan= '<span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span><span class="fa fa-star "></span><span class="fa fa-star "></span> <span class="fa fa-star"></span>';
}
else if(value.stars==3){
var khan= '<span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star "></span> <span class="fa fa-star"></span>';
}
else if(value.stars==4){
var khan= '<span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span> <span class="fa fa-star"></span>';
}
else if(value.stars==5){
var khan= '<span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span>';
}
// alert(khan);
$el.append(' <div class="col-md-6"><div class="collection-grid-item"><div style="background: white; min-height: 220px; color: #000000; margin: 9px; border-radius: 30px; padding: 40px;font-size:12.0pt;"><div align="center"><a class="link-plain" target="_blank"> <p style="color: #000000;font-size:14.0pt; text-transform: uppercase;font-weight: bold">'+ value.name +'</p><p style="color: #000000">"'+ value.feedback +'"</p>'+ khan +'</a></div></div></div></div>');
$('#last_feedback_id').val(last_feedback_id);
});
}
});
});
});
</script>
<script>
$(document).ready(function(){
createCaptcha();
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('general.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell