|
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>home</title>
<link rel='stylesheet' href='{{('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" />
<link rel="stylesheet" href="{{asset('assets/css/menu.css')}}" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
@media(max-width:1026px) {
.sidemenus {
position: absolute !important;
top: 70px !important;
z-index: 1 !important;
}
}
@media(max-width:991px){
.sidemenus {
position: absolute !important;
top: 60px !important;
}
.drop-profile{
position:absolute;
top:98px;
left:43%;
}
.change_password_row{
position:relative;
top:70px;
}
}
@media (max-width: 768px) {
.sidemenus {
position: absolute !important;
top: 58px !important;
}
.sticker{
position:relative !important;
top:10px !important;
}
.drop-profile{
position:absolute;
top:90px;
left:43%;
}
.page_url{
width:400px !important;
}
}
.error {
color: red;
}
.page_url {
top: 65px;
}
.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;
box-shadow: rgb(0 0 0 / 18%) 0px 3px 8px;
padding-left: 10px !important;
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: 1vw !important;
position: relative;
left: 10px;
color: #329f05 !important;
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;
font-size: 12px !important;
}
.menu_arrow2 i {
font-size: 15px !important;
float: right;
margin-top: 7px;
}
.menu_arrow2 {
position: relative;
width: 100%;
text-align: left;
/* background: red !important; */
font-size: 14px !important;
margin-bottom: 0px;
}
/* .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: #ffffff;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
transition: 0.5s !important;
left: 10vw;
top: 100%;
z-index: 10000000;
overflow-y: scroll;
height: 100vh;
width: 204px;
border: 1px solid #eee;
}
.accordion-item {
background: #dfdfdf;
}
.card-header {
background-color: hsla(0, 0%, 100%, 0);
border-bottom: 1px solid #eee;
}
.card ul li {
display: block;
/* align-items: center; */
width: 100% !important;
color: black;
padding: 5px 10px;
margin: 0px;
}
.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: 1px solid #eee;
}
.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;
}
.card {
background: none !important;
color: black;
}
.card ul {
margin: 0;
background: #ffffff;
padding: 0;
color: white !important;
list-style: none;
}
.card ul:hover {
background: #ffffff;
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 {
display: flex;
justify-content: space-between;
align-items: center;
}
.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: #fafafa !important;
color: black;
font-size: 1vw !important;
padding: 6px 15px 6px 20px !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: #ffffff;
width: 9vw;
height: 100vh;
box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
position: absolute;
left: 0;
z-index: -1;
top: 100%;
border-top: 1px solid #eee;
}
.sidebar1 ul li {
list-style: none;
margin: 0;
border-bottom: 1px solid #eee;
padding: 13px 0px 9px;
cursor: pointer;
}
.sidebar1 ul li:hover {
background: rgb(203 47 43);
color: white;
}
.sidebar1 ul li i {
font-size: 24px;
}
.sidebar1 ul {
position: relative;
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
}
.nav-active {
left: -200px;
display: block !important;
}
.sidemenus {
position: fixed;
top: 4.3rem;
left: 0;
height: 100%;
width: 260px;
/* background: -webkit-linear-gradient(to right, #004e92, #000428);
background: linear-gradient(to right, #004e92, #000428); */
z-index: 100;
transition: all 0.5s ease;
background-color: #f5f5f5;
box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
}
.sidemenus.close {
width: 110px;
}
.sidemenus .logo-details {
height: 60px;
width: 100%;
display: flex;
align-items: center;
}
.sidemenus .logo-details i {
font-size: 30px;
color: #fff;
height: 50px;
min-width: 78px;
text-align: center;
line-height: 50px;
}
.sidemenus .logo-details .logo_name {
font-size: 22px;
color: #fff;
font-weight: 600;
transition: 0.3s ease;
transition-delay: 0.1s;
}
.sidemenus.close .logo-details .logo_name {
transition-delay: 0s;
opacity: 0;
pointer-events: none;
}
.sidemenus .nav-links {
height: 100%;
padding: 0 0 150px 0;
overflow: auto;
}
.sidemenus.close .nav-links {
overflow: visible;
}
.sidemenus .nav-links::-webkit-scrollbar {
display: none;
}
.sidemenus .nav-links li {
position: relative;
list-style: none;
transition: all 0.4s ease;
padding: 10px 0px;
border-bottom: 1px solid #eee;
margin-bottom: 0px;
padding-bottom: 0px;
}
.sidemenus .nav-links li:hover {
background: #ededee;
}
.sidemenus .nav-links li .icon-link {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
}
.sidemenus.close .nav-links li .icon-link {
display: block;
}
.sidemenus .nav-links li i {
min-width: 60px;
text-align: center;
color: rgb(17, 17, 17);
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.sidemenus .nav-links li .arrow {
font-size: 1.2vw;
min-width: auto;
margin-right: 12px;
}
.sidemenus .nav-links li.showMenu i.arrow {
transform: rotate(-180deg);
}
.sidemenus.close .nav-links i.arrow {
display: none;
}
.sidemenus .nav-links li a {
display: flex;
align-items: center;
text-decoration: none;
}
.sidemenus .nav-links li a .link_name {
font-size: 1vw !important;
font-weight: 400;
color: rgb(19, 19, 19);
transition: all 0.4s ease;
margin-bottom: 0px;
}
.sidemenus.close .nav-links li a .link_name {
opacity: 0;
pointer-events: none;
}
.sidemenus .nav-links li .sub-menu {
padding: 0px 0px 0px 0px;
background: #1d1b31;
display: none;
}
.sidemenus .nav-links li.showMenu .sub-menu {
display: block;
}
.sidemenus .nav-links li .sub-menu a {
color: #000000;
font-size: 1vw;
padding: 5px 0;
white-space: nowrap;
transition: all 0.3s ease;
font-weight: 500;
}
.sidemenus .nav-links li .sub-menu a:hover {
opacity: 1;
}
.sidemenus.close .nav-links li .sub-menu {
position: absolute;
left: 100%;
top: -10px;
margin-top: 0;
padding: 10px 20px;
border-radius: 0 6px 6px 0;
opacity: 0;
display: block;
pointer-events: none;
transition: 0s;
}
.sidemenus.close .nav-links li:hover .sub-menu {
top: 0;
opacity: 1;
pointer-events: auto;
transition: all 0.4s ease;
display: none;
}
.sidemenus .nav-links li .sub-menu .link_name {
/* display: none; */
}
.sidemenus.close .nav-links li .sub-menu .link_name {
font-size: 18px;
opacity: 1;
display: block;
}
.sidemenus .nav-links li .sub-menu.blank {
opacity: 1;
pointer-events: auto;
padding: 3px 20px 6px 16px;
opacity: 0;
pointer-events: none;
}
.sidemenus .nav-links li:hover .sub-menu.blank {
top: 50%;
transform: translateY(-50%);
}
.sidemenus .profile-details {
position: fixed;
bottom: 0;
width: 260px;
display: flex;
align-items: center;
justify-content: space-between;
background: #1d1b31;
padding: 12px 0;
transition: all 0.5s ease;
}
.sidemenus.close .profile-details {
background: none;
}
.sidemenus.close .profile-details {
width: 78px;
}
.sidemenus .profile-details .profile-content {
display: flex;
align-items: center;
}
.sidemenus .profile-details img {
height: 52px;
width: 52px;
object-fit: cover;
border-radius: 16px;
margin: 0 14px 0 12px;
background: #1d1b31;
transition: all 0.5s ease;
}
.sidemenus.close .profile-details img {
padding: 10px;
}
.sidemenus .profile-details .profile_name,
.sidemenus .profile-details .job {
color: #fff;
font-size: 18px;
font-weight: 500;
white-space: nowrap;
}
.sidemenus.close .profile-details i,
.sidemenus.close .profile-details .profile_name,
.sidemenus.close .profile-details .job {
display: none;
}
.sidemenus .profile-details .job {
font-size: 12px;
}
@media (max-width: 420px) {
.sidemenus.close .nav-links li .sub-menu {
display: none;
}
}
.icon-title {
text-align: center;
padding: 0px;
margin: 0px !important;
display: none;
font-size: 1vw !important;
}
.sidemenus.close .icon-title {
display: block;
}
.sidemenus.close .nav-links li i {
min-width: 120px;
}
.sidemenus.close .nav-links li {
padding: 10px 0px;
}
.color_unridble a {
white-space: inherit !important;
line-height: 20px;
}
.sidebar1 ul li span {
margin-bottom: 0px;
}
.sidebar .accordion-button {
padding: 10px !important;
line-height: 20px;
}
.accordion-button:after {
width: 0.8rem;
height: 0.8rem;
background-size: 0.8rem;
}
.home-section {
position: fixed;
left: 260px;
width: calc(100% - 260px);
transition: all 0.5s ease;
padding-top: 4rem;
height: 100%;
overflow: auto;
}
.sidemenus.close~.home-section {
left: 0px;
width: calc(100% 0px);
width: 100%;
}
.home-section .home-content {
height: 60px;
me display: flex;
align-items: center;
}
@media (max-width: 420px) {
.sidebar.close .nav-links li .bx-menu-set {
display: none;
}
.home-icon {
position: relative;
left: 20px;
}
}
.wrapper {
/* min-height: 100vh;
background-color: antiquewhite !important;
padding-top: 4rem; */
}
.data-adjust {
/* height: auto !important; */
}
.sidemenus~.paginatin {
left: 22%;
}
.sidemenus.close~.paginatin {
left: 15%;
}
@media(max-width:500px) {
.pagination-outer {
position: relative;
bottom: 44px;
}
}
@media(max-width:394px){
.page_url{
display:flex;
flex-flow:column;
}
.page_url{
width:auto !important;
}
}
@media (max-width: 1250px) {
.sidemenus .nav-links li .arrow {
font-size: 20px !important;
}
.sidemenus~.paginatin {
left: 22%;
position: absolute;
z-index: 100000;
}
.button-fixed{
position:absolute;
z-index: 1000000;
}
.fa-check-circle-o {
font-size: 18px !important;
}
.sidemenus .nav-links li a .link_name {
font-size: 13px !important;
}
.sidemenus .nav-links li .sub-menu a {
color: #000000;
font-size: 13px !important;
}
.color_ridble {
font-size: 13px !important;
}
.color_unridble {
font-size: 13px !important;
}
.accordion-button {
font-size: 13px !important;
}
}
</style>
</head>
<body>
@php
$user_id = Request::session()->get('web_loggedIn')['id'];
$getSideBarPolicy = App\Helpers\Frontend::getSideBarPolicy();
// dd($getSideBarPolicy);
@endphp
<div class="sidemenus ">
<ul class="nav-links">
@if (!empty($getSideBarPolicy))
@php
$i = 1;
@endphp
@foreach ($getSideBarPolicy as $getSideBar)
<li class="{{ Request::segment(2) == $getSideBar['slug'] ? 'showMenu' : '' }}">
<div class="icon-link">
<a href="javascript:;">
<div>
<i class="fa fa-laptop" aria-hidden="true"></i>
<p class="icon-title">{{ $getSideBar['category_name'] }}</p>
</div>
<span class="link_name">{{ $getSideBar['category_name'] }}</span>
</a>
<i class='bx bxs-chevron-down arrow'></i>
</div>
@if (!empty($getSideBar['sub_category']))
<ul id="collapseOne{{ $i }}" class="collapse sub-menu"
aria-labelledby="headingOne{{ $i }}"
data-parent="#accordion{{ $i }}" style="background:none;">
<div class="accordion accordion-flush" id="accordionFlushExample{{ $i }}">
@foreach ($getSideBar['sub_category'] as $sub_category)
<div class="accordion-item bg_none">
<button
class="accordion-button {{ Request::segment(3) == $sub_category['slug'] ? ' ' : 'collapsed' }}"
type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseOne{{ $sub_category['id'] }}"
aria-expanded="false"
aria-controls="flush-collapseOne{{ $sub_category['id'] }}">
{{ $sub_category['policy_name_en'] }}
<!-- <i class="fa fa-arrow-right" aria-hidden="true"></i> -->
</button>
<div id="flush-collapseOne{{ $sub_category['id'] }}"
class="accordion-collapse collapse {{ Request::segment(3) == $sub_category['slug'] ? 'show' : '' }}"
aria-labelledby="flush-headingOne{{ $sub_category['id'] }}"
data-bs-parent="#accordionFlushExample{{ $i }}">
<ul style="" class="mega_menu">
@if (!empty($sub_category['content']))
@foreach ($sub_category['content'] as $content)
<div class="color_unridble">
@php
$questions = App\Helpers\Frontend::getMcqFirstQuest($sub_category['slug']);
@endphp
@php
$ques = '';
$page = 'intro';
if ($content['type'] == 'quiz') {
$ques = 'ques=' . $questions->id;
$page = 'quiz';
}
@endphp
@php
$pages = App\Helpers\Frontend::getViewpages($user_id, $sub_category['slug']);
$lastpage = App\Helpers\Frontend::getLastOrderpages($user_id, $sub_category['slug']);
$sort = !empty($lastpage->sort) ? $lastpage->sort : 1;
$sub__category = $sub_category['slug'];
$slug = $content['slug'];
$nextPage = App\Helpers\Frontend::getNextOrderpages($sort, $sub__category, $slug, $user_id);
// print_r($nextPage->slug??'');
// echo ($nextPage->slug??'');
$__pages = explode(',', $pages->slugs ?? '') ?? [];
@endphp
@if (in_array($content['slug'], $__pages))
<a
href="{{ route($page, ['category' => $getSideBar['slug'], 'policy' => $sub_category['slug'], 'slug' => $content['slug'], $ques]) }}">
{{ $content['title_en'] }}</a>
<i class="fa fa-check-circle-o"
aria-hidden="true"></i>
@else
@if ((!empty($nextPage->slug) ? $nextPage->slug : '') == $content['slug'] || $sort == $content['sort'])
<a class="color_ridble"
href="{{ route($page, ['category' => $getSideBar['slug'], 'policy' => $sub_category['slug'], 'slug' => $content['slug'], $ques]) }}">
{{ $content['title_en'] }}</a>
<i class="fa fa-circle-o"
aria-hidden="true"></i>
@else
{{ $content['title_en'] }}
<i class="fa fa-circle-o"
aria-hidden="true"></i>
@endif
@endif
</div>
@endforeach
@endif
</ul>
</div>
</div>
@endforeach
</div>
</ul>
@endif
</li>
<?php $i++; ?>
@endforeach
@endif
</ul>
</div>
<div class="fixed-header">
<div class="menu_icon bx-menu-set" style="cursor: pointer;">
<img src="{{asset('public/frontend/img/menu.png')}}" alt="">
</div>
<div class="container-fluid cf-set">
<?php
$url = Request::session()->get('urlarr');
$currentURL = url()->current();
$url[] = $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
</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="javascript:;"> <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>
<div class="drop-profile">
<ul>
<li><a href="{{ route('web.profile') }}">Profile</a></li>
<li><a href="{{ route('web.change-password-out') }}"> Change Password</a></li>
<li><a href="{{ route('web.logout') }}"> Logout</a></li>
</ul>
</div>
</li>
</ul>
</div>
</header>
</div>
</div>
@yield('content')
<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 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();
var org = "{{ Request::segment(2) }}";
var policy = "{{ Request::segment(3) }}";
// alert(quiz_id);
$.ajax({
type: "post",
data: {
'ques_id': ques_id,
'option_ids': option_ids,
'quiz_id': quiz_id,
'org': org,
'policy': policy,
},
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 org = "{{ Request::segment(2) }}";
var policy = "{{ Request::segment(3) }}";
var option_ids = [];
$.each($(".custom-check:checked"), function() {
option_ids.push($(this).val());
});
$.ajax({
type: "post",
data: {
'ques_id': ques_id,
'option_ids': option_ids,
'quiz_id': quiz_id,
'org': org,
'policy': policy,
},
url: "{{ asset('quiz/save-quiz-answers') }}",
dataType: "html",
success: function(result) {
console.log(result);
return false;
$('.showMsg').html(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('nav-active')
// $('.sidebar1').toggle();
})
$('.menu_arrow1').click(function() {
// $('.sidebar').toggle();
$('.sidebar').toggleClass('nav-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();
})
// $(document).ready(function(){
// $('.menu_icon').click(function(){
// $('')
// })
// })
$('.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>
<script>
let arrow = document.querySelectorAll(".arrow");
for (var i = 0; i < arrow.length; i++) {
arrow[i].addEventListener("click", (e) => {
let arrowParent = e.target.parentElement.parentElement; //selecting main parent of arrow
arrowParent.classList.toggle("showMenu");
});
}
let sidemenus = document.querySelector(".sidemenus");
let sidemenusBtn = document.querySelector(".bx-menu-set");
console.log(sidemenusBtn);
sidemenusBtn.addEventListener("click", () => {
sidemenus.classList.toggle("close");
});
</script>
</body>
</html>