493 lines
25 KiB
PHP
493 lines
25 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<?php
|
|
$title = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
|
|
if (isset($title->name)) {
|
|
$title_name = $title->name;
|
|
} else {
|
|
$title_name = "SUPPORT CENTER";
|
|
}
|
|
?>
|
|
<title> @yield('title') {!! strip_tags($title_name) !!} </title>
|
|
<!-- faveo favicon -->
|
|
<link href="{{asset("lb-faveo/media/images/favicon.ico")}}" rel="shortcut icon" >
|
|
|
|
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
|
|
|
<link href="{{asset("lb-faveo/css/widgetbox.min.css")}}" rel="stylesheet" type="text/css" />
|
|
<!-- Bootstrap 4.3.1 -->
|
|
<link href="{{asset("lb-faveo/css/bootstrap5.min.css")}}" rel="stylesheet" type="text/css" />
|
|
<!-- Font Awesome Icons -->
|
|
<link href="{{asset("lb-faveo/css/font-awesome-5.min.css")}}" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="{{asset("lb-faveo/css/intlTelInput.min.css")}}" rel="stylesheet" type="text/css" />
|
|
<!-- Theme style -->
|
|
{{-- <link href="{{asset("lb-faveo/css/client.min.css")}}" rel="stylesheet" type="text/css" />--}}
|
|
|
|
<link href="{{asset("lb-faveo/css/app.3.0.css")}}" rel="stylesheet" type="text/css">
|
|
|
|
<link href="{{asset("lb-faveo/css/custom.css")}}" rel="stylesheet" type="text/css">
|
|
|
|
<link href="{{asset("lb-faveo/css/edit.css")}}" rel="stylesheet" type="text/css">
|
|
|
|
<link href="{{asset("lb-faveo/css/jquery.rating.css")}}" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="{{asset("lb-faveo/plugins/summernote/summernote-lite.min.css")}}" rel="stylesheet" type="text/css" />
|
|
|
|
<script src="{{asset("lb-faveo/js/jquery-3.6.3.min.js")}}" type="text/javascript"></script>
|
|
|
|
@yield('HeadInclude')
|
|
</head>
|
|
<body>
|
|
|
|
<style>
|
|
|
|
#dropdown_content{ padding-top: 1rem;margin: 0 !important;}
|
|
|
|
#user_avatar{ border-radius: 35px;width: 70px;height: 70px;}
|
|
|
|
#profile_dropdown {border: 1px solid transparent !important; }
|
|
|
|
#profile_dropdown:hover{background: transparent !important;}
|
|
|
|
.profile_btn{padding: 3px !important;}
|
|
|
|
.text-white:hover{color: white !important;}
|
|
|
|
.ellipsize_first_name {overflow: hidden;text-overflow: ellipsis;}
|
|
|
|
.lang_dropdown-menu {right : -1px !important;left : auto !important;}
|
|
|
|
#lang_ul{width: max-content;font-size: unset !important;}
|
|
|
|
.lang{cursor: pointer;}
|
|
|
|
.breadcrumb{background-color: transparent !important;padding: 0 !important;margin-top: 15px !important;margin-left: 17% !important;}
|
|
|
|
.text-small{font-size: 14px;}
|
|
|
|
.submit-btn { border: none;background: none;color: white; }
|
|
|
|
blockquote {font-size: 14px !important;}
|
|
|
|
.form-helper {margin-bottom: 50px;display: inline-block;}
|
|
|
|
.alert { width: 100% !important; }
|
|
|
|
.has-error .form-control { border-color : #dd4b39; }
|
|
|
|
.help-block { color : #dd4b39; }
|
|
|
|
.text-red { color: red; }
|
|
|
|
.nav-item .dropdown-menu{right: unset !important; left: unset!important;margin-left: -6px;}
|
|
|
|
.btn-primary { background-color:#009aba !important;border-color:#00c0ef !important; }
|
|
</style>
|
|
|
|
<div id="page" class="hfeed site text-small">
|
|
|
|
<header id="masthead" class="site-header" role="banner">
|
|
|
|
<div class="container">
|
|
|
|
<nav id="navbar" class="site-navigation navbar navbar-expand-lg navbar-light">
|
|
|
|
<div id="logo" class="navbar-brand brand site-logo text-center" style="font-size: 30px;">
|
|
|
|
<?php
|
|
$company = App\Model\helpdesk\Settings\Company::where('id', '=', '1')->first();
|
|
$system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
|
|
?>
|
|
@if($system->url)
|
|
<a href="{!! $system->url !!}" rel="home">
|
|
@else
|
|
<a href="{{url('/')}}" rel="home">
|
|
@endif
|
|
@if($company->use_logo == 1)
|
|
<img src="{{asset('uploads/company')}}{{'/'}}{{$company->logo}}" alt="User Image" width="200px" height="200px"/>
|
|
@else
|
|
@if($system->name)
|
|
{!! $system->name !!}
|
|
@else
|
|
<b>SUPPORT</b> CENTER
|
|
@endif
|
|
@endif
|
|
</a>
|
|
</div>
|
|
|
|
<button class="navbar-toggler custom-toggler"onclick="javascript:(function() { jQuery('#navbarSupportedContent').toggle(); })()" 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> <!-- collapse -->
|
|
|
|
<div class="collapse navbar-collapse links justify-content-end" id="navbarSupportedContent">
|
|
|
|
<ul class="navbar-nav navbar-menu site-navigate ml-auto">
|
|
|
|
<li @yield('home') class="nav-item"><a href="{{url('/')}}" class="nav-link">{!! Lang::get('lang.home') !!}</a></li>
|
|
|
|
@if($system->first()->status == 1)
|
|
<li @yield('submit') class="nav-item">
|
|
<a href="{{URL::route('form')}}" class="nav-link">{!! Lang::get('lang.submit_a_ticket') !!}</a>
|
|
</li>
|
|
@endif
|
|
|
|
<li @yield('kb') class="nav-item dropdown">
|
|
<a href="{!! url('knowledgebase') !!}" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
|
|
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.knowledge_base') !!}
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
|
|
<li><a href="{{route('category-list')}}" class="dropdown-item">{!! Lang::get('lang.categories') !!}</a></li>
|
|
<li><a href="{{route('article-list')}}" class="dropdown-item">{!! Lang::get('lang.articles') !!}</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<?php $pages = App\Model\kb\Page::where('status', '1')->where('visibility', '1')->get();
|
|
?>
|
|
|
|
@if(count($pages))
|
|
<li @yield('pages') class="nav-item dropdown">
|
|
<a class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
|
|
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.pages') !!}
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
|
|
@foreach($pages as $page)
|
|
<li><a href="{{route('pages',$page->slug)}}" class="dropdown-item">{{$page->name}}</a></li>
|
|
@endforeach
|
|
</ul>
|
|
</li>
|
|
@endif
|
|
|
|
@if(Auth::user())
|
|
|
|
<li @yield('myticket') class="nav-item">
|
|
<a href="{{url('mytickets')}}" class="nav-link">{!! Lang::get('lang.my_tickets') !!}</a>
|
|
</li>
|
|
|
|
<li @yield('profile') class="nav-item dropdown">
|
|
<a href="#" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
|
|
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.my_profile') !!}
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
|
|
<li>
|
|
|
|
<div class="banner-wrapper user-data text-center clearfix" id="profile_dropdown">
|
|
|
|
<img id="user_avatar" src="{{Auth::user()->profile_pic}}"class="avatar" alt="User Image" height="70" width="70"/>
|
|
|
|
<div><strong>Hello</strong></div>
|
|
|
|
<p class="banner-title ellipsize_first_name h4">{{Auth::user()->first_name." ".Auth::user()->last_name}}</p>
|
|
|
|
<div class="banner-content" id="dropdown_content">
|
|
|
|
<a href="{{url('auth/logout')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.log_out') !!}</a>
|
|
|
|
@if(Auth::user())
|
|
@if(Auth::user()->role != 'user')
|
|
<a href="{{url('dashboard')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.dashboard') !!}</a>
|
|
@endif
|
|
@endif
|
|
@if(Auth::user())
|
|
@if(Auth::user()->role == 'user')
|
|
<a href="{{url('client-profile')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.profile') !!}</a>
|
|
@endif
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div id="header-search" class="site-search clearfix" style="margin-right: 90%; width: 100%"><!-- #header-search -->
|
|
{!!Form::open(['route' => 'client.search','class'=>'search-form clearfix'])!!}
|
|
<div class="form-border" style="z-index: 0;width: 95%;">
|
|
<div class="form-inline">
|
|
<div class="form-group input-group" style="width: 100%;">
|
|
<input type="text" name="s" class="search-field form-control input-lg mr-3" title="Enter search term" placeholder="Have a question? Type your search term here..." required>
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-custom btn-md" style="border-color: rgb(0, 192, 239); background-color: rgb(0, 154, 186);">Search</button>
|
|
</span>
|
|
</div>
|
|
|
|
<style>
|
|
.search-field {
|
|
border-radius: 10px; /* You can adjust the value to your desired radius */
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
{!! Form::close() !!}
|
|
|
|
</div>
|
|
</header>
|
|
<!-- Left side column. contains the logo and sidebar -->
|
|
<!-- Right side column. Contains the navbar and content of the page -->
|
|
<div class="site-hero clearfix" >
|
|
@yield('breadcrumb')
|
|
</div>
|
|
|
|
<!-- Main content -->
|
|
<div id="main" class="site-main clearfix">
|
|
<div class="container">
|
|
<div class="content-area">
|
|
<div>
|
|
@if(Session::has('success'))
|
|
<div class="alert alert-success alert-dismissable">
|
|
<i class="fa fa-check-circle"></i>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
{{Session::get('success')}}
|
|
</div>
|
|
@endif
|
|
@if(Session::has('warning'))
|
|
<div class="alert alert-warning alert-dismissable">
|
|
<i class="fa fa-check-circle"></i>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
{!! Session::get('warning') !!}
|
|
</div>
|
|
@endif
|
|
<!-- failure message -->
|
|
@if(Session::has('fails'))
|
|
@if(Session::has('check'))
|
|
<?php goto a; ?>
|
|
@endif
|
|
<div class="alert alert-danger alert-dismissable">
|
|
<i class="fa fa-ban"></i>
|
|
<b>{!! Lang::get('lang.alert') !!} !</b>
|
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
|
{{Session::get('fails')}}
|
|
</div>
|
|
<?php a: ?>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="row">
|
|
@yield('content')
|
|
@yield('check')
|
|
@yield('category')
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
<?php
|
|
$footer1 = App\Model\helpdesk\Theme\Widgets::where('name', '=', 'footer1')->first();
|
|
$footer2 = App\Model\helpdesk\Theme\Widgets::where('name', '=', 'footer2')->first();
|
|
$footer3 = App\Model\helpdesk\Theme\Widgets::where('name', '=', 'footer3')->first();
|
|
$footer4 = App\Model\helpdesk\Theme\Widgets::where('name', '=', 'footer4')->first();
|
|
?>
|
|
<footer id="colophon" class="site-footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="row">
|
|
@if($footer1->title == null)
|
|
@else
|
|
<div class="col-md-3">
|
|
<div class="widget-area">
|
|
<section id="section-about" class="section">
|
|
<h2 class="section-title h4 clearfix">{!!$footer1->title!!}</h2>
|
|
<div class="textwidget">
|
|
<p>{!!$footer1->value!!}</p>
|
|
</div>
|
|
</section><!-- #section-about -->
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@if($footer2->title == null)
|
|
@else
|
|
<div class="col-md-3">
|
|
<div class="widget-area">
|
|
<section id="section-latest-news" class="section">
|
|
<h2 class="section-title h4 clearfix">{!!$footer2->title!!}</h2>
|
|
<div class="textwidget">
|
|
<p>{!! $footer2->value !!}</p>
|
|
</div>
|
|
</section><!-- #section-latest-news -->
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@if($footer3->title == null)
|
|
@else
|
|
<div class="col-md-3">
|
|
<div class="widget-area">
|
|
<section id="section-newsletter" class="section">
|
|
<h2 class="section-title h4 clearfix">{!!$footer3->title!!}</h2>
|
|
<div class="textwidget">
|
|
<p>{!! $footer3->value !!}</p>
|
|
</div>
|
|
</section><!-- #section-newsletter -->
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@if($footer4->title == null)
|
|
@else
|
|
<div class="col-md-3">
|
|
<div class="widget-area">
|
|
<section id="section-newsletter" class="section">
|
|
<h2 class="section-title h4 clearfix">{{$footer4->title}}</h2>
|
|
<div class="textwidget">
|
|
<p>{!! $footer4->value !!}</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<hr style="color:#E5E5E5"/>
|
|
<div class="row">
|
|
<div class="site-info col-md-6">
|
|
<p class="text-muted">{!! Lang::get('lang.copyright') !!} © {!! date('Y') !!} <a href="{!! $company->website !!}" target="_blank">{!! $company->company_name !!}</a>. {!! Lang::get('lang.all_rights_reserved') !!}. {!! Lang::get('lang.powered_by') !!} <a href="http://www.faveohelpdesk.com/" target="_blank">Faveo</a></p>
|
|
</div>
|
|
<div class="site-social text-right col-md-6">
|
|
<?php $socials = App\Model\helpdesk\Theme\Widgets::all(); ?>
|
|
<ul class="list-inline hidden-print" style="display: flex;float: right;">
|
|
@foreach($socials as $social)
|
|
@if($social->name == 'facebook')
|
|
@if($social->value)
|
|
<li><a href="{!! $social->value !!}" class="btn btn-social btn-facebook" target="_blank"><i class="fab fa-facebook fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "twitter")
|
|
@if($social->value)
|
|
<li><a href="{{ $social->value }}" class="btn btn-social btn-twitter" target="_blank"><i class="fab fa-twitter fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "google")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-google-plus" target="_blank"><i class="fab fa-google-plus fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "linkedin")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-linkedin" target="_blank"><i class="fab fa-linkedin fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "vimeo")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-vimeo" target="_blank"><i class="fab fa-vimeo-square fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "youtube")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-youtube" target="_blank"><i class="fab fa-youtube fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "pinterest")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-pinterest" target="_blank"><i class="fab fa-pinterest fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "dribbble")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-dribbble" target="_blank"><i class="fab fa-dribbble fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "flickr")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-flickr" target="_blank"><i class="fab fa-flickr fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "instagram")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value }}" class="btn btn-social btn-instagram" target="_blank"><i class="fab fa-instagram fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "rss")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-rss" target="_blank"><i class="fas fa-rss fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "skype")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-twitter" target="_blank"><i class="fab fa-skype fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "stumble")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-google-plus" target="_blank"><i class="fab fa-stumbleupon fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@if($social->name == "deviantart")
|
|
@if($social->value)
|
|
<li><a href="{{$social->value}}" class="btn btn-social btn-success" target="_blank"><i class="fab fa-deviantart fa-fw"></i></a></li>
|
|
@endif
|
|
@endif
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</footer><!-- #colophon -->
|
|
|
|
<script src="{{asset("lb-faveo/js/popper.min.js")}}" type="text/javascript"></script>
|
|
<!-- Bootstrap 3.3.2 JS -->
|
|
<script src="{{asset("lb-faveo/js/bootstrap5.min.js")}}" type="text/javascript"></script>
|
|
|
|
{{-- <script src="{{asset("lb-faveo/js/client.min.js")}}" type="text/javascript"></script>--}}
|
|
|
|
<script src="{{asset("lb-faveo/js/autocomplete.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/superfish.min.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/app.js")}}" type="text/javascript"></script>-
|
|
|
|
<script src="{{asset("lb-faveo/js/jquery.mobilemenu.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/jquery.rating.pack.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/custom.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/html5shiv.min.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/js/respond.min.js")}}" type="text/javascript"></script>
|
|
|
|
<script src="{{asset("lb-faveo/plugins/summernote/summernote-lite.min.js")}}" type="text/javascript"></script>
|
|
|
|
<script>
|
|
$(function () {
|
|
//Enable check and uncheck all functionality
|
|
$(".checkbox-toggle").click(function () {
|
|
var clicks = $(this).data('clicks');
|
|
if (clicks) {
|
|
//Uncheck all checkboxes
|
|
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
|
} else {
|
|
//Check all checkboxes
|
|
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
|
}
|
|
$(this).data("clicks", !clicks);
|
|
});
|
|
//Handle starring for glyphicon and font awesome
|
|
$(".mailbox-star").click(function (e) {
|
|
e.preventDefault();
|
|
//detect type
|
|
var $this = $(this).find("a > i");
|
|
var glyph = $this.hasClass("glyphicon");
|
|
var fa = $this.hasClass("fa");
|
|
//Switch states
|
|
if (glyph) {
|
|
$this.toggleClass("glyphicon-star");
|
|
$this.toggleClass("glyphicon-star-empty");
|
|
}
|
|
if (fa) {
|
|
$this.toggleClass("fa-star");
|
|
$this.toggleClass("fa-star-o");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|