Master Blade Ruang Ajar (Uptodate)
RoniiSurya015
php_laravel_blade
a year ago
17 kB
4
Indexable
Never
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'RuangAjar') }}</title>
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<!-- Boostrap V.4.6.x Internal -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/style-master.css') }}" rel="stylesheet">
{{-- Toastr --}}
<link rel="stylesheet" href="{{ asset('notif/toastr.min.css') }}">
<link rel="stylesheet" href="{{ asset('notif/ext-component-toastr.min.css') }}">
@stack('style')
<style>
.bg-custom {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: 0 !important;
background-color: white !important;
}
.text-color {
color: #62ddbd !important;
}
.btn-company {
background-color: #62DDBD;
color: white;
}
.btn-company:hover {
color: white !important;
}
.card-custom {
border-radius: 5px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: 0;
}
.circle-notification-custom {
background: #62ddbd;
color: white;
width: 17px;
height: 17px;
border-radius: 50%;
text-align: center;
font-size: 11px;
}
/* Responsivity */
@media screen and (max-width: 576px) {
.fix-img-in-card {
width: 100%;
object-fit: cover;
height: 50vw;
}
.fix-img-detail-course-package {
height: 15vw;
object-fit: cover;
}
}
@media screen and (max-width: 768px) {
.fix-img-in-card {
width: 100%;
object-fit: cover;
height: 50vw;
}
.fix-img-detail-course-package {
height: 70vw;
object-fit: cover;
}
}
@media screen and (max-width: 992px) {
.fix-img-in-card {
width: 100%;
object-fit: cover;
height: 50vw;
}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.fix-img-in-card {
width: 100%;
object-fit: cover;
height: 12vw;
}
.fix-img-detail-course-package {
height: 14vw;
object-fit: cover;
}
}
@media screen and (min-width: 1920px) and (max-width: 2000px) {
.fix-img-in-card {
width: 100%;
object-fit: cover;
height: 12vw;
}
.fix-img-detail-course-package {
height: 10vw;
object-fit: cover;
}
}
</style>
</head>
<body>
{{-- Global Value --}}
<input type="hidden" id="base-url-env" value="{{ URL::to('/') }}">
@if(auth()->check())
<input type="hidden" id="authentication" value="true">
<input type="hidden" id="user-id-account" value="{{ auth()->user()->id }}">
<input type="hidden" id="user-role-id-account" value="{{ auth()->user()->role_id }}">
@else
<input type="hidden" id="authentication" value="false">
@endif
<div id="app">
{{-- Navbar --}}
<nav class="navbar navbar-expand-lg navbar-light bg-custom">
<div class="container">
<a class="navbar-brand intro-one-ruangajar" href="/">
<img src="{{ asset('img/ruang-ajar-logo.png') }}" alt="" srcset="" style="height:50px;">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
{{-- <li class="nav-item">
<a class="nav-link" href="{{ route('dashboard.index') }}">Dashboard</a>
</li> --}}
{{-- Mentor --}}
@if (auth()->user()->role_id == '1')
<li class="nav-item">
<a class="nav-link" href="{{ route('company:profile.company_edit', [\Str::slug(auth()->user()->company->Name), 'company' => auth()->user()->company_id]) }}">@lang('label.course_institution_profile')</a>
</li>
<li class="nav-item">
<a class="nav-link intro-two-new-account" href="{{ route('package.course.index') }}">Paket Kursus Saya</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('e.wallet.index') }}">Dompet Anda</a>
</li>
@endif
{{-- Student --}}
@if (auth()->user()->role_id == '6')
<li class="nav-item">
<a class="nav-link" href="{{ route('profile.index') }}">Profil Akun</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('member.course.index') }}">Paket Kursus</a>
</li>
@endif
<li class="nav-item">
<a class="nav-link" href="{{ route('course.transaction.index') }}">
Daftar Transaksi
@if ($waitingPaymentGlobal > 0)
<div class="float-right circle-notification-custom ml-1" id="circle-notif-animate">{{ $waitingPaymentGlobal }}</div>
@endif
</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown pt-2">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-globe text-color"></i> @lang('label.languange')
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">
<img src="{{ asset('img/indonesia.png') }}" alt="" style="width: 20px; height: 20px;"> Indonesia
</a>
<a class="dropdown-item" href="#">
<img src="{{ asset('img/uk.png') }}" alt="" style="width: 20px; height: 20px;"> Inggris
</a>
</div>
</li>
<li class="nav-item pt-2">
@if (auth()->user()->role_id == 1)
<a href="{{ route('package.course.index') }}" class="nav-link"><i class="fas fa-book text-color"></i> {{ $courseGlobal }} @lang('label.course_package')</a>
@elseif (auth()->user()->role_id == 6)
<a href="{{ route('member.course.index') }}?my-course=true" class="nav-link"><i class="fas fa-book text-color"></i> {{ $courseGlobal }} Paket Kursus Saya</a>
@endif
</li>
<li class="nav-item pt-2">
@if (auth()->user()->role_id == 6)
<a href="{{ route('cart.index') }}" class="nav-link"><i class="fas fa-shopping-cart text-color"></i> <span id="cart-global-element">{{ $cartsGlobal }}</span> @lang('label.course_package')</a>
@endif
</li>
<li class="nav-item pt-2">
<a class="nav-link" href="{{ route('e.wallet.index') }}"><i class="fas fa-wallet text-color"></i> {{ rupiah($walletGlobal) }}</a>
</li>
<li class="nav-item pt-2">
<a class="nav-link" href="{{ route('auth.logout_process') }}"> <i class="fa fa-sign-out text-color"></i> @lang('label.logout')</a>
</li>
{{-- <li class="nav-item dropdown">
<a class="nav-link" href="#" id="profile-dropdown-menu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@if (auth()->user()->role_id == 1)
<img src="{{ (auth()->user()->company && auth()->user()->company->logo) ? auth()->user()->company->logo : 'https://st4.depositphotos.com/4329009/19956/v/600/depositphotos_199564354-stock-illustration-creative-vector-illustration-default-avatar.jpg' }}" alt="preview-img" style="width: 36px; height: 36px; border-radius: 50px;">
@else
<img src="{{ (auth()->user()->avatar) ? auth()->user()->avatar : 'https://st4.depositphotos.com/4329009/19956/v/600/depositphotos_199564354-stock-illustration-creative-vector-illustration-default-avatar.jpg' }}" alt="preview-img" style="width: 36px; height: 36px; border-radius: 50px;">
@endif
</a>
<div class="dropdown-menu" aria-labelledby="profile-dropdown-menu">
<a class="dropdown-item" href="{{ route('auth.logout_process') }}">@lang('label.logout')</a>
</div>
</li> --}}
</ul>
</div>
</div>
</nav>
{{-- Content --}}
<main class="py-2-hide mt-4" style="background-color: #faf8ff;">
@yield('content')
</main>
</div>
{{-- Jquery V.1.10.1 --}}
{{-- <script src="{{ asset('js/jquery.js') }}"></script> --}}
{{-- Jquery V.1.11.1 --}}
{{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> --}}
{{-- Jquery Ui V.1.11.1 --}}
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js" integrity="sha512-PYku51kWkxxuh0OiQHi8INwfDEVcEe9JYBiZCA21G0ITGdEUU7scEhTyutt69jK591vKJmBhPMP+yYMd6J88nQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}
{{-- Jquery V.3.6.0 and Jquery UI v.1.12.1 --}}
{{-- <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> --}}
{{-- <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" integrity="sha256-6XMVI0zB8cRzfZjqKcD01PBsAy3FlDASrlC8SxCpInY=" crossorigin="anonymous"></script> --}}
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}
{{-- /Jquery V.3.6.0 and Jquery UI v.1.12.1 --}}
{{-- Jquery Scroll --}}
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js" defer></script> --}}
{{-- For Inlucde Jquery, Jquery UI, etc --}}
{{-- <script src="{{ asset('js/app.js') }}" defer></script> --}}
{{-- Jquery Stable Version --}}
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
{{-- Jquery Stable Version --}}
{{-- Library --}}
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://kit.fontawesome.com/965792c645.js" crossorigin="anonymous"></script>
{{-- Toastr --}}
<script src="{{ asset('notif/toastr.min.js') }}"></script>
<script src="{{ asset('notif/ext-component-toastr.min.js') }}"></script>
{{-- Global Config --}}
<script>
{{-- Initialize --}}
let csrfToken = $('meta[name="csrf-token"]').attr('content')
let baseUrl = $('#base-url-env').val()
let homeUrl = $('#home-url').val()
let userId = $('#user-id-account').val()
let userRoleId = $('#user-role-id-account').val()
let companyName = $('#company-name').val()
let t,o = "rtl" === $("html").attr("data-textdirection")
</script>
{{-- Logout --}}
<script type="text/javascript">
// Trigger Input Type File
$(document).on('click', '#report-upload-area', function () {
$('#report-upload-file').click()
})
$(document).on('submit', '#checkout-modal form', function (e) {
e.preventDefault()
// Initialize
let url = $('#checkout-url').val()
// Disabled Button True
$('.checkout-button').attr('disabled', true)
$.ajax({
url: `${url}`,
type: 'POST',
headers: {'X-CSRF-TOKEN': `${csrfToken}`},
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
dataType: 'json',
success: data => {
// Validate
if (!data.status) {
Swal.fire({
title: 'Error',
text: `${data.message}`,
icon: 'error'
})
// Disabled Button False
$('.checkout-button').attr('disabled', false)
return 0
}
// Hide Modal
$('#checkout-modal').modal('hide')
Swal.fire({
title: 'Sukses',
text: `${data.message}`,
icon: 'success'
}).then((result) => {
if (result.isConfirmed) {
window.location.replace(`${baseUrl}`)
}
})
},
error: e => {
console.log(e)
// Disabled Button False
$('.checkout-button').attr('disabled', false)
Swal.fire({
title: 'Error',
text: '500 Internal Server Error!',
icon: 'error'
})
}
})
})
</script>
{{-- Global Function --}}
<script>
$(document).ready(function () {
// Call Function
configTooltip()
})
function configTooltip() {
$('.config-tooltip').tooltip()
}
</script>
<script>
setInterval(function () {
if ($('#circle-notif-animate').attr('hide') == 'true') {
$('#circle-notif-animate').css('display', 'none')
$('#circle-notif-animate').attr('hide', 'false')
} else {
$('#circle-notif-animate').attr('hide', 'true')
$('#circle-notif-animate').css('display', '')
}
}, 1000)
</script>
@stack('script')
</body>
</html>