Viewing file:  front.blade.php (26.35 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@php
$setting = DB::table('settings')->first();
$home_cutomizes = DB::table('home_cutomizes')->first();
$join_us = json_decode(json: $home_cutomizes->join_us);
$footer_email = $setting->footer_email ?? '';
$copy_right = $setting->copy_right ?? '';
$title = $setting->title ?? '';
$logo = $setting->logo ?? '';
$country = DB::table('currencies')->get();
$currency_name = Cache::get('currency_name');
@endphp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{$title}} -@yield('title')</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
{{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> --}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="{{asset('core/public/front/style.css')}}">
<link rel="stylesheet" href="{{asset('core/public/front/responsive.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>
<link rel="icon" type="image/x-icon" href="{{asset('assets/images/'.$logo)}}">
@yield('styleplugins')
<style>
.disabled>.page-link, .page-link.disabled{
color: rgb(255 255 255 / 75%) !important;
pointer-events: none !important;
background-color: #1d1d1d !important;
border-color: #000000 !important;
}
.page-link{
color: rgb(255 255 255) !important;
background-color: #000000 !important;
border-color: #000000 !important;
}
.breadcrumbs{
color: white !important;
list-style: none;
margin-top: 50px;
padding-left: 0px !important;
}
.breadcrumbs li::marker{
display: none !important;
}
.user-avatar #avater_photo_view{
height: 100%;
width: 100%;
border-radius: 50px;
}
.user-avatar{
height: 104px;
width: 106px;
border-radius: 50px;
margin-bottom: 15px;
}
</style>
</head>
<body>
<header class="main-header-bg shadow-sm fixed-top">
<div class="container d-flex justify-content-between align-items-center py-3 ">
<div class="d-flex align-items-center">
<a href="{{ route('front.index') }}">
<img src="{{asset('assets/images/'.$logo)}}" alt=" Logo" class="me-2"
height="50"></a>
</div>
<div class="d-flex flex-grow-1 justify-content-center position-relative">
<input type="text" class="form-control w-75 custom-input" placeholder="Search..." id="search-suggestion">
<div class="search-suggestion-box d-none" id='search-suggestion-box'>
{{-- <div class="search-suggestion-box-data">
<ul>
<li>
<img src="https://cdn.unipin.com/images/icon_product_pages/1578364166-icon-nintendo.jpg" alt="">
<span>Nintendo eShop Cards</span>
</li>
</ul>
</div> --}}
</div>
</div>
<div class="d-flex align-items-center gap-3">
@if(Auth::user())
<a href="{{ route('user.dashboard') }}" class="sign-in-btn">Dashboard</a>
@else
<a href="{{ route('user.login') }}" class="sign-in-btn">Sign In</a>
@endif
<div class="nav-language-icon ms-3" id="change-language-icon">
<div class="new-language-icon"
style="background-image: url('{{asset('assets/images/'.$currency_name['img'])}}')"></div>
</div>
<div class="nav-language-group ms-3 d-none">
<a href="#" class="active p-2">BN</a>
<a href="#" class=" p-2">EN</a>
</div>
</div>
</div>
</header>
<div class="site-bar-content">
<div class="sidebar closed" id="sidebar">
<div class="nav-bar-toggle-icon-sec">
<button class="menu-btn">
<i class="fa fa-bars menu-bar-icon" aria-hidden="true"></i>
</button>
<div class="collaped-site-logo">
<a href="{{ route('front.index') }}">
<img class="site-logo d-none" src="{{asset('assets/images/'.$logo)}}" alt="Logo" class="me-2" height="30"></a>
</div>
</div>
<a href="{{ route('front.index') }}" class="side-bar-content-sec">
<div class="side-bar-content-text-sec {{ Route::is('front.index') ? 'sidebar-active' : '' }}">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text close">
Home
</div>
</div>
<div class="sidebar-nav-collapsed-text close">Home</div>
</div>
</a>
<a href="{{ route('front.event') }}" class="side-bar-content-sec">
<div class="side-bar-content-text-sec {{ Route::is('front.event') ? 'sidebar-active' : '' }}">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-calendar side-bar-icon"></i>
</div>
<div class="side-bar-icon-text close">
Promo & Events
</div>
</div>
<div class="sidebar-nav-collapsed-text close"> Promo </div>
</div>
</a>
<a href="{{ route('front.games') }}" class="side-bar-content-sec">
<div class="side-bar-content-text-sec {{ Route::is('front.games') ? 'sidebar-active' : '' }}">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-gamepad side-bar-icon"></i>
</div>
<div class="side-bar-icon-text close">
Games
</div>
</div>
<div class="sidebar-nav-collapsed-text close"> Games</div>
</div>
</a>
<a href="{{ route('front.news') }}" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa-solid fa-newspaper side-bar-icon"></i>
</div>
<div class="side-bar-icon-text close">
News
</div>
</div>
<div class="sidebar-nav-collapsed-text close">News</div>
</div>
</a>
<a href="{{ route('front.faq') }}" class="side-bar-content-sec">
<div class="side-bar-content-text-sec {{ Route::is('front.faq') ? 'sidebar-active' : '' }}">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-question-circle side-bar-icon"></i>
</div>
<div class="side-bar-icon-text close">
FAQ
</div>
</div>
<div class="sidebar-nav-collapsed-text close">FAQ</div>
</div>
</a>
</div>
</div>
@yield('content')
<div class="customer-suport-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="customer-support-sub-title-sec popular-title">
Customer Support
</div>
<div class="customer-support-title trending-title">
Reach Us At
</div>
</div>
<div class="col-lg-2 col-md-4 col-4 res-padding">
<div class="support-icon-sec">
<a href="mailto:{{ $footer_email }}" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-envelope support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
Email
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-4 res-padding">
<div class="support-icon-sec">
<a href="{{ route('front.faq') }}" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-question-circle support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
FAQ
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-4 res-padding">
<div class="support-icon-sec">
<a href="mailto:{{ $footer_email }}" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-commenting support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
Give Feedback
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="subscribe-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="subscribe-sub-title">
@if(isset($join_us) && $join_us->title)
{{ $join_us->title }}
@endif
</div>
<div class="subscribe-title">
@if(isset($join_us) && $join_us->description)
{{ $join_us->description }}
@endif
</div>
<div class="instagram-icon-sec text-center">
<a href="{{isset($join_us->url) ? $join_us->url : ''}}" target="_blank">
<i
class="fab fa-envelope instagram-icon" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="footer-about-sec ">
<div class="footer-logo-sec">
<img src="{{asset('assets/images/'.$logo)}}" class="footer-logo" alt="">
</div>
<div class="footer-logo-text">
Universal Pin is the leading Digital Content Enabler that focus only on online games and
digital products across the world.
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="site-map-sec h4">
Important Information
</div>
<div class="site-map-link-sec">
<a href="{{ route('front.faq') }}" class="site-map-link-text">FAQ</a>
<a href="{{ route('front.news') }}" class="site-map-link-text">News</a>
<a href="{{ route('front.policy') }}" class="site-map-link-text">Privacy & Policy</a>
<a href="{{ route('front.conditions') }}" class="site-map-link-text">Terms & Conditions</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="site-map-sec h4">
Others Information
</div>
<div class="site-map-link-sec">
<a href="mailto:{{ $footer_email }}" class="site-map-link-text">Customer Support</a>
<a href="{{ route('front.careers') }}" class="site-map-link-text">Careers</a>
<a href="{{ route('front.payment.channels') }}" class="site-map-link-text">Payment Channels</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-end-sec">
<div class="container">
{{-- <div class="row align-items-center">
<div class="col-lg-3 col-md-4 col-12 text-center">
<div class="copyright-sec">
<span class="copyright-text">{{ $copy_right }} </span>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12 text-center important-link-p">
<span class="important-link">
<a class="important-link-text" href="{{ route('front.conditions') }}"> Terms & Conditions</a>
</span>
</div>
<div class="col-lg-3 col-md-4 col-12 text-center important-link-p">
<span class="important-link">
<a class="important-link-text" href="{{ route('front.policy') }}">Privacy & Policy</a>
</span>
</div>
</div> --}}
<div class="d-lg-flex align-items-center text-center">
<div class="copyright-sec">
<span class="copyright-text">{{ $copy_right }} </span>
</div>
<div class="">
<span class="important-link">
<a class="important-link-text" href="{{ route('front.conditions') }}">Terms & Conditions</a>
</span>
<span class="important-link">
<a class="important-link-text" href="{{ route('front.policy') }}">Privacy & Policy</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="custom-sidebar-overlay"></div>
<div class="custom-sidebar">
<a href="#" class="custom-sidebar-close-btn d-none">X</a>
<div class="custom-sidebar-content">
<div class="custom-sidebar-content-link-sec">
{{-- <a href="#" class="custom-sidebar-content-link">
<i class="fa fa-gift menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Rewards
</div>
</a> --}}
{{-- <a href="#" class="custom-sidebar-content-link">
<i class="fa fa-handshake-o menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Partnership Program
</div>
</a> --}}
{{-- <a href="#" class="custom-sidebar-content-link">
<i class="fa fa-headphones menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Customer Support
</div>
</a> --}}
<a href="{{ route('front.faq') }}" class="custom-sidebar-content-link">
<i class="fa fa-question-circle menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
FAQ
</div>
</a>
<a href="{{ route('front.news') }}" class="custom-sidebar-content-link">
<i class="fa-solid fa-newspaper menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
News
</div>
</a>
{{-- <a href="#" class="custom-sidebar-content-link">
<i class="fa fa-gift menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Reseller Program
</div>
</a> --}}
</div>
</div>
</div>
<div class="footer-mobile-responsive">
<div class="footer-nav-icon-list">
<div class="footer-nav-home {{ Route::is('front.index') ? 'footer-nav-home-active' : '' }}">
<a href="{{ route('front.index') }}" class="footer-nav-link">
<i class="fa fa-home side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home {{ Route::is('front.games') ? 'footer-nav-home-active' : '' }}">
<a href="{{ route('front.games') }}" class="footer-nav-link">
<i class="fa fa-gamepad side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home {{ Route::is('front.event') ? 'footer-nav-home-active' : '' }}">
<a href="{{ route('front.event') }}" class="footer-nav-link">
<i class="fa fa-calendar side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home ">
<a href="#" id="footer-collapse-mb" class="footer-nav-link">
<i class="fa fa-bars side-bar-icon-mb"></i>
</a>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade all-country" id="all-country" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="container">
<div class="region-topbar-search">
<div class="region-topbar-search-header">
<div class="region-topbar-search-header-back" data-bs-dismiss="modal"><i
class="fa-solid fa-chevron-left"></i></div>
<div class="region-topbar-search-header-text">Available regions</div>
</div>
</div>
<div class="region-modal-top d-none">
<h3>Language</h3>
<div class="language-buttons mt-3 mb-4">
<div class="col-4 col-md-2">
<a href="#">BN</a>
</div>
<div class="col-4 col-md-2">
<a href="#">EN</a>
</div>
</div>
</div>
<div class="border-separator"></div>
<h3 class="mt-3 mb-3">Select your location</h3>
<div class="region-scroll-container">
<div class="region-selection-container">
@foreach ($country as $crt)
<div class="region-selection-container-box">
<div href="#" class="country-link" data-country="{{ $crt->country }}">
<div class="nav-language-icon ms-3" id="change-language-icon">
<div class="new-language-icon"
style="background-image: url('{{asset('assets/images/'.$crt->photo)}}')"></div>
</div>
<h4>{{ $crt->name }}</h4>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
@yield('js')
@php $allErrors=''; @endphp
@if (isset($errors) && count($errors) > 0)
@foreach ($errors->all() as $error)
@php $allErrors.=$error.'<br/>' @endphp
@endforeach
<script>
$(function () {
toastr.error('{!! $allErrors !!}', 'Failed', {timeOut: 5000});
});
</script>
@endif
@if(session()->has('success'))
<script>
$(function () {
toastr.info('{{session()->get('success')}}', 'Success', {
positionClass: "toast-top-right",
timeOut: 5e3,
closeButton: !0,
debug: !1,
newestOnTop: !0,
progressBar: !0,
preventDuplicates: !0,
onclick: null,
showDuration: "300",
hideDuration: "1000",
extendedTimeOut: "1000",
showEasing: "swing",
hideEasing: "linear",
showMethod: "fadeIn",
hideMethod: "fadeOut",
tapToDismiss: !1
});
});
</script>
@endif
<script>
$(document).ready(function () {
$('.side-bar-content-text-sec').click(function () {
$('.side-bar-content-text-sec').removeClass('sidebar-active');
$(this).addClass('sidebar-active');
});
});
$(function () {
$('#footer-collapse-mb').on('click', function () {
$('.custom-sidebar').addClass('open');
$('.custom-sidebar-overlay').addClass('show');
});
$('.custom-sidebar-overlay').on('click', function () {
$('.custom-sidebar').removeClass('open');
$(this).removeClass('show');
});
$('.custom-sidebar-close-btn').on('click', function () {
$('.custom-sidebar').removeClass('open');
$('.custom-sidebar-overlay').removeClass('show');
});
});
</script>
<script>
$(document).on('click', '.menu-btn', function (e) {
$('#sidebar').toggleClass('closed');
$('.site-logo').toggleClass('d-none');
$('.sidebar-nav-collapsed-text').toggleClass('close');
$('.side-bar-icon-text').toggleClass('close');
})
</script>
<script>
$(document).on('keyup', '#search-suggestion', function (e) {
let gameSearch = $(this).val();
if (gameSearch) {
$.ajax({
url: `{{ route('front.see.game') }}`,
type: "GET",
data: {game_name: gameSearch},
success: function (response) {
$("#search-suggestion-box").empty();
if (response.data.length > 0) {
response.data.forEach(function (game) {
let topUpRoute = "{{ route('front.top.up', ':code') }}";
let assetPath = "{{ asset('assets/images') }}";
let gameCard = `
<div class="search-suggestion-box-data">
<ul>
<li>
<a href="${topUpRoute.replace(':code', game.code)}" class="w-100">
<img src="${assetPath}/${game.photo}" alt="">
<span>${game.name}</span>
</a>
</li>
</ul>
</div>
`;
$("#search-suggestion-box").append(gameCard);
});
}
$('#search-suggestion-box').removeClass('d-none');
},
error: function (xhr, status, error) {
console.log("Error:", error);
}
});
} else {
$('#search-suggestion-box').addClass('d-none');
}
});
</script>
<script>
$(document).ready(function () {
var currencyName = @json(Cache::get('currency_name'));
var requestUrl = "https://ipinfo.io/json";
if (!currencyName) {
$.ajax({
url: requestUrl,
type: 'GET',
success: function (json) {
let country_name = json.country;
if (country_name) {
$.ajax({
url: '{{route('front.get.country')}}',
type: 'POST',
data: {
country: country_name,
_token: '{{ csrf_token() }}'
},
success: function (response) {
},
error: function (err) {
console.log("Request failed, error= " + err);
}
});
}
},
error: function (err) {
console.log("Request failed, error= " + err);
}
});
}
});
</script>
<script>
$(document).on('click', '#change-language-icon', function (e) {
$('#all-country').modal('show');
});
</script>
<script>
$(document).ready(function () {
$(".country-link").click(function () {
let countryName = $(this).data("country");
$.ajax({
url: "{{ route('front.get.country') }}",
type: "POST",
data: {
country: countryName,
_token: "{{ csrf_token() }}"
},
success: function (response) {
location.reload();
},
error: function () {
}
});
});
});
</script>
@yield('jsplugins')
</body>
</html>
|