CasperSecurity
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title>UIET</title>
<meta charset="utf-8" />
<link rel="shortcut icon" href="{{asset('assets/media/logos/uietlogo.png')}}" />
<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<link href="{{asset('assets/css/fonts.css')}}" rel="stylesheet" type="text/css" />
{{--
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">--}}
<!--end::Fonts-->
<!--begin::Page Vendor Stylesheets(used by this page)-->
<link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/custom/vis-timeline/vis-timeline.bundle.css')}}" rel="stylesheet"
type="text/css" />
<!--end::Page Vendor Stylesheets-->
<!--begin::Global Stylesheets Bundle(used by all pages)-->
<link href="{{asset('assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
<!-- Styles -->
<link rel="stylesheet" href="{{asset('css/app.css') }}">
{{--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">--}}
<link href="{{asset('assets/css/bootstrap-icons.css')}}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"
integrity="sha384-4LISF5TTJX/fLmGSxO53rV4miRxdg84mZsxmO8Rx5jGtp/LbrixFETvWa5a6sESd" crossorigin="anonymous">
<!--end::Global Stylesheets Bundle-->
<style>
.custominput {
height: 40px;
padding: 7px;
border-radius: 10px;
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: end !important;
margin: 0;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
table::-webkit-scrollbar {
width: 10px;
}
table::-webkit-scrollbar-thumb {
background: #888;
}
table::-webkit-scrollbar-track {
background: #f1f1f1;
}
</style>
@livewireStyles
@yield('externalcss')
</head>
<!--end::Head-->
<!--begin::Body-->
<body id="kt_body" class="aside-disable">
<!--begin::Main-->
<!--begin::Root-->
<div class="d-flex flex-column flex-root">
<!--begin::Page-->
<div class="page d-flex flex-row flex-column-fluid">
@include('layouts.aside')
<!--begin::Wrapper-->
<div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
@include('layouts.header')
{{ $container }}
@include('layouts.footer')
</div>
<!--end::Wrapper-->
</div>
<!--end::Page-->
</div>
<!--end::Root-->
<!--begin::Scrolltop-->
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)"
fill="black" />
<path
d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z"
fill="black" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Scrolltop-->
<!--begin::Modals-->
<script>var hostUrl = "/";</script>
<!--begin::Global Javascript Bundle(used by all pages)-->
<script src="{{asset('assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('assets/js/scripts.bundle.js')}}"></script>
<!--end::Global Javascript Bundle-->
<!--begin::Page Vendors Javascript(used by this page)-->
<script src="{{asset('assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
<script src="{{asset('assets/plugins/custom/vis-timeline/vis-timeline.bundle.js')}}"></script>
{{--
<script src="{{asset('assets/js/custom/apps/user-management/users/list/table.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/user-management/users/list/export-users.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/user-management/users/list/add.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/user-management/roles/list/add.js')}}"></script>
<script src="{{asset('assets/js/custom/apps/user-management/roles/list/update-role.js')}}"></script>--}}
<!--end::Page Vendors Javascript-->
<!--begin::Page Custom Javascript(used by this page)-->
<script src="{{asset('assets/js/widgets.bundle.js')}}"></script>
<script src="{{asset('assets/js/custom/widgets.js')}}"></script>
<script src="{{asset('assets/plugins/custom/ckeditor/ckeditor-classic.bundle.js')}}"></script>
<script src="https://d3js.org/d3.v3.min.js" language="JavaScript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/print-js/1.6.0/print.js" language="JavaScript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.1.1/d3.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@1.1.18/dist/js/BsMultiSelect.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/d3-org-chart@2"></script>
<script src="https://cdn.jsdelivr.net/npm/d3-flextree@2.0.0/build/d3-flextree.js"></script>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="{{asset('assets/animation_lib/anime.min.js')}}"></script>
{{$externaljs}}
<!--end::Page Custom Javascript-->
<!--end::Javascript-->
<script>
function onlyNumberKey(evt) {
// Only ASCII character in that range allowed
var ASCIICode = (evt.which) ? evt.which : evt.keyCode
if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57))
return false;
return true;
}
const button = document.getElementById('logout_btn');
button.addEventListener('click', e => {
e.preventDefault();
Swal.fire({
html: `Are you sure want to end session & logout ?`,
icon: "question",
buttonsStyling: false,
showCancelButton: true,
confirmButtonText: "Yes",
cancelButtonText: 'No',
customClass: {
confirmButton: "btn btn-primary",
cancelButton: 'btn btn-danger'
}
}).then((result) => {
/* Read more about isConfirmed, isDenied below */
if (result.isConfirmed) {
//Swal.fire('Saved!', '', 'success')
document.getElementById('logout-form').submit();
} else if (result.isDenied) {
Swal.fire('Changes are not saved', '', 'info')
}
});
});
const logoutbutton = document.getElementById('logout_btn_small');
logoutbutton.addEventListener('click', e => {
e.preventDefault();
Swal.fire({
html: `Are you sure want to end session & logout ?`,
icon: "question",
buttonsStyling: false,
showCancelButton: true,
confirmButtonText: "Yes",
cancelButtonText: 'No',
customClass: {
confirmButton: "btn btn-primary",
cancelButton: 'btn btn-danger'
}
}).then((result) => {
/!* Read more about isConfirmed, isDenied below *!/
if (result.isConfirmed) {
//Swal.fire('Saved!', '', 'success')
document.getElementById('logout-form').submit();
} else if (result.isDenied) {
Swal.fire('Changes are not saved', '', 'info')
}
});
});
</script>
@livewireScripts
@yield('externaljs')
<script>
/* $(document).ready(function(){
Echo.join(`chat`)
.here((users) => {
console.log(users);
})
.joining((user) => {
console.log(user.name+ " has joined");
})
.leaving((user) => {
console.log(user.name + " has left");
})
.error((error) => {
console.error(error);
});
/!* Echo.join('clientmessage').here((users)=>{
});*!/
});*/
</script>
<script>
function popupmodal() {
Swal.fire({
text: "Are you sure you would like to close?",
icon: "warning",
showCancelButton: !0,
buttonsStyling: !1,
confirmButtonText: "Yes, close it!",
cancelButtonText: "No, return",
customClass: {
confirmButton: "btn btn-primary",
cancelButton: "btn btn-active-light"
}
}).then((function (result) {
if (result.isConfirmed) {
closemodal();
} else if (
/* Read more about handling dismissals below */
result.dismiss === Swal.DismissReason.cancel
) {
swalWithBootstrapButtons.fire(
'Cancelled',
'Your imaginary file is safe :)',
'error'
)
}
}))
}
function showsuccessmsg($msg) {
Swal.fire({
text: $msg,
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-success"
}
});
}
function showerrorsmsg($msg) {
Swal.fire({
text: $msg,
icon: "error",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-danger"
}
});
}
function closemodal() {
$('.modal').modal('hide');
}
window.addEventListener('closemodal', event => {
closemodal();
});
window.addEventListener('showModal', event => {
const modalId = event.detail.modalId;
$('#' + modalId).modal('show');
});
window.addEventListener('showsuccessmsg', event => {
if (event.detail.type == "success") {
showsuccessmsg(event.detail.message);
} else {
showerrorsmsg(event.detail.message);
}
//showsuccessmsg();
});
</script>
</body>
<!--end::Body-->
</html>