|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/sld.edukrypt.app/resources/views/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@yield('title')</title>
<link rel='stylesheet' href='{{asset('public/frontend/icon/bootstrap-icons.css')}}'>
<link rel="stylesheet" href="{{asset('public/frontend/css/animate.css')}}">
<link rel="stylesheet" href="{{asset('public/frontend/css/mdb.min.css')}}" />
<link rel='stylesheet' href='{{asset('public/frontend/css/style.css')}}'>
<link rel='stylesheet' href='{{asset('public/fonts/stylesheet.css')}}'>
<link rel='stylesheet' href='{{asset('public/frontend/css/responsive.css')}}'>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
.error {
color: red;
}
.disabled-btn {
opacity: 0.4;
}
.color_unridble{
font-size:15px;
padding-left:10px;
position:relative;
color:#383838 !important;
}
.color_unridble a:hover{
color:#c51d24 !important;
}
.color_ridble{
width:100% !important;
color:#383838 !important;
font-size:15px;
padding-left:10px;
margin:2px 0px;
position:relative;
background:#ffffff !important;
}
.fa-circle-o{
font-size:15px !important;
position:relative;
left:10px;
color:#818181 !important;
}
.fa-check-circle-o{
font-size:15px !important;
position:relative;
left:10px;
color:#329f05;
transition:0.5s;
}
.menu_arrow{
display:flex;
align-items:center;
justify-content:center;
flex-flow:column;
}
.arrow_rotate{
transform:rotate(270deg)
}
.menu_arrow1{
display: flex;
flex-flow: column;
align-items: center;
position: relative;
top:7px;
font-size: 12px !important;
}
.menu_arrow2 i{
font-size:15px !important;
left:15px;
}
.menu_arrow2 {
position: relative;
width: 100%;
background: red!im;
text-align: left;
top: 4px;
/* background: red !important; */
font-size: 14px !important;
}
.menu_icon{
width:50px;
height:50px;
background:white;
position:relative;
border-radius:4px;
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
}
.menu_icon2{
width:41px;
height:41px;
top:15px;
right:-28px;
background:white;
position:relative;
border-radius:4px;
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover{
color:black;
}
.menubar{
float:right;
}
.sidebar {
background:#f5f5f5;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
transition: 0.5s !important;
left:-70px;
top: 69px;
z-index: 10000000;
overflow-y: scroll;
height: 91vh;
width:200px;
/* padding: 0px 5px 0px 9px; */
}
.accordion-item{
background:#dfdfdf;
}
.card-header {
background-color: hsla(0,0%,100%,0);
border-bottom: 2px solid #dfdfdf;
}
.card ul li {
display: flex;
/* align-items: center; */
width: 125px !important;
font-size: 15px !important;
align-items:center;
}
.card ul li i{
font-size:24px;
position:relative !important;
/* right:25px !important; */
}
.active{
left:0;
transition:0.5s !important;
}
.accordion-flush .accordion-item {
border-bottom: 2px solid #dfdfdf;
}
.active ul li{
display:none;
}
.card-header ul li{
color:#121212 !important;
position:relative;
top:5px;
text-align:center;;
display:flex;
align-items:center;
flex-flow:column;
}
.close_icon{
position: absolute;
right:20px;
color:white;
cursor: pointer;
top: 22px;
}
.transition{
transition: 0.3s !important;;
position: absolute;
}
#accordion{
position:relative;
top: 25px;
}
.card{
background:none !important;
color:black;
}
.card ul{
margin:0;
background:#f5f5f5;
padding:0;
color:white !important;
list-style:none;
}
.card ul:hover{
background:white;
cursor:pointer;
color:white !important;
}
.card ul:hover.card-header ul li{
color:white !important;
}
.card ul:hover.card-header ul li{
color:white !important;
}
.card-header{
margin:0;
padding:0;
}
.card ul li{
display:flex;
/* align-items: center; */
width: 272px;
color:black;
}
.menu_icon{
width:40px;
position:relative;
left:30px;
top:15px;
height:40px;
}
ul li .fa-check{
font-size:10px !important;
position:relative;
left:10px;
}
.accordion-item{
color:black;
}
#collapseOne{
padding:0 !important;
}
.accordion-item {
background-color: #fafafa;
border: 1px solid rgba(0,0,0,.125);
}
#collapseTwo{
padding:0 !important;
}
#collapseThree{
padding:0 !important;
}
.li_flex{
display:flex;
flex-flow:column
}
.card-heade ul li{
color:red !important;
}
.accordion-button{
background: #c34746 !important;
color:white;
}
#flush-collapseThree{
width: 100%;
position: relative;
right:0px;
}
.card-body{
padding:0px !important;
}
.accordion-flush .accordion-button:not(.collapsed) {
box-shadow: inset 0 0px 0 !important;
}
#collapseFour{
padding:0px !important;
}
.card {
border: 0;
box-shadow: 0 0px 0px 0px rgba(0,0,0,.07), 0 10px 20px -2px rgba(0,0,0,.04) !important;
}
.accordion-button:not(.collapsed) {
color: black !important;
background-color: #fff;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-item li{
padding-left:10px;
}
.accordion-button:after{
/* background-image: url(../img/arrow.png); */
}
.color_unridble{
color:black !important;
}
.btn{
box-shadow: 0 0 0 0 !important;;
}
.accordion-button:not(.collapsed):after {
/* background-image:url(../img/arrow.png) !important; */
transform: rotate(-180deg);
}
.accordion-button {
background: #f5f5f5 !important;
color: black;
font-size: 12px !important;
padding: 7px !important;
}
.accordion-button i{
color:#cb2f2b !important;
position:relative;
left:20px;
}
#collapseExample{
position: relative;
width: 306px;
overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
width:5px;
}
/* Track */
::-webkit-scrollbar-track {
background: white;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: white;;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: white;;
}
#collapseExample2{
position: relative;
width: 306px;
overflow-x: hidden;
}
.card .tab:hover{
background:#cb2f2b !important;
color:white !important;
}
.card .tab:hover span{
color:white !important;
}
.mega_menu div:hover{
color:#cb2f2b !important;
}
.mega_menu li:hover{
color:#cb2f2b !important;
}
.sidebar1 {
background: #f5f5f5;
width: 128px;
height: 100vh;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
position: absolute;
left: 0;
z-index: -1;
top: 68px;
}
.sidebar1 ul li{
list-style:none;
margin:0;
border-bottom:2px solid lightgrey;
}
.sidebar1 ul li:hover{
background:rgb(203 47 43);
color:white;
}
.sidebar1 ul li i{
font-size:24px;
}
.sidebar1 ul{
position:relative;
top:20px;
padding:0;
}
.btn{
color:black;
text-align:left;
width:100%;
display:flex;
padding-left:10px;
font-size:11px;
}
.btn i{
font-size: 25px;
position: relative;
left: 20px;
top: -5px;
}
.paginatin{
position: fixed;
left: 15%;
bottom: 0vw;
width: 63%;
}
a{
color: #181920
}
</style>
</head>
<body>
<div class="wrapper ">
<div class="fixed-header" >
<div class="menu_icon">
<img src="{{asset('public/frontend/img/menu.png')}}" alt="">
</div>
<div class="menu_icon2">
<img src="{{asset('public/frontend/img/menu.png')}}" alt="">
</div>
<div class="sidebar1">
@php
$user_id = Request::session()->get('web_loggedIn')['id'];
$categories = App\Helpers\Frontend::getMainCategory();
@endphp
<ul>
@if(!$categories->isEmpty())
@foreach($categories as $categor)
<li>
<span class="menu_arrow1">
<i class="fa fa-laptop" aria-hidden="true"></i>
{{strtoupper($categor->name_en)}}
</span>
</li>
@endforeach
@endif
</ul>
</div>
@php
$getPolicy = App\Helpers\Frontend::getSideBarPolicy();
// dd($getPolicy);
@endphp
<div class="sidebar">
<div id="accordion">
@if(!empty($getPolicy))
@foreach($getPolicy as $key=>$getPol)
<div class="card">
<div class="card-header" id="headingOne{{$getPol['id']}}">
<h5 class="mb-0">
<ul data-toggle="collapse" data-target="#collapseOne{{$getPol['id']}}" aria-expanded="true" aria-controls="collapseOne" class=" tab m-0 d-flex justify-content-center ">
<li style="color:white;" class="d-flex tab1 ">
<span class="menu_arrow2">
{{$getPol['category_name']??''}}
<i class="fa fa-arrow-right arrow1" aria-hidden="true"></i>
</span>
<!-- <span class="material-symbols-outlined"> arrow_drop_down</span> -->
<!-- <i class="fa fa-arrow-down" aria-hidden="true"></i> -->
</li>
</ul>
</h5>
</div>
<ul id="collapseOne{{$getPol['id']}}" class="collapse {{(Request::segment(2) == $getPol['slug'])?"show":""}} " aria-labelledby="headingOne{{$getPol['id']}}" data-parent="#accordion{{$getPol['id']}}" style="background:none;">
<div class="accordion accordion-flush" id="accordionFlushExample" style="background:red;">
@if(!empty($getPol['sub_category']))
@foreach($getPol['sub_category'] as $key1=>$sub_categ)
{{-- @php
print_r($sub_categ['id']);
@endphp --}}
<div class="accordion-item bg_none">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne{{$sub_categ['id']}}" aria-expanded="false" aria-controls="flush-collapseOne{{$sub_categ['id']}}">
{{$sub_categ['policy_name_en']}}
<!-- <i class="fa fa-arrow-right" aria-hidden="true"></i> -->
</button>
<div id="flush-collapseOne{{$sub_categ['id']}}" class="accordion-collapse collapse {{(Request::segment(3) == $sub_categ['slug'])?"show":""}}" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<ul style="background: #f5f5f5; color:white;" class="mega_menu">
@if(!empty($sub_categ['content']))
@foreach($sub_categ['content'] as $key3=>$content)
<div class="color_unridble">
@php
$questions = App\Helpers\Frontend::getMcqFirstQuest($sub_categ['slug']);
@endphp
@php
$ques = '';
$page = 'intro';
if($content['type'] == 'quiz') {
$ques = 'ques='.$questions->id;
$page = 'quiz';
}
@endphp
{{-- @if($content['type'] != 'quiz' || $content['type'] == 'slide' || $content['type'] == 'intro') --}}
<a href="{{route($page,['category'=>$getPol['slug'],'policy'=>$sub_categ['slug'],'slug'=>$content['slug'],$ques])}}" > {{$content['title_en']}}</a>
{{-- @endif --}}
@php
// print_r($sub_categ['slug']);
$pages = App\Helpers\Frontend::getViewpages($user_id,$sub_categ['slug']);
$__pages = explode(',',$pages->slugs??'')??[];
@endphp
@if(in_array($content['slug'],$__pages))
<i class="fa fa-check-circle-o" aria-hidden="true"></i>
@else
<i class="fa fa-circle-o" aria-hidden="true"></i>
@endif
</div>
@endforeach
@endif
{{-- <div class="color_unridble">
Advantages <i class="fa fa-check-circle-o" aria-hidden="true"></i>
</div> --}}
{{-- <div class="color_ridble"> Benefits</div>
<li> Scope <i class="fa fa-circle-o" aria-hidden="true"></i></li>
<li> Quiz <i class="fa fa-circle-o" aria-hidden="true"></i></li> --}}
</ul>
</div>
</div>
@endforeach
@endif
</div>
</ul>
</div>
@endforeach
@endif
</div>
</div>
<div class="container-fluid cf-set">
<?php
$url = Request::session()->get('urlarr');
$currentURL = url()->current();
$url[] = $currentURL;
// array_push($url,$currentURL);
// $arr[] = $currentURL;
session()->put('urlarr',$url);
?>
<header class="navbar navbar-expand-lg">
<a href="{{route('web.dashboard')}}" class=" navbar-brand me-md-auto text-decoration-none">
<div class="home-icon">
<img src="{{asset('public/frontend/img/logo-sld.svg')}}" alt="">
</div>
</a>
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav me-auto mb-lg-0"></div>
<ul class="nav nav-pills header-ul">
<li class="nav-item">
@php
$getSubCategories = App\Helpers\Frontend::getSubCategories();
// dd($getSubCategories);
@endphp
<div class="dropdown">
<button class="btn customdrop dropdown-toggle" type="button" id="dropdownMenuButton"
data-mdb-toggle="dropdown" aria-expanded="false">
Select Policy
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
@if(!empty($getSubCategories))
@foreach($getSubCategories as $getSubCateg)
<li>
<button class="dropdown-item" data-toggle="dropdown" aria-expanded="true">
{{$getSubCateg['name_en']}}
</button>
@if(!empty($getSubCateg['policies']))
<ul class="dropdown-menu dropdown-submenu">
@foreach($getSubCateg['policies'] as $getPolicy)
<li>
<a class="dropdown-item" href="{{route('policy1',['category'=>$getSubCateg['slug'],'sub_category'=>$getPolicy['slug']])}}">{{$getPolicy['name_en']}}</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
@endif
</ul>
</div>
</li>
@php
$user_id = Request::session()->get('web_loggedIn')['id'];
$getTotalScore = App\Helpers\Frontend::getTotalScore($user_id);
// dd($getSubCategories);
@endphp
<li class="nav-item">
<div class="d-flex prog-box">
{{-- <div><span class="prog-text">0/5</span></div> --}}
<div class="progress-wset">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: {{$getTotalScore['total_percent']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div><span class="prog-text">Progress</span></div>
</div>
</li>
<li class="nav-item">
<div class="d-flex prog-box">
<h3 class="m-star-icon"><i class="bi bi-star-fill"></i> {{$getTotalScore['total']}}</h3>
</div>
</li>
{{-- <li class="nav-item"><a href="#"> <img src="assets/img/chapter1/menu.png" alt=""></a></li> --}}
<li class="nav-item">
<select class="form-control changeLang">
<option value="en" {{ session()->get('locale') == 'en' ? 'selected' : '' }}>English</option>
{{-- <option value="hi" {{ session()->get('locale') == 'hi' ? 'selected' : '' }}>Hindi</option> --}}
</select>
</li>
<li class="nav-item">
<a class="header-btn btn-gray-bg" href="{{route('web.profile')}}"> <img src="{{asset('public/frontend/img/icon/profile.png')}}" alt="" /> {{(!empty(Session::get('web_loggedIn')['username']))?Session::get('web_loggedIn')['username']:Session::get('web_loggedIn')['email']}}</a>
</li>
</ul>
</div>
</header>
<!-- <header class="d-flex flex-wrap justify-content-between align-items-center">
<a href="{{route('web.dashboard')}}" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<div class="home-icon"><i class="bi bi-house-door-fill"></i></div>
</a>
<ul class="nav nav-pills header-ul">
<li class="nav-item">
@php
$getSubCategories = App\Helpers\Frontend::getSubCategories();
// dd($getSubCategories);
@endphp
<div class="dropdown">
<button class="btn customdrop dropdown-toggle" type="button" id="dropdownMenuButton"
data-mdb-toggle="dropdown" aria-expanded="false">
Select Policy
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
@if(!empty($getSubCategories))
@foreach($getSubCategories as $getSubCateg)
<li>
<a class="dropdown-item" href="#">
{{$getSubCateg['name_en']}}
</a>
@if(!empty($getSubCateg['policies']))
<ul class="dropdown-menu dropdown-submenu">
@foreach($getSubCateg['policies'] as $getPolicy)
<li>
<a class="dropdown-item" href="{{route('policy1',['category'=>$getSubCateg['slug'],'sub_category'=>$getPolicy['slug']])}}">{{$getPolicy['name_en']}}</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
@endif
</ul>
</div>
</li>
@php
$getTotalScore = App\Helpers\Frontend::getTotalScore($user_id);
// dd($getSubCategories);
@endphp
<li class="nav-item">
<div class="d-flex prog-box">
{{-- <div><span class="prog-text">0/5</span></div> --}}
<div class="progress-wset">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: {{$getTotalScore['total_percent']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div><span class="prog-text">Progress</span></div>
</div>
</li>
<li class="nav-item">
<div class="d-flex prog-box">
<h3 class="m-star-icon"><i class="bi bi-star-fill"></i> {{$getTotalScore['total']}}</h3>
</div>
</li>
{{-- <li class="nav-item"><a href="#"> <img src="assets/img/chapter1/menu.png" alt=""></a></li> --}}
<li class="nav-item">
<select class="form-control changeLang">
<option value="en" {{ session()->get('locale') == 'en' ? 'selected' : '' }}>English</option>
{{-- <option value="hi" {{ session()->get('locale') == 'hi' ? 'selected' : '' }}>Hindi</option> --}}
</select>
</li>
<li class="nav-item">
<a class="header-btn btn-gray-bg" href="{{route('web.profile')}}"> <img src="{{asset('public/frontend/img/icon/profile.png')}}" alt="" /> {{(!empty(Session::get('web_loggedIn')['username']))?Session::get('web_loggedIn')['username']:Session::get('web_loggedIn')['email']}}</a>
</li>
</ul>
</header> -->
</div>
</div>
@yield('content')
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="{{asset('public/frontend/js/jquery-3.6.0.min.js')}}"></script>
{{-- <script src="{{asset('public/frontend/js/bootstrap.min.js')}}"></script> --}}
<script type="text/javascript" src="{{asset('public/frontend/js/mdb.min.js')}}"></script>
<script src="{{asset('public/frontend/js/wow.min.js')}}"></script>
<script>
//for quiz
$(document).ready(function(){
let allPageNo = [];
function introPage(){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type:"post",
data:{},
url:"{{asset('introPage/'.Request::segment(2).'/'.Request::segment(3).'/'.Request::segment(4))}}",
dataType:"json",
success:function(result)
{
// $('#callPage').attr('disabled', false);
$.each(result,function(key,val){
allPageNo.push(val);
});
console.log(result.length);
if(result.length == 1)
{
$('#callPage').removeClass('disabled-btn');
$("#callPage").attr("disabled", false);
}
}
});
}
introPage();
$(document).on('click','.pagenumber',function(){
var key = $(this).attr('data-key');
allPageNo[key] = true;
let flag = 0;
for(var i=0;i<allPageNo.length;i++)
{
if(allPageNo[i]==true)
{
flag++;
}
}
console.log(allPageNo.length);
if(flag == allPageNo.length)
{
$('#callPage').removeClass('disabled-btn');
$("#callPage").attr("disabled", false);
allPageNo.push('');
}
});
$(document).on('click','#callPage',function(){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var url = $(this).attr('data-url');
var slug = $(this).attr('data-slug');
var currentUrl = window.location.pathname;
// var currentSlug = currentUrl.split('/')
$.ajax({
type:"post",
data:{'currentUrl':currentUrl},
url:"{{ asset('web/save-current-slug') }}",
success:function(result){
location.href = url;
}
});
})
$(document).on('keyup','.essay',function(){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var ques_id = $(this).attr('data-ques_id');
var quiz_id = $(this).attr('data-quiz_id');
var option_ids = $(this).val();
// alert(quiz_id);
$.ajax({
type:"post",
data:{
'ques_id':ques_id,
'option_ids':option_ids,
'quiz_id':quiz_id
},
url:"{{ asset('quiz/save-quiz-answers') }}",
dataType:"html",
success:function(result){
$('.showMsg').html(result)
// console.log(result);
}
});
});
$(document).on('click','.custom-check',function(){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
// var option_id = $(this).val();
var ques_id = $(this).attr('data-ques_id');
var quiz_id = $(this).attr('data-quiz_id');
var option_ids = [];
$.each($(".custom-check:checked"), function () {
option_ids.push($(this).val());
});
// alert(option_ids);
$.ajax({
type:"post",
data:{
'ques_id':ques_id,
'option_ids':option_ids,
'quiz_id':quiz_id
},
url:"{{ asset('quiz/save-quiz-answers') }}",
dataType:"html",
success:function(result){
$('.showMsg').html(result)
// console.log(result);
}
});
});
});
</script>
<script type="text/javascript">
var url = "{{ route('changeLang') }}";
$(".changeLang").change(function(){
// alert();
window.location.href = url + "?lang="+ $(this).val();
});
$(".changeSubCat").change(function(){
var slug = $(this).val();
var url = "{{asset('/')}}"+slug
// alert(url);
// alert(url);
window.location.href = url;
});
</script>
<script>
$(window).on("load",function(){
$(".loader").delay(500).animate({width:'toggle'},1000);
});
</script>
<script>
$( ".button_su_inner" ).mouseenter(function(e) {
var parentOffset = $(this).offset();
var relX = e.pageX - parentOffset.left;
var relY = e.pageY - parentOffset.top;
$(this).prev(".su_button_circle").css({"left": relX, "top": relY });
$(this).prev(".su_button_circle").removeClass("desplode-circle");
$(this).prev(".su_button_circle").addClass("explode-circle");
});
$( ".button_su_inner" ).mouseleave(function(e) {
var parentOffset = $(this).offset();
var relX = e.pageX - parentOffset.left;
var relY = e.pageY - parentOffset.top;
$(this).prev(".su_button_circle").css({"left": relX, "top": relY });
$(this).prev(".su_button_circle").removeClass("explode-circle");
$(this).prev(".su_button_circle").addClass("desplode-circle");
});
</script>
<script>
$(window).on("load",function(){
$(".loader").delay(500).animate({width:'toggle'},1000);
});
</script>
<script>
function Util() {}
Util.hasClass = function (el, className) {
if (el.classList) return el.classList.contains(className);
else
return !!el.className.match(new RegExp("(\\s|^)" + className + "(\\s|$)"));
};
Util.addClass = function (el, className) {
var classList = className.split(" ");
if (el.classList) el.classList.add(classList[0]);
else if (!Util.hasClass(el, classList[0])) el.className += " " + classList[0];
if (classList.length > 1) Util.addClass(el, classList.slice(1).join(" "));
};
Util.removeClass = function (el, className) {
var classList = className.split(" ");
if (el.classList) el.classList.remove(classList[0]);
else if (Util.hasClass(el, classList[0])) {
var reg = new RegExp("(\\s|^)" + classList[0] + "(\\s|$)");
el.className = el.className.replace(reg, " ");
}
if (classList.length > 1) Util.removeClass(el, classList.slice(1).join(" "));
};
Util.toggleClass = function (el, className, bool) {
if (bool) Util.addClass(el, className);
else Util.removeClass(el, className);
};
Util.setAttributes = function (el, attrs) {
for (var key in attrs) {
el.setAttribute(key, attrs[key]);
}
};
Util.getChildrenByClassName = function (el, className) {
var children = el.children,
childrenByClass = [];
for (var i = 0; i < el.children.length; i++) {
if (Util.hasClass(el.children[i], className))
childrenByClass.push(el.children[i]);
}
return childrenByClass;
};
Util.is = function (elem, selector) {
if (selector.nodeType) {
return elem === selector;
}
var qa =
typeof selector === "string"
? document.querySelectorAll(selector)
: selector,
length = qa.length,
returnArr = [];
while (length--) {
if (qa[length] === elem) {
return true;
}
}
return false;
};
Util.setHeight = function (start, to, element, duration, cb) {
var change = to - start,
currentTime = null;
var animateHeight = function (timestamp) {
if (!currentTime) currentTime = timestamp;
var progress = timestamp - currentTime;
var val = parseInt((progress / duration) * change + start);
element.style.height = val + "px";
if (progress < duration) {
window.requestAnimationFrame(animateHeight);
} else {
cb();
}
};
element.style.height = start + "px";
window.requestAnimationFrame(animateHeight);
};
Util.scrollTo = function (final, duration, cb) {
var start = window.scrollY || document.documentElement.scrollTop,
currentTime = null;
var animateScroll = function (timestamp) {
if (!currentTime) currentTime = timestamp;
var progress = timestamp - currentTime;
if (progress > duration) progress = duration;
var val = Math.easeInOutQuad(progress, start, final - start, duration);
window.scrollTo(0, val);
if (progress < duration) {
window.requestAnimationFrame(animateScroll);
} else {
cb && cb();
}
};
window.requestAnimationFrame(animateScroll);
};
Util.moveFocus = function (element) {
if (!element) element = document.getElementsByTagName("body")[0];
element.focus();
if (document.activeElement !== element) {
element.setAttribute("tabindex", "-1");
element.focus();
}
};
Util.getIndexInArray = function (array, el) {
return Array.prototype.indexOf.call(array, el);
};
Util.cssSupports = function (property, value) {
if ("CSS" in window) {
return CSS.supports(property, value);
} else {
var jsProperty = property.replace(/-([a-z])/g, function (g) {
return g[1].toUpperCase();
});
return jsProperty in document.body.style;
}
};
Util.extend = function () {
var extended = {};
var deep = false;
var i = 0;
var length = arguments.length;
if (Object.prototype.toString.call(arguments[0]) === "[object Boolean]") {
deep = arguments[0];
i++;
}
var merge = function (obj) {
for (var prop in obj) {
if (Object.prototype.hasOwnProperty.call(obj, prop)) {
if (
deep &&
Object.prototype.toString.call(obj[prop]) === "[object Object]"
) {
extended[prop] = extend(true, extended[prop], obj[prop]);
} else {
extended[prop] = obj[prop];
}
}
}
};
for (; i < length; i++) {
var obj = arguments[i];
merge(obj);
}
return extended;
};
if (!Element.prototype.matches) {
Element.prototype.matches =
Element.prototype.msMatchesSelector ||
Element.prototype.webkitMatchesSelector;
}
if (!Element.prototype.closest) {
Element.prototype.closest = function (s) {
var el = this;
if (!document.documentElement.contains(el)) return null;
do {
if (el.matches(s)) return el;
el = el.parentElement || el.parentNode;
} while (el !== null && el.nodeType === 1);
return null;
};
}
if (typeof window.CustomEvent !== "function") {
function CustomEvent(event, params) {
params = params || {
bubbles: false,
cancelable: false,
detail: undefined
};
var evt = document.createEvent("CustomEvent");
evt.initCustomEvent(
event,
params.bubbles,
params.cancelable,
params.detail
);
return evt;
}
CustomEvent.prototype = window.Event.prototype;
window.CustomEvent = CustomEvent;
}
Math.easeInOutQuad = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return (c / 2) * t * t + b;
t--;
return (-c / 2) * (t * (t - 2) - 1) + b;
};
/**/
(function () {
var LanguagePicker = function (element) {
this.element = element;
this.select = this.element.getElementsByTagName("select")[0];
this.options = this.select.getElementsByTagName("option");
this.selectedOption = getSelectedOptionText(this);
this.pickerId = this.select.getAttribute("id");
this.trigger = false;
this.dropdown = false;
this.firstLanguage = false;
// dropdown arrow inside the button element
this.svgPath =
'<svg viewBox="0 0 16 16"><polygon points="3,5 8,11 13,5 "></polygon></svg>';
initLanguagePicker(this);
initLanguagePickerEvents(this);
};
function initLanguagePicker(picker) {
// create the HTML for the custom dropdown element
picker.element.insertAdjacentHTML(
"beforeend",
initButtonPicker(picker) + initListPicker(picker)
);
// save picker elements
picker.dropdown = picker.element.getElementsByClassName(
"language-picker__dropdown"
)[0];
picker.firstLanguage = picker.dropdown.getElementsByClassName(
"language-picker__item"
)[0];
picker.trigger = picker.element.getElementsByClassName(
"language-picker__button"
)[0];
}
function initLanguagePickerEvents(picker) {
// make sure to add the icon class to the arrow dropdown inside the button element
Util.addClass(picker.trigger.getElementsByTagName("svg")[0], "icon");
// language selection in dropdown
// ⚠️ Important: you need to modify this function in production
initLanguageSelection(picker);
// click events
picker.trigger.addEventListener("click", function () {
toggleLanguagePicker(picker, false);
});
}
function toggleLanguagePicker(picker, bool) {
var ariaExpanded;
if (bool) {
ariaExpanded = bool;
} else {
ariaExpanded =
picker.trigger.getAttribute("aria-expanded") == "true"
? "false"
: "true";
}
picker.trigger.setAttribute("aria-expanded", ariaExpanded);
if (ariaExpanded == "true") {
picker.firstLanguage.focus(); // fallback if transition is not supported
picker.dropdown.addEventListener("transitionend", function cb() {
picker.firstLanguage.focus();
picker.dropdown.removeEventListener("transitionend", cb);
});
}
}
function checkLanguagePickerClick(picker, target) {
// if user clicks outside the language picker -> close it
if (!picker.element.contains(target)) toggleLanguagePicker(picker, "false");
}
function moveFocusToPickerTrigger(picker) {
if (picker.trigger.getAttribute("aria-expanded") == "false") return;
if (
document.activeElement.closest(".language-picker__dropdown") ==
picker.dropdown
)
picker.trigger.focus();
}
function initButtonPicker(picker) {
// create the button element -> picker trigger
// check if we need to add custom classes to the button trigger
var customClasses = picker.element.getAttribute("data-trigger-class")
? " " + picker.element.getAttribute("data-trigger-class")
: "";
var button =
'<button class="language-picker__button' +
customClasses +
'" aria-label="' +
picker.select.value +
" " +
picker.element.getElementsByTagName("label")[0].innerText +
'" aria-expanded="false" aria-contols="' +
picker.pickerId +
'-dropdown">';
button =
button +
'<span aria-hidden="true" class="language-picker__label language-picker__flag language-picker__flag--' +
picker.select.value +
'"><em>' +
picker.selectedOption +
"</em>";
button = button + picker.svgPath + "</span>";
return button + "</button>";
}
function initListPicker(picker) {
// create language picker dropdown
var list =
'<div class="language-picker__dropdown" aria-describedby="' +
picker.pickerId +
'-description" id="' +
picker.pickerId +
'-dropdown">';
list =
list +
'<p class="sr-only" id="' +
picker.pickerId +
'-description">' +
picker.element.getElementsByTagName("label")[0].innerText +
"</p>";
list = list + '<ul class="language-picker__list" role="listbox">';
for (var i = 0; i < picker.options.length; i++) {
var selected = picker.options[i].hasAttribute("selected")
? ' aria-selected="true"'
: "",
language = picker.options[i].getAttribute("lang");
list =
list +
'<li><a lang="' +
language +
'" hreflang="' +
language +
'" href="' +
getLanguageUrl(picker.options[i]) +
'"' +
selected +
' role="option" data-value="' +
picker.options[i].value +
'" class="language-picker__item language-picker__flag language-picker__flag--' +
picker.options[i].value +
'"><span>' +
picker.options[i].text +
"</span></a></li>";
}
return list;
}
function getSelectedOptionText(picker) {
// used to initialize the label of the picker trigger button
var label = "";
if ("selectedIndex" in picker.select) {
label = picker.options[picker.select.selectedIndex].text;
} else {
label = picker.select.querySelector("option[selected]").text;
}
return label;
}
function getLanguageUrl(option) {
// ⚠️ Important: You should replace this return value with the real link to your website in the selected language
// option.value gives you the value of the language that you can use to create your real url (e.g, 'english' or 'italiano')
return "#";
}
function initLanguageSelection(picker) {
// alert(picker);
picker.element
.getElementsByClassName("language-picker__list")[0]
.addEventListener("click", function (event) {
var language = event.target.closest(".language-picker__item");
if (!language) return;
if (
language.hasAttribute("aria-selected") &&
language.getAttribute("aria-selected") == "true"
) {
// selecting the same language
event.preventDefault();
picker.trigger.setAttribute("aria-expanded", "false"); // hide dropdown
} else {
// ⚠️ Important: this 'else' code needs to be removed in production.
// The user has to be redirected to the new url -> nothing to do here
event.preventDefault();
picker.element
.getElementsByClassName("language-picker__list")[0]
.querySelector('[aria-selected="true"]')
.removeAttribute("aria-selected");
language.setAttribute("aria-selected", "true");
picker.trigger
.getElementsByClassName("language-picker__label")[0]
.setAttribute(
"class",
"language-picker__label language-picker__flag language-picker__flag--" +
language.getAttribute("data-value")
);
picker.trigger
.getElementsByClassName("language-picker__label")[0]
.getElementsByTagName("em")[0].innerText = language.innerText;
picker.trigger.setAttribute("aria-expanded", "false");
}
});
}
//initialize the LanguagePicker objects
var languagePicker = document.getElementsByClassName("js-language-picker");
if (languagePicker.length > 0) {
var pickerArray = [];
for (var i = 0; i < languagePicker.length; i++) {
(function (i) {
pickerArray.push(new LanguagePicker(languagePicker[i]));
})(i);
}
// listen for key events
window.addEventListener("keyup", function (event) {
if (
(event.keyCode && event.keyCode == 27) ||
(event.key && event.key.toLowerCase() == "escape")
) {
// close language picker on 'Esc'
pickerArray.forEach(function (element) {
moveFocusToPickerTrigger(element); // if focus is within dropdown, move it to dropdown trigger
toggleLanguagePicker(element, "false"); // close dropdown
});
}
});
// close language picker when clicking outside it
window.addEventListener("click", function (event) {
pickerArray.forEach(function (element) {
checkLanguagePickerClick(element, event.target);
});
});
}
})();
</script>
<script>
new WOW().init();
</script>
<script>
$('.sidebar').hide();
$('.menu_icon').click(function(){
$('.sidebar').toggle();
$('.sidebar').toggleClass('active')
$('.sidebar1').toggle();
})
$('.menu_arrow1').click(function(){
$('.sidebar').toggle();
$('.sidebar').toggleClass('active')
$('.sidebar1').toggle();
})
$('.menu_icon2').hide();
$('.tab1').click(function(){
$('.arrow1').toggleClass('arrow_rotate')
$('.arrow2').removeClass('arrow_rotate')
$('.arrow3').removeClass('arrow_rotate')
})
$('.tab2').click(function(){
$('.arrow2').toggleClass('arrow_rotate')
$('.arrow1').removeClass('arrow_rotate')
$('.arrow3').removeClass('arrow_rotate')
})
$('.tab3').click(function(){
$('.arrow3').toggleClass('arrow_rotate')
$('.arrow1').removeClass('arrow_rotate')
$('.arrow2').removeClass('arrow_rotate')
})
$('.poshw').click(function(){
$("#collapseExample").addClass('show')
$("#collapseExample2").removeClass('show')
$('.arrow_down1').toggle();
$('.arrow_up1').toggle();
$('.arrow_up2').hide();
$('.arrow_down2').show();
})
$('.coc_code').click(function(){
$("#collapseExample2").addClass('show')
$('.arrow_down2').toggle();
$('.arrow_up2').toggle();
$('.arrow_up1').hide();
$('.arrow_down1').show();
$("#collapseExample").removeClass('show')
})
$('.arrow_up1').hide()
$('.arrow_up2').hide()
document.querySelector('.poshw').addEventListener('click',()=>{
document.querySelector('#collapseExample').classList.remove('show')
})
document.querySelector('.coc_code ').addEventListener('click',()=>{
document.querySelector('#collapseExample2').classList.remove('show')
})
</script>
</body>
</html>