client-update

changes

changes1

page-changes

lock

color

changes-2

footer

page

toggle-remove

display-dropdown

changes

card-changes

card

changes-button

chnages-article

pages

page-404-fix

breadcrumbs-fix

remove drop-down

Apply fixes from StyleCI

buttons

fixes

existing-fix

changes-3

Apply fixes from StyleCI

changes-4

app/FaveoLog/routes.php

@@ -1,5 +1,6 @@
 <?php
 
+use DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs;
 use Illuminate\Support\Facades\Route;
 
 Breadcrumbs::register('logs', function ($breadcrumbs) {

app/FaveoStorage/breadcrumbs.php

@@ -1,5 +1,7 @@
 <?php
 
+use DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs;
+
 Breadcrumbs::register('storage', function ($breadcrumbs) {
     $breadcrumbs->parent('setting');
     $breadcrumbs->push('Storage', route('storage'));

app/Http/Controllers/Admin/helpdesk/FormController.php

@@ -447,22 +447,22 @@ class FormController extends Controller
         }
 
         return '<script>
-            $("#'.Str::slug($value).'").on("change", function () {
-                var valueid = $("#'.Str::slug($value).'").val();
-                var fieldid = $("#'.$fieldid.Str::slug($value).'").val();
-                send'.$fieldid.Str::slug($value).'(valueid,fieldid);
-            });
-            function send'.$fieldid.Str::slug($value).'(valueid,fieldid) {
-                $.ajax({
-                    url: "'.url('forms/render/child/').'",
-                    dataType: "html",
-                    data: {"valueid": valueid,"fieldid": fieldid},
-                    success: function (response) {
-                        $("#'.$fieldname.'").html(response);
-                    },
-                    error: function (response) {
-                        $("#'.$fieldname.'").html(response);
-                    }
+             $(".'.Str::slug($fieldname).'-'.Str::slug($value).'").on("change", function () {
+            var valueid = $(this).val();
+            var fieldid = $("#'.$fieldid.Str::slug($value).'").val();
+            send'.$fieldid.Str::slug($value).'(valueid,fieldid);
+        });
+        function send'.$fieldid.Str::slug($value).'(valueid,fieldid) {
+            $.ajax({
+                url: "'.url('forms/render/child/').'",
+                dataType: "html",
+                data: {"valueid": valueid,"fieldid": fieldid},
+                success: function (response) {
+                    $("#'.$fieldname.'").html(response);
+                },
+                error: function (response) {
+                    $("#'.$fieldname.'").html(response);
+                }
                 });
             }
         </script>';
@@ -541,7 +541,7 @@ class FormController extends Controller
     public static function selectForm($field_type, $field, $required, $required_class)
     {
         $session = self::getSession();
-        $script = self::jqueryScript($field_value = '', $field->id, $field->name, $field_type);
+        $script = self::jqueryScript($field->id, $field->name, $field_type);
         $form_hidden = Form::hidden('fieldid[]', $field->id, ['id' => 'hidden'.$session.$field->id]).Form::label($field->label, $field->label, ['class' => $required_class]);
         $select = Form::$field_type($field->name, ['' => 'Select', 'Selects' => self::removeUnderscoreFromDB($field->values()->pluck('field_value', 'field_value')->toArray())], null, ['class' => "form-control $session$field->id", 'id' => $session.$field->id, 'required' => $required]).'</br>';
         $html = $script.$form_hidden.$select;
@@ -578,7 +578,7 @@ class FormController extends Controller
             foreach ($values as $field_value) {
                 $script = self::jqueryScript($field_value, $field->id, $field->name, $field_type, $i);
                 $checkbox .= Form::hidden('fieldid[]', $field->id, ['id' => 'f'.$session.$i]);
-                $checkbox .= Form::$field_type($field->name, $field_value, null, ['class' => "$field->id", 'id' => $session.$i, 'required' => $required]);
+                $checkbox .= Form::$field_type($field->name, $field_value, null, ['class' => "$field->id", 'id' => $session.$field->id.'_'.$i, 'required' => $required]);
                 $checkbox .= '<span>   '.removeUnderscore($field_value).'</span>';
                 //$checkbox .="</br>";
                 $checkbox .= '<div>'.$script.'<div id=div'.$session.$field_value.'></div></div>';

app/Http/Controllers/Agent/helpdesk/MailController.php

@@ -15,6 +15,7 @@ use App\Model\helpdesk\Ticket\Ticket_source;
 use App\Model\helpdesk\Ticket\Ticket_Thread;
 use App\Model\helpdesk\Ticket\Tickets;
 // classes
+use Illuminate\Http\Request;
 use Illuminate\Support\Str;
 
 /**
@@ -294,7 +295,7 @@ class MailController extends Controller
         }
         if ($disposition == 'INLINE' || $disposition == 'inline') {
             $id = str_replace('>', '', str_replace('<', '', $structure->id));
-            //$filename = $attachment->getFileName();
+//            $filename = $attachment->getFileName();
             $threads = new Ticket_Thread();
             $thread = $threads->find($thread_id);
             $body = $thread->body;
@@ -351,8 +352,9 @@ class MailController extends Controller
      *
      * @return type file
      */
-    public function get_data($id)
+    public function get_data(Request $request)
     {
+        $id = $request->input('image_id');
         $attachment = \App\Model\helpdesk\Ticket\Ticket_attachments::where('id', '=', $id)->first();
         if (mime($attachment->type) == true) {
             echo "<img src=data:$attachment->type;base64,".$attachment->file.'>';

app/Http/Controllers/Client/helpdesk/FormController.php

@@ -250,7 +250,7 @@ class FormController extends Controller
 //                    }
                 }
                 // dd($result);
-                return Redirect::back()->with('success', Lang::get('lang.Ticket-has-been-created-successfully-your-ticket-number-is').' '.$result[0].'. '.Lang::get('lang.Please-save-this-for-future-reference'));
+                return Redirect::back()->with('success', Lang::get('lang.Ticket-has-been-created-successfully-your-ticket-number-is').' '.$result[0].'. ');
             } else {
                 return Redirect::back()->withInput($request->except('password'))->with('fails', Lang::get('lang.failed-to-create-user-tcket-as-mobile-has-been-taken'));
             }

app/Http/Controllers/Client/helpdesk/UnAuthController.php

@@ -18,6 +18,7 @@ use App\User;
 use Hash;
 // classes
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
 use Lang;
 use Session;
 
@@ -332,11 +333,11 @@ class UnAuthController extends Controller
      */
     public static function changeLanguage($lang)
     {
-        //if(Cache::has('language'))
-        //{
-        //  return Cache::get('language');
-        //} else return 'false';
-        // Cache::put('language',$)
+//        if(Cache::has('language'))
+//        {
+//          return Cache::get('language');
+//        } else return 'false';
+//         Cache::put('language',$);
         $path = base_path('lang');  // Path to check available language packages
         if (array_key_exists($lang, \Config::get('languages')) && in_array($lang, scandir($path))) {
             // dd(array_key_exists($lang, Config::get('languages')));
@@ -433,8 +434,8 @@ class UnAuthController extends Controller
     {
         $path = base_path('lang');  // Path to check available language packages
         if (array_key_exists($lang, \Config::get('languages')) && in_array($lang, scandir($path))) {
-            if (\Auth::check()) {
-                $id = \Auth::user()->id;
+            if (Auth::check()) {
+                $id = Auth::user()->id;
                 $user = User::find($id);
                 $user->user_language = $lang;
                 $user->save();

app/Http/Controllers/Client/kb/UserController.php

@@ -3,7 +3,6 @@
 namespace App\Http\Controllers\Client\kb;
 
 use App\Http\Controllers\Controller;
-use App\Http\Requests\kb\CommentRequest;
 use App\Http\Requests\kb\ContactRequest;
 use App\Http\Requests\kb\SearchRequest;
 use App\Model\kb\Article;
@@ -90,9 +89,9 @@ class UserController extends Controller
         $pagination = $settings->pagination;
         $search = $request->input('s');
         $result = $article->where('name', 'LIKE', '%'.$search.'%')
-                ->orWhere('slug', 'LIKE', '%'.$search.'%')
-                ->orWhere('description', 'LIKE', '%'.$search.'%')
-                ->paginate($pagination);
+            ->orWhere('slug', 'LIKE', '%'.$search.'%')
+            ->orWhere('description', 'LIKE', '%'.$search.'%')
+            ->paginate($pagination);
         $result->setPath('search?s='.$search);
         $categorys = $category->get();
 
@@ -232,14 +231,31 @@ class UserController extends Controller
      *
      * @return type response
      */
-    public function postComment($slug, Article $article, CommentRequest $request, Comment $comment)
+    public function postComment($slug, Article $article, Request $request, Comment $comment)
     {
+        $request->validate([
+            'comment' => 'required',
+
+        ]);
+
         $article = $article->where('slug', $slug)->first();
         if (!$article) {
-            return Redirect::back()->with('fails', Lang::get('lang.sorry_not_processed'));
+            return response()->json(['success' => false, 'message' => Lang::get('lang.sorry_not_processed')]);
         }
-        $id = $article->id;
-        $comment->article_id = $id;
+
+        $comment->article_id = $article->id;
+
+        if (Auth::check()) {
+            // Associate the comment with the authenticated user
+            $comment->article_id = Auth::id();
+            $comment->name = Auth::user()->first_name.' '.Auth::user()->last_name;
+        } else {
+            // Set default values for non-authenticated user
+            $comment->name = $request->input('name');
+            $comment->email = $request->input('email');
+            $comment->website = $request->input('website');
+        }
+
         if ($comment->fill($request->input())->save()) {
             return Redirect::back()->with('success', Lang::get('lang.your_comment_posted'));
         } else {

lang/de/lang.php

@@ -903,6 +903,8 @@ return [
       | customize your views to better match your application.
       |
      */
+    'article_list'        => 'Artikel liste',
+    'category'            => 'Kategorie',
     'home'                => 'Home',
     'submit_a_ticket'     => 'Ein Ticket erstellen',
     'my_profile'          => 'Mein Profil',

lang/en/lang.php

@@ -1283,7 +1283,7 @@ return [
       |------------------------------------------------
       |   Error Pages
       |------------------------------------------------
-     */
+     */'knowledge_base'                               => 'knowledge base',
     'not_found'                                       => 'Not found',
     'oops_page_not_found'                             => 'Oops! Page not found',
     'we_could_not_find_the_page_you_were_looking_for' => 'We could not find the page you were looking for',
@@ -1353,6 +1353,8 @@ return [
       | customize your views to better match your application.
       |
      */
+    'forget_password'                                                                  => 'forget password',
+    'article_list'                                                                     => 'Article list',
     'home'                                                                             => 'Home',
     'submit_a_ticket'                                                                  => 'Submit a ticket',
     'my_profile'                                                                       => 'My profile',
@@ -1361,7 +1363,7 @@ return [
     'create_account'                                                                   => 'Create account',
     'you_are_here'                                                                     => 'You are here',
     'have_a_ticket'                                                                    => 'Have a ticket',
-    'check_ticket_status'                                                              => 'Check ticket status',
+    'check_ticket_status'                                                              => 'Submit',
     'choose_a_help_topic'                                                              => 'Choose a help topic',
     'ticket_status'                                                                    => 'Ticket status',
     'post_comment'                                                                     => 'Post comment',
@@ -1655,4 +1657,7 @@ return [
     'clean-forever'                                => 'delete permanently',
     'mail-sent-to-job-for-process'                 => 'Mail has been sent to job for process, it will appear in your mailbox once it gets processed by your selected queue service. If you don\'t recieve the mail check logs for errors or warnings.',
     'click-here-to-see-more-details'               => 'Click here to see more details',
+    'category_list'                                => 'Category list',
+    'check_ticket'                                 => 'Check ticket',
+    'search_result'                                => 'Search Results',
 ];

public/lb-faveo/css/app.css

@@ -421,6 +421,7 @@ ol.with-line-border > li {
 	font-weight: 700;
 	border-bottom: 1px solid #ddd;
 	position: relative;
+	color: #fff !important;
 }
 .section-title > i.line {
 	float: left;
@@ -720,7 +721,7 @@ ol.with-line-border > li {
 }
 .site-search .search-field,
 .site-search .search-submit {
-	border-radius: 4px;
+	border-radius: 10px;
 }
 .site-search .search-field.loading {
 	background: url(../img/loader.gif) 99% center no-repeat;

public/lb-faveo/css/custom.css

@@ -0,0 +1,285 @@
+i.site-content .fa-ul > li a,
+footer ul.media-list a,
+.site-info.col-md-6 a,
+.navbar .navbar-nav>li>a,
+#tweets-list a, div#login-form a,
+.accordion .accordion-toggle,
+.breadcrumb-custom > li a, .archive-article .hentry a,
+header.entry-header a, .media-body a, a {
+    text-decoration: none;
+}
+.small, small {
+    font-size: 80%;
+    font-weight: 400;
+}
+.list-group-item {
+    position: relative;
+    display: block;
+    padding: 0.75rem 1.25rem;
+    margin-bottom: -1px;
+    background-color: #fff;
+    border: 1px solid rgba(0,0,0,.125);
+}
+.list-group-item-action {
+    width: 100%;
+    color: #495057;
+    text-align: inherit;
+}
+.list-group-item-action:focus, .list-group-item-action:hover {
+    z-index: 1;
+    color: #495057;
+    text-decoration: none;
+    background-color: #f8f9fa;
+}
+.section-title > i.line {
+    left: 0;
+}
+.mr-3, .mx-3 {
+    margin-right: 1rem!important;
+}
+footer ul.media-list {
+    list-style-type: none;
+}
+.navbar-brand {
+    display: inline-block;
+    padding-top: 0.3125rem;
+    padding-bottom: 0.3125rem;
+    margin-right: 1rem;
+    font-size: 1.25rem;
+    line-height: inherit;
+    white-space: nowrap;
+}
+.twitterbar .tweets-control {
+    margin-bottom: 0;
+    position: absolute;
+    right: 0;
+    top: 40px;
+}
+.twitterbar .tweets-control li {
+    display: inline-block;
+    width: 28px;
+    height: 30px;
+    position: relative;
+}
+.twitterbar .tweets-control a {
+    display: block;
+    width: 100%;
+}
+.twitterbar .tweets-control a {
+    border-color: #ddd;
+    background-color: #fff;
+    opacity: 1;
+    border: 1px solid;
+}
+.twitterbar .tweets-control a:hover {
+    color: #999;
+    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
+    box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
+}
+.switcher-toggle {
+    width: 100px;
+    background-color: #fff;
+    height: 40px;
+    border-radius: 20px;
+    margin-left: 20px;
+    border: 1px solid #ddd;
+    padding: 4px;
+    position: relative;
+    cursor: pointer;
+}
+.switcher-toggle span.icon {
+    height: 30px;
+    width: 30px;
+    display: block;
+    background-color: #000;
+    border-radius: 22px;
+    position: absolute;
+    left: 4px;
+    right: auto;
+
+}
+.dark-mode, .dark-mode .site,
+.dark-mode .site-header, .dark-mode .site-footer {
+    background: #000 !important;
+}
+.dark-mode .navbar, .dark-mode .site-main .content-area{
+    background-color: #000 !important;
+}
+.dark-mode .switcher-toggle span.icon {
+    left: auto;
+    right: 4px;
+}
+.dark-mode .navbar .navbar-nav>li>a,
+.dark-mode .navbar i.sub-indicator.fa {
+    /* color: #fff;*/
+}
+.dark-mode .note-icon-caret,
+.dark-mode .note-current-fontsize,
+.dark-mode .far .fa-square::before
+{
+    color: #000b16; !important;
+}
+.dark-mode .note-icon-caret,
+.dark-mode .note-current-fontsize,
+.dark-mode .widgetitemtitle
+{
+    color: #337ab7 !important;
+}
+.dark-mode .text-red{
+    color: red !important;
+}
+
+.dark-mode span, .dark-mode p,
+.dark-mode .ticket-table,
+.dark-mode .table,
+.dark-mode.reply, .dark-mode .ticketratingtitle,
+.dark-mode .comment-reply-title,
+.dark-mode .note-editable,
+.dark-mode .label,
+.dark-mode .float-right,
+.dark-mode .box-categories .section-title,
+.dark-mode .site-content .fa-ul > li a,
+.dark-mode .banner-horizontal .banner-title,
+.dark-mode .banner-horizontal .banner-content p,
+.dark-mode #section-banner .banner-content p,
+.dark-mode .section-title,
+.dark-mode footer p,
+.dark-mode .box-categories .fa-ul > li > *,
+.dark-mode .fa-regular,
+.dark-mode footer small.text-muted,
+.dark-mode .site-content .section .fa-ul > li > .meta > *,
+.dark-mode header.entry-header h1,
+.dark-mode .entry-content,
+.dark-mode h4.panel-title.h4 a,
+.dark-mode h1.archive-title,
+.dark-mode .archive-list .entry-footer span,
+.dark-mode .archive-article .entry-header > .fa-fw,
+.dark-mode header.entry-header span,
+.dark-mode .comment-content,
+.dark-mode .comment-author .fn,
+.dark-mode .comment-author .fn a,
+.dark-mode .entry-attribute strong,
+.dark-mode footer.entry-footer small,
+.dark-mode .entry-summary,
+.dark-mode form#commentform label,
+.dark-mode .fa-ul i,
+.dark-mode .error404 .error-title,
+.dark-mode .error404 ,
+.dark-mode .h2,
+.dark-mode .entry-title,
+.dark-mode.section-title .text-muted.text-info.nav-item {
+    color: #fff !important;
+}
+
+.dark-mode div#respond, .dark-mode form.contact-form{
+    background-color: #0000;
+}
+div#respond .form-group {
+    margin-bottom: 1rem;
+}
+/*.addrotate {*/
+/*!*    transform: rotate(180deg);*!*/
+/*!*}*!*/
+#login-form .form-group, form.contact-form .form-group {
+    margin-bottom: 1rem;
+}
+.dark-mode button.navbar-toggler.custom-toggler {
+    background-color: #fff;
+    border-color: #fff;
+}
+.m-none {
+    display: none;
+}
+.desk_none{
+    display: block;
+}
+#respond .media {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: start;
+    align-items: flex-start;
+}
+form#commentform label, form.contact-form label {
+    display: inline-block;
+    margin-bottom: 0.5rem;
+}
+.custom_alert .close {
+    position: absolute;
+    line-height: 20px;
+    right: 21px;
+}
+.custom_alert .fa {
+    float: left;
+    margin-left: -26px;
+    font-size: 3em;
+}
+.error404 .search-form .form-group {
+    margin: auto;
+    justify-content: center;
+}
+ul.dropdown-menu a.dropdown-item.active{
+    background: none !important;
+    color: #b00 !important;
+}
+.share-links .text-muted.mr-2 {
+    margin-right: 0.5rem;
+}
+.rate-post li .btn-social {
+    color: #666 !important;
+    background: #eee !important;
+    border-color: transparent !important;
+    border-radius: 0 !important;
+}
+
+
+
+
+
+@media (min-width: 576px){
+    .form-inline .form-group {
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
+        -ms-flex-align: center;
+        align-items: center;
+        margin-bottom: 0;
+    }
+    .form-inline .form-control {
+        display: inline-block;
+        width: auto;
+        vertical-align: middle;
+    }
+    .site-navigation .dropdown-menu {
+        margin-left: -6px !important;
+    }
+}
+
+
+
+@media(max-width: 992px){
+    .navbar .login-form {
+        top: 24px;
+    }
+    .switcher-toggle span.icon {
+        height: 24px;
+        width: 24px;
+        top: 3px;
+        left: 4px;
+        right: auto;
+    }
+    .switcher-toggle {
+        float: right;
+        width: 80px;
+        height: 32px;
+        margin-top: 10px;
+    }
+    .m-none {
+        display: block;
+    }
+    .desk_none{
+        display: none;
+    }
+}

public/lb-faveo/css/edit.css

@@ -0,0 +1,157 @@
+p {
+    font-size: .8rem
+;
+}
+
+/* navbar edit */
+
+.navbar .navbar-nav>li>a{
+    color: #777 ;
+}
+.dropdown a.dropdown-item{
+    color: #777 ;
+}
+
+select option:last-of-type {
+    display: inherit;
+}
+ul.navbar-login li,
+ul.navbar-login li:hover{
+    border: none;
+}
+.navbar {
+    width: 100% !important;
+    padding-bottom: 40px;
+    padding-top: 0 !important;
+}
+.dropdown-menu {
+    position: absolute !important;
+    top: 90%;
+    width: 200px
+}
+.navbar-nav li{
+    border-right: 1px solid #eee;
+    border-top: 3px solid transparent;
+    padding: 0 5px;
+}
+.navbar-nav li:hover {
+    border-top: 3px solid #ddd;
+}
+.navbar-nav .active {
+    border-top: 3px solid #ddd;
+}
+.navbar-nav .dropdown-menu .active,
+.navbar-nav .dropdown-menu li:hover {
+    border-top: 3px solid transparent;
+}
+
+.dropdown-toggle::after {
+    display: none;
+}
+.navbar .nav-item a {
+    padding: 15px;
+
+}
+.navbar .nav-item:hover a{
+    text-decoration: none;
+}
+.navbar {
+    background-color: #f8f8f8;
+    border-color: #e7e7e7;
+    padding: 30px 0;
+    font-size: 15px;
+}
+.navbar .btn-custom {
+    font-size: 15px;
+}
+.navbar .login-form {
+    top: 65%;
+}
+#section-banner .banner-content p {
+    font-size: 12px
+}
+.banner-content .btn{
+text-shadow: none;
+}
+.btn-sm.btn-custom{
+    font-size: 10px;
+    border-radius: 2px;
+}
+
+.nav-categories li,
+.nav-categories li a{
+    width: 100%;
+    border-radius: 0 !important;
+}
+/*--------------------------------------*/
+.breadcrumb-custom li::after {
+    display: inherit;
+}
+.breadcrumb-custom li i {
+    font-size: 10px;
+    padding:  0 5px;
+}
+.blockquote {
+    padding: 10px 15px;
+    border-left: 4px solid #ddd;
+}
+.blockquote p {
+    margin: 0;
+}
+/* --------------------------------- */
+.alert-custom {
+    padding: 0 20px;
+}
+.alert-custom .warning {
+    font-size: 40px;
+    padding-right: 15px
+}
+.alert-custom .media-body {
+    padding: 11px 0 0;
+}
+.text-danger {
+    color: #a94442 !important;
+}
+.site-search .search-form .btn-custom {
+
+}
+.site-search .search-form .input-lg {
+    width: 55% !important;
+    border-radius: 5px !important;
+}
+.accordion .accordion-toggle {
+    color: #4d3333 !important;
+    font-size: 1.1rem;
+}
+.site-footer {
+    padding-bottom: 0;
+}
+.bord  {
+    border-top: 1px solid #ddd;
+    padding: 20px 0 0;
+}
+.share-links {
+    margin-top: .5rem
+}
+.rate-post {
+    margin-top: .5rem;
+}
+.breadcrumb-custom {
+    margin: 0;
+    padding: 1rem 0;
+}
+.tagcloud a{
+    font-size: 12px !important;
+}
+.pagination .page-item a:focus,
+.pagination .page-item:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+@media only screen and (max-width: 600px) {
+    .site-navigation .dropdown-menu {
+        margin-left: -6px !important;
+    }
+
+}

public/lb-faveo/js/app.js

@@ -0,0 +1,80 @@
+/*global $*/
+
+$(function ($) {
+    "use strict";
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Site Navigation */
+    /* ----------------------------------------------------------------------------------- */
+//    $('#navbar .navbar-menu').mobileMenu({className: 'form-control'})
+    $('#navbar .navbar-menu li').each(function () {
+        $(this).filter('.active').parents('li').addClass('active');
+        if ($('ul', this).length > 0) {
+            $(this).children('a').append('<i class="sub-indicator fa fa-angle-down fa-fw text-muted"></i>');
+        }
+    });
+    $('#navbar .navbar-menu, #navbar .navbar-user').superfish({
+        animation: {opacity: 'show', height: 'show'},
+        delay: 100,
+        speed: "slow"
+    });
+    $('#navbar .navbar-user > li > a').on('click', function () {
+        $(this).parent().toggleClass('opened');
+    });
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Main Search */
+    /*-----------------------------------------------------------------------------------*/
+    $.ajax({
+        url: 'search-terms.php',
+        dataType: 'json'
+    }).done(function (data) {
+        $('#header-search .search-field').autocomplete({
+            lookup: data,
+            appendTo: '#header-search .form-inline .form-group',
+            onSearchStart: function () {
+                $(this).addClass('loading');
+            },
+            onSearchComplete: function () {
+                $(this).removeClass('loading');
+            }
+        });
+    });
+    $('#header-search .search-field').on('focus', function () {
+        $('#header-search .search-advance-button').fadeIn();
+        $('#header-search .search-advance').slideDown();
+    });
+    $('#header-search .search-advance-button').on('click', function (e) {
+        e.preventDefault();
+        $(this).fadeOut(100);
+        $('#header-search .search-advance').slideUp(100);
+    });
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Tooltip */
+    /*-----------------------------------------------------------------------------------*/
+    $('[data-toggle="tooltip"]').tooltip();
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Accordion */
+    /*-----------------------------------------------------------------------------------*/
+    $('.accordion .accordion-toggle').prepend('<i class="fa fa-caret-down fa-fw pull-left text-danger"></i>');
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Section */
+    /*-----------------------------------------------------------------------------------*/
+    $('.section-title').prepend('<i class="line"></i>');
+
+    /*-----------------------------------------------------------------------------------*/
+    /*	Tweets List */
+    /*-----------------------------------------------------------------------------------*/
+    $('#tweets-list').carousel();
+
+    $('.dropdown a').hover(function () {
+        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
+    }, function () {
+        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
+    });
+
+
+});

public/lb-faveo/js/custom.js

@@ -0,0 +1,11 @@
+function myFunction() {
+    var element = document.body;
+    element.classList.toggle("dark-mode");
+}
+
+$(document).ready(function(){
+    $('.navbar-login i').click(function(){
+        $('#login-form').toggleClass('show');
+        $(this).toggleClass('addrotate');
+    });
+});

public/lb-faveo/js/html5shiv.min.js

@@ -0,0 +1,4 @@
+/**
+ * @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+ */
+!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.3",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b),"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:this,document);

public/lb-faveo/js/jquery.mobilemenu.js

@@ -0,0 +1,78 @@
+/**
+ * jQuery Mobile Menu
+ * Turn unordered list menu into dropdown select menu
+ * version 1.1(27-JULY-2013)
+ *
+ * Built on top of the jQuery library
+ *   http://jquery.com
+ *
+ * Documentation
+ * 	 http://github.com/mambows/mobilemenu
+ */
+(function($){
+    $.fn.mobileMenu = function(options) {
+
+        var defaults = {
+                defaultText: 'Navigate to...',
+                className: 'select-menu',
+                subMenuClass: 'sub-menu',
+                subMenuDash: '–'
+            },
+            settings = $.extend( defaults, options ),
+            el = $(this);
+
+        this.each(function(){
+            var $el = $(this),
+                $select_menu;
+
+            // ad class to submenu list
+            $el.find('ul').addClass(settings.subMenuClass);
+
+            // Create base menu
+            var $select_menu = $('<select />',{
+                'class' : settings.className + ' ' + el.get(0).className
+            }).insertAfter( $el );
+
+            // Create default option
+            $('<option />', {
+                "value"		: '#',
+                "text"		: settings.defaultText
+            }).appendTo( $select_menu );
+
+            // Create select option from menu
+            $el.find('a').each(function(){
+                var $this 	= $(this),
+                    optText	= '&nbsp;' + $this.text(),
+                    optSub	= $this.parents( '.' + settings.subMenuClass ),
+                    len		= optSub.length,
+                    dash;
+
+                // if menu has sub menu
+                if( $this.parents('ul').hasClass( settings.subMenuClass ) ) {
+                    dash = Array( len+1 ).join( settings.subMenuDash );
+                    optText = dash + optText;
+                }
+
+                // Now build menu and append it
+                $('<option />', {
+                    "value"	: this.href,
+                    "html"	: optText,
+                    "selected" : (this.href == window.location.href)
+                }).appendTo( $select_menu );
+
+            }); // End el.find('a').each
+
+            // Change event on select element
+            $select_menu.change(function(){
+                var locations = $(this).val();
+                if( locations !== '#' ) {
+                    window.location.href = $(this).val();
+                };
+            });
+
+        }); // End this.each
+
+        return this;
+
+    };
+})(jQuery);

public/lb-faveo/js/respond.min.js

@@ -0,0 +1,6 @@
+/*! Respond.js v1.4.2: min/max-width media query polyfill
+ * Copyright 2014 Scott Jehl
+ * Licensed under MIT
+ * https://j.mp/respondjs */
+
+!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b<t.length;b++){var c=t[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!p[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(w(c.styleSheet.rawCssText,e,f),p[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!s||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}x()};y(),c.update=y,c.getEmValue=u,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);

public/lb-faveo/js/superfish.3.0.js

@@ -0,0 +1,278 @@
+/*
+ * jQuery Superfish Menu Plugin
+ * Copyright (c) 2013 Joel Birch
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *	http://www.opensource.org/licenses/mit-license.php
+ *	http://www.gnu.org/licenses/gpl.html
+ */
+
+(function ($, w) {
+    "use strict";
+
+    var methods = (function () {
+        // private properties and methods go here
+        var c = {
+                bcClass: 'sf-breadcrumb',
+                menuClass: 'sf-js-enabled',
+                anchorClass: 'sf-with-ul',
+                menuArrowClass: 'sf-arrows'
+            },
+            ios = (function () {
+                var ios = /^(?![\w\W]*Windows Phone)[\w\W]*(iPhone|iPad|iPod)/i.test(navigator.userAgent);
+                if (ios) {
+                    // tap anywhere on iOS to unfocus a submenu
+                    $('html').css('cursor', 'pointer').on('click', $.noop);
+                }
+                return ios;
+            })(),
+            wp7 = (function () {
+                var style = document.documentElement.style;
+                return ('behavior' in style && 'fill' in style && /iemobile/i.test(navigator.userAgent));
+            })(),
+            unprefixedPointerEvents = (function () {
+                return (!!w.PointerEvent);
+            })(),
+            toggleMenuClasses = function ($menu, o, add) {
+                var classes = c.menuClass,
+                    method;
+                if (o.cssArrows) {
+                    classes += ' ' + c.menuArrowClass;
+                }
+                method = (add) ? 'addClass' : 'removeClass';
+                $menu[method](classes);
+            },
+            setPathToCurrent = function ($menu, o) {
+                return $menu.find('li.' + o.pathClass).slice(0, o.pathLevels)
+                    .addClass(o.hoverClass + ' ' + c.bcClass)
+                    .filter(function () {
+                        return ($(this).children(o.popUpSelector).hide().show().length);
+                    }).removeClass(o.pathClass);
+            },
+            toggleAnchorClass = function ($li, add) {
+                var method = (add) ? 'addClass' : 'removeClass';
+                $li.children('a')[method](c.anchorClass);
+            },
+            toggleTouchAction = function ($menu) {
+                var msTouchAction = $menu.css('ms-touch-action');
+                var touchAction = $menu.css('touch-action');
+                touchAction = touchAction || msTouchAction;
+                touchAction = (touchAction === 'pan-y') ? 'auto' : 'pan-y';
+                $menu.css({
+                    'ms-touch-action': touchAction,
+                    'touch-action': touchAction
+                });
+            },
+            getMenu = function ($el) {
+                return $el.closest('.' + c.menuClass);
+            },
+            getOptions = function ($el) {
+                return getMenu($el).data('sfOptions');
+            },
+            over = function () {
+                var $this = $(this),
+                    o = getOptions($this);
+                clearTimeout(o.sfTimer);
+                $this.siblings().superfish('hide').end().superfish('show');
+            },
+            close = function (o) {
+                o.retainPath = ($.inArray(this[0], o.$path) > -1);
+                this.superfish('hide');
+
+                if (!this.parents('.' + o.hoverClass).length) {
+                    o.onIdle.call(getMenu(this));
+                    if (o.$path.length) {
+                        $.proxy(over, o.$path)();
+                    }
+                }
+            },
+            out = function () {
+                var $this = $(this),
+                    o = getOptions($this);
+                if (ios) {
+                    $.proxy(close, $this, o)();
+                }
+                else {
+                    clearTimeout(o.sfTimer);
+                    o.sfTimer = setTimeout($.proxy(close, $this, o), o.delay);
+                }
+            },
+            touchHandler = function (e) {
+                var $this = $(this),
+                    o = getOptions($this),
+                    $ul = $this.siblings(e.data.popUpSelector);
+
+                if (o.onHandleTouch.call($ul) === false) {
+                    return this;
+                }
+
+                if ($ul.length > 0 && $ul.is(':hidden')) {
+                    $this.one('click.superfish', false);
+                    if (e.type === 'MSPointerDown' || e.type === 'pointerdown') {
+                        $this.trigger('focus');
+                    } else {
+                        $.proxy(over, $this.parent('li'))();
+                    }
+                }
+            },
+            applyHandlers = function ($menu, o) {
+                var targets = 'li:has(' + o.popUpSelector + ')';
+                if ($.fn.hoverIntent && !o.disableHI) {
+                    $menu.hoverIntent(over, out, targets);
+                }
+                else {
+                    $menu
+                        .on('mouseenter.superfish', targets, over)
+                        .on('mouseleave.superfish', targets, out);
+                }
+                var touchevent = 'MSPointerDown.superfish';
+                if (unprefixedPointerEvents) {
+                    touchevent = 'pointerdown.superfish';
+                }
+                if (!ios) {
+                    touchevent += ' touchend.superfish';
+                }
+                if (wp7) {
+                    touchevent += ' mousedown.superfish';
+                }
+                $menu
+                    .on('focusin.superfish', 'li', over)
+                    .on('focusout.superfish', 'li', out)
+                    .on(touchevent, 'a', o, touchHandler);
+            };
+
+        return {
+            // public methods
+            hide: function (instant) {
+                if (this.length) {
+                    var $this = this,
+                        o = getOptions($this);
+                    if (!o) {
+                        return this;
+                    }
+                    var not = (o.retainPath === true) ? o.$path : '',
+                        $ul = $this.find('li.' + o.hoverClass).add(this).not(not).removeClass(o.hoverClass).children(o.popUpSelector),
+                        speed = o.speedOut;
+
+                    if (instant) {
+                        $ul.show();
+                        speed = 0;
+                    }
+                    o.retainPath = false;
+
+                    if (o.onBeforeHide.call($ul) === false) {
+                        return this;
+                    }
+
+                    $ul.stop(true, true).animate(o.animationOut, speed, function () {
+                        var $this = $(this);
+                        o.onHide.call($this);
+                    });
+                }
+                return this;
+            },
+            show: function () {
+                var o = getOptions(this);
+                if (!o) {
+                    return this;
+                }
+                var $this = this.addClass(o.hoverClass),
+                    $ul = $this.children(o.popUpSelector);
+
+                if (o.onBeforeShow.call($ul) === false) {
+                    return this;
+                }
+
+                $ul.stop(true, true).animate(o.animation, o.speed, function () {
+                    o.onShow.call($ul);
+                });
+                return this;
+            },
+            destroy: function () {
+                return this.each(function () {
+                    var $this = $(this),
+                        o = $this.data('sfOptions'),
+                        $hasPopUp;
+                    if (!o) {
+                        return false;
+                    }
+                    $hasPopUp = $this.find(o.popUpSelector).parent('li');
+                    clearTimeout(o.sfTimer);
+                    toggleMenuClasses($this, o);
+                    toggleAnchorClass($hasPopUp);
+                    toggleTouchAction($this);
+                    // remove event handlers
+                    $this.off('.superfish').off('.hoverIntent');
+                    // clear animation's inline display style
+                    $hasPopUp.children(o.popUpSelector).attr('style', function (i, style) {
+                        if (typeof style !== 'undefined') {
+                            return style.replace(/display[^;]+;?/g, '');
+                        }
+                    });
+                    // reset 'current' path classes
+                    o.$path.removeClass(o.hoverClass + ' ' + c.bcClass).addClass(o.pathClass);
+                    $this.find('.' + o.hoverClass).removeClass(o.hoverClass);
+                    o.onDestroy.call($this);
+                    $this.removeData('sfOptions');
+                });
+            },
+            init: function (op) {
+                return this.each(function () {
+                    var $this = $(this);
+                    if ($this.data('sfOptions')) {
+                        return false;
+                    }
+                    var o = $.extend({}, $.fn.superfish.defaults, op),
+                        $hasPopUp = $this.find(o.popUpSelector).parent('li');
+                    o.$path = setPathToCurrent($this, o);
+
+                    $this.data('sfOptions', o);
+
+                    toggleMenuClasses($this, o, true);
+                    toggleAnchorClass($hasPopUp, true);
+                    toggleTouchAction($this);
+                    applyHandlers($this, o);
+
+                    $hasPopUp.not('.' + c.bcClass).superfish('hide', true);
+
+                    o.onInit.call(this);
+                });
+            }
+        };
+    })();
+
+    $.fn.superfish = function (method, args) {
+        if (methods[method]) {
+            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+        }
+        else if (typeof method === 'object' || ! method) {
+            return methods.init.apply(this, arguments);
+        }
+        else {
+            return $.error('Method ' +  method + ' does not exist on jQuery.fn.superfish');
+        }
+    };
+
+    $.fn.superfish.defaults = {
+        popUpSelector: 'ul,.sf-mega', // within menu context
+        hoverClass: 'sfHover',
+        pathClass: 'overrideThisToUse',
+        pathLevels: 1,
+        delay: 800,
+        animation: {opacity: 'show'},
+        animationOut: {opacity: 'hide'},
+        speed: 'normal',
+        speedOut: 'fast',
+        cssArrows: true,
+        disableHI: false,
+        onInit: $.noop,
+        onBeforeShow: $.noop,
+        onShow: $.noop,
+        onBeforeHide: $.noop,
+        onHide: $.noop,
+        onIdle: $.noop,
+        onDestroy: $.noop,
+        onHandleTouch: $.noop
+    };
+
+})(jQuery, window);

resources/views/_partials/breadcrumbs.blade.php

@@ -1,5 +1,6 @@
 @if (isset($breadcrumbs))
-<ol class="breadcrumb float-sm-right">
+
+<ol class="breadcrumb float-sm-right ">
     <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
     @foreach($breadcrumbs as $breadcrumb)
     @if (!$breadcrumb->last)
@@ -8,5 +9,6 @@
     <li class="breadcrumb-item active">{{ str_replace("&nbsp;", "", $breadcrumb->title) }}</li>
     @endif
     @endforeach
+
 </ol>
 @endif

resources/views/auth/login.blade.php

@@ -5,10 +5,9 @@
 @stop
 
 @section('breadcrumb')
-    <div class="site-hero clearfix">
-        <ol class="breadcrumb breadcrumb-custom">
-            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
-            <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a></li>
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+            <li><a href="{!! URL::route('post.login') !!}">{!! Lang::get('lang.login') !!}</a></li>
         </ol>
     </div>
 @stop
@@ -65,7 +64,7 @@
                         @if($system->status == 1)
                             <span onclick="javascript: window.location.href='{!! URL::route('form') !!}';">
                                 <a href="{!! URL::route('form') !!}" class="widgetrowitem defaultwidget" style="background-image:url({{ URL::asset('lb-faveo/media/images/submitticket.png') }})">
-                                    <span class="widgetitemtitle">{!! Lang::get('lang.submit_a_ticket') !!}</span>
+                                    <div style="font-size: 13px" class="widgetitemtitle">{!! Lang::get('lang.submit_a_ticket') !!}</div>
                                 </a>
                             </span>
                         @endif
@@ -87,21 +86,21 @@
         <script type="text/javascript"> $(function(){ $('.dialogerror, .dialoginfo, .dialogalert').fadeIn('slow');$("form").bind("submit", function(e){$(this).find("input:submit").attr("disabled", "disabled");});});</script>
         <script type="text/javascript" >try {if (top.location.hostname != self.location.hostname) { throw 1; }} catch (e) { top.location.href = self.location.href; }</script>
 
-        <div class="col-md-6 offset-md-3 form-helper">
-            
-            <div class="login-box" style=" width: 490px;"  valign = "center">
-            
+        <div class="d-flex justify-content-center">
+
+            <div class="login-box" style=" width: 490px;">
+
                 <div class="form-border">
 
                     <div align="center">
 
                         <h4 style="background-color: #0084b4;"> <a href="http://www.faveohelpdesk.com" class="logo">
                             <img src="{{ asset('lb-faveo/media/images/logo.png')}}" width="100px;"></a>
-                        </h4>   
+                        </h4>
                     </div>
 
                     <div>
-                        
+
                         <h4 class="box-title" align="center">{{Lang::get('lang.login_to_start_your_session')}}</h4>
                     </div>
 
@@ -110,39 +109,38 @@
 
                         <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}" style="display: -webkit-box;">
                             {!! Form::text('email',null,['placeholder'=> Lang::get("lang.email") ,'class' => 'form-control']) !!}
-                            <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                            <span class="far fa-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                         </div>
 
                         <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}" style="display: -webkit-box;">
-        
+
                             {!! Form::password('password',['placeholder'=>Lang::get("lang.password"),'class' => 'form-control']) !!}
-                            <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                            <span class="  fa fa-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                         </div>
 
                         <div>
-                            <button type="submit" class="btn btn-primary btn-block btn-flat">{!! Lang::get("lang.login") !!}</button>
-                        </div>
+                            <button type="submit" class="btn btn-primary btn-block btn-flat" STYLE="width: 100%; color: white">{!! Lang::get("lang.login") !!}</button>                        </div>
 
                         <div class="row mt-2">
 
-                            <div class="col-sm-4">
+                            <div class="col-sm-5">
 
                                 <div>
-                                    
+
                                     <label>
-                                        
+
                                         <input type="checkbox" name="remember"> {!! Lang::get("lang.remember") !!}
                                     </label>
                                 </div>
                             </div>
-                            
-                            <div class="col-sm-6">
-                 
-                                <a href="{{url('password/email')}}">{!! Lang::get("lang.iforgot") !!}</a><br> 
+
+                            <div class="col-sm-5">
+
+                                <a href="{{url('password/email')}}">{!! Lang::get("lang.iforgot") !!}</a><br>
                             </div>
-                            
+
                             <div class="col-sm-2">
-                 
+
                                 <a href="{{url('auth/register')}}" class="text-center">{!! Lang::get("lang.register") !!}</a>
                             </div>
                         </div>
@@ -151,7 +149,7 @@
                             @include('themes.default1.client.layout.social-login')
                         </div>
 
-                    {!! Form::close()!!}  
+                    {!! Form::close()!!}
                 </div>
             </div>
         </div>

resources/views/auth/password.blade.php

@@ -5,12 +5,10 @@
 @stop
 
 @section('breadcrumb')
-    <div class="site-hero clearfix">
-        <ol class="breadcrumb breadcrumb-custom">
-            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
-            <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a></li>
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} :&nbsp; </li>
+            <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.forgot_password') !!}</a></li>
         </ol>
-    </div>
 @stop
 
 @section('content')
@@ -69,10 +67,9 @@
     <script type="text/javascript"> $(function(){ $('.dialogerror, .dialoginfo, .dialogalert').fadeIn('slow');$("form").bind("submit", function(e){$(this).find("input:submit").attr("disabled", "disabled");});});</script>
     <script type="text/javascript" >try {if (top.location.hostname != self.location.hostname) { throw 1; }} catch (e) { top.location.href = self.location.href; }
     </script>
-
-    <div class="col-md-6 offset-md-3 form-helper">
+    <div class="d-flex justify-content-center">
     
-        <div class="login-box" style=" width: 490px;"  valign = "center">
+        <div class="login-box" style=" width: 490px;"  >
         
             <div class="form-border">
      
@@ -98,21 +95,20 @@
             
                         <input type="email" class="form-control" name="email" placeholder="{!! Lang::get('lang.email') !!}" value="{{ old('email') }}">
 
-                         <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                         <span class="far fa-envelope text-muted  form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                     </div>
                 
                     <div class="row">
 
-                        <div class="col-sm-8">
+                        <div class="col-sm-6">
 
                             <a href="{{url('auth/login')}}" class="text-center">{!! Lang::get('lang.i_know_my_password') !!}</a>    
                         </div>
-                        
-                        <div class="col-sm-4">
-                            
-                            <span class="input-group-btn">
 
-                                <button type="submit" class="btn btn-primary btn-block btn-flat">{!! Lang::get('lang.send') !!}</button>
+                        <div class="col-sm-6">
+                            
+                             <span class="input-group-btn" style="width: 65% ;margin-left: 35%">
+                                <button type="submit" class="btn btn-primary btn-block btn-flat" style="width: 100%; color: white">{!! Lang::get('lang.send') !!}</button>
                             </span>
                             <br/>
                         </div>

resources/views/auth/register.blade.php

@@ -5,16 +5,23 @@
 @stop
 
 @section('breadcrumb')
-    <div class="site-hero clearfix">
-        <ol class="breadcrumb breadcrumb-custom">
-            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
-            <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a></li>
+{{--    <div class="site-hero clearfix">--}}
+        <ol class="breadcrumb float-sm-right ">
+            <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+
+            <li><a href="{!! URL::route('post.register') !!}">{!! Lang::get('lang.register') !!}</a></li>
         </ol>
-    </div>
+{{--    </div>--}}
 @stop
+{{--    <div class="site-hero clearfix">--}}
+{{--        <ol class="breadcrumb breadcrumb-custom">--}}
+{{--            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>--}}
+{{--            <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a></li>--}}
+{{--        </ol>--}}
+{{--    </div>--}}
 
 @section('content')
-   
+
     @if(Session::has('status'))
     <div class="alert alert-success alert-dismissable">
         <i class="fas fa-check-circle"> </i> <b> {!! Lang::get('lang.success') !!} </b>
@@ -73,27 +80,26 @@
             </span>
         </div>
     </div>
-    
-    <div class="col-md-6 offset-md-3 form-helper">
-        
-        <div class="login-box" style=" width: 490px;"  valign = "center">
+
+    <div class="d-flex justify-content-center">
+        <div class="login-box" style=" width: 490px;">
             
             <div class="form-border">
      
                 <div align="center">
                     
-                    <h4 style="background-color: #0084b4;"> 
-                        <a href="http://www.faveohelpdesk.com" class="logo"><img src="{{ asset('lb-faveo/media/images/logo.png')}}" width="100px;"></a>
+                    <h4 style="background-color: #0084b4;">
+                        <a href="http://www.faveohelpdesk.com" class="logo"><img src="{{ asset('lb-faveo/media/images/logo.png')}}" width="100px;" ></a>
                     </h4>    
                 </div>
                
                 <div>
-                    
-                    <h3 class="box-title" align="center">{{Lang::get('lang.registration')}}</h3>
-                </div>   
+                    <div class="text-center">
+                        <h3 class="box-title" >{{Lang::get('lang.registration')}}</h3>
+                    </div>   </div>
 
                 <div>
-                    
+
                     <placeholder ="Let’s set up your account in just a couple of steps.">
                 </div>      
 
@@ -104,19 +110,19 @@
                 <div class="form-group has-feedback {{ $errors->has('full_name') ? 'has-error' : '' }}" style="display: -webkit-box;">
             
                     {!! Form::text('full_name',null,['placeholder'=>Lang::get('lang.full_name'),'class' => 'form-control']) !!}
-                    <span class="glyphicon glyphicon-user form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="fas fa-user   form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
 
                 <!-- Email -->
                 @if (($email_mandatory->status == 1 || $email_mandatory->status == '1'))
                 <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}" style="display: -webkit-box;">
                     {!! Form::text('email',null,['placeholder'=>Lang::get('lang.email'),'class' => 'form-control']) !!}
-                    <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="far fa-envelope text-muted form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
                 @elseif (($settings->status == 0 || $settings->status == '0') && ($email_mandatory->status == 0 || $email_mandatory->status == '0'))
                 <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}" style="display: -webkit-box;">
                     {!! Form::text('email',null,['placeholder'=>Lang::get('lang.email'),'class' => 'form-control']) !!}
-                    <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="far fa-envelope text-muted form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
                 @else
                     {!! Form::hidden('email', null) !!}
@@ -132,7 +138,7 @@
                     <div class="col-md-9">
                         <div class="form-group has-feedback {{ $errors->has('mobile') ? 'has-error' : '' }}" style="display: -webkit-box;">
                         {!! Form::text('mobile',null,['placeholder'=>Lang::get('lang.mobile'),'class' => 'form-control']) !!}
-                        <span class="glyphicon glyphicon-phone form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                        <span class="fas fa-phone  form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                         </div>
                     </div>
                 </div>
@@ -145,20 +151,20 @@
                 <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}" style="display: -webkit-box;">
                            
                     {!! Form::password('password',['placeholder'=>Lang::get('lang.password'),'class' => 'form-control']) !!}
-                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="fa fa-lock  form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
 
                 </div>
                 <!-- Confirm password -->
                 <div class="form-group has-feedback {{ $errors->has('password_confirmation') ? 'has-error' : '' }}" style="display: -webkit-box;">
                            
                     {!! Form::password('password_confirmation',['placeholder'=>Lang::get('lang.retype_password'),'class' => 'form-control']) !!}
-                    <span class="glyphicon glyphicon-log-in form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="fas fa-sign-in-alt form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
 
                 </div>
                 
                 <div >
                     
-                    <button type="submit" class="btn btn-primary btn-block btn-flat">{!! Lang::get('lang.register') !!}</button>
+                    <button type="submit" class="btn btn-primary btn-block btn-flat" style="width: 100%; hov: #00c0ef; color: #fff">{!! Lang::get('lang.register') !!}</button>
                 </div>
 
                 <div>

resources/views/auth/reset.blade.php

@@ -79,7 +79,7 @@
                 
                     <input type="email" class="form-control" name="email" placeholder="{!! Lang::get('lang.e-mail') !!}" value="{{ $email }}" readonly>
                 
-                    <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="far fa-envelope text-muted  form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
                 
                 <!-- password -->
@@ -87,7 +87,7 @@
                 
                     <input type="password" class="form-control" name="password" placeholder="{!! Lang::get('lang.password') !!}">
                 
-                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="fa fa-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
 
                 <!-- confirm password -->
@@ -95,7 +95,7 @@
                     
                     <input type="password" class="form-control" name="password_confirmation" placeholder="{!! Lang::get('lang.confirm_password') !!}">
                     
-                    <span class="glyphicon glyphicon-log-in form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                    <span class="fas fa-sign-in-alt  form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
                 <!-- Confirm password -->
                 <div class="form-group">

resources/views/errors/404.blade.php

@@ -1,5 +1,17 @@
 @extends('themes.default1.client.layout.client')
-@section('content')  
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a  class="words" href="{{url('/')}}">{!! Lang::get('lang.home') !!}</a></li>
+
+@stop
+@section('content')
 <div id="page" class="hfeed site">
     <article class="hentry error404 text-center">
         <h1 class="error-title mb-0">4<i class="fas fa-frown text-info"></i><span class="visible-print text-danger" style="display: none">0</span>4</h1>

resources/views/errors/500.blade.php

@@ -1,4 +1,15 @@
 @extends('themes.default1.client.layout.client')
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a  class="words" href="{{url('/')}}">{!! Lang::get('lang.home') !!}</a></li>
+        @stop
 @section('content')  
 <div id="page" class="hfeed site">
     <article class="hentry error404 text-center" style="margin-left: 300px;">

resources/views/themes/default1/admin/helpdesk/login.blade.php

@@ -6,12 +6,12 @@
           <div class="form-group has-feedback">
           <!-- email -->
             <input type="text" class="form-control" placeholder="Email"/>
-            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+            <span class="fas fa-envelope text-muted form-control-feedback"></span>
           </div>
           <div class="form-group has-feedback">
           <!-- password -->
             <input type="password" class="form-control" placeholder="Password"/>
-            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
+            <span class="fa  fa-lock form-control-feedback"></span>
           </div>
           <div class="row">
             <div class="col-xs-8">

resources/views/themes/default1/admin/layout/admin.blade.php

@@ -42,6 +42,9 @@
         <link href="{{asset("lb-faveo/plugins/colorpicker/bootstrap-colorpicker.min.css")}}" rel="stylesheet" type="text/css" />
 
          <script src="{{asset("lb-faveo/js/jquery-3.6.3.min.js")}}" type="text/javascript"></script>
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+
          <script src="{{asset("lb-faveo/js/jquery-migrate.js")}}" type="text/javascript"></script>
           <script src="{{asset("lb-faveo/js/jquery.ui.3.2.0.js")}}" type="text/javascript"></script>
         <script src="{{asset("lb-faveo/js/popper.min.js")}}" type="text/javascript"></script>
@@ -114,7 +117,7 @@
 
         <div class="wrapper">
 
-            <nav class="main-header navbar navbar-expand navbar-dark navbar-orange">
+            <nav class="main-header navbar navbar-expand  navbar-light">
 
                 <!-- Sidebar toggle button-->
                 <ul class="navbar-nav">
@@ -333,7 +336,7 @@
             <!-- Left side column. contains the logo and sidebar -->
             <aside class="main-sidebar elevation-4 sidebar-dark-orange">
 
-                <a href="http://www.faveohelpdesk.com" class="brand-link navbar-orange" style="text-align: center;">
+                <a href="http://www.faveohelpdesk.com" class="brand-link navbar-dark" style="text-align: center;">
                     <img src="{{ asset('lb-faveo/media/images/logo.png')}}" class="brand-image" alt="Company Log0">
                 </a>
 

resources/views/themes/default1/agent/helpdesk/canned/index.blade.php

@@ -58,10 +58,14 @@ class="nav-link active"
                 <th width="100px">{{Lang::get('lang.name')}}</th>
                 <th width="100px">{{Lang::get('lang.action')}}</th>
             </tr>
+            @if($Canneds->isEmpty())
+                <td  colspan="4" class="dataTables_empty">No data available in table</td>
+            @endif
+
             @foreach($Canneds as $Canned)
             <tr>
                 <td>{{$Canned->title }}</td>
-                <td> 
+                <td>
                     {!! Form::open(['route'=>['canned.destroy', $Canned->id],'method'=>'DELETE']) !!}
                     <a data-toggle="modal" data-target="#view{!! $Canned->id !!}" href="#" class="btn btn-info btn-xs" onClick="updateModelTitle('{{$Canned->title}}')">{!! Lang::get('lang.view') !!}</a>
                     <a href="{!! URL::route('canned.edit',$Canned->id) !!}" class="btn btn-primary btn-xs">{!! Lang::get('lang.edit') !!}</a>
@@ -81,7 +85,7 @@ class="nav-link active"
 
                             <h4 class="modal-title"></h4>
                             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                            
+
                         </div>
                         <div class="modal-body">
                             <p><pre>{!! $Canned->message !!}</pre></p>

resources/views/themes/default1/agent/layout/agent.blade.php

@@ -44,6 +44,9 @@
         <link rel="stylesheet" href="{{asset("lb-faveo/css/bootstrap-datetimepicker4.7.14.min.css")}}" rel="stylesheet" type="text/css" />
 
         <link href="{{asset("lb-faveo/plugins/summernote/summernote-bs5.min.css")}}" rel="stylesheet" type="text/css" />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+
         <link href="{{asset("lb-faveo/css/jquery.ui.css")}}" rel="stylesheet" type="text/css" />
         <script src="{{asset("lb-faveo/js/jquery-3.6.3.min.js")}}" type="text/javascript"></script>
         <script src="{{asset("lb-faveo/js/jquery-migrate.js")}}" type="text/javascript"></script>
@@ -119,7 +122,7 @@
             }
             ?>
 
-             <nav class="main-header navbar navbar-expand navbar-dark navbar-lightblue">
+             <nav class="main-header navbar navbar-expand  navbar-light">
                 
                 <!-- Sidebar toggle button-->
                 <ul class="navbar-nav">
@@ -365,9 +368,9 @@
             </nav>
 
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="main-sidebar elevation-4 sidebar-dark-lightblue">
+            <aside class="main-sidebar elevation-4 sidebar-dark-black">
 
-                <a href="http://www.faveohelpdesk.com" class="brand-link navbar-lightblue" style="text-align: center;">
+                <a href="http://www.faveohelpdesk.com" class="brand-link " style="text-align: center;">
                     <img src="{{ asset('lb-faveo/media/images/logo.png')}}" class="brand-image" alt="Company Log0">
                 </a>
 
@@ -509,7 +512,7 @@
                   @if($replacetop==0)
                   <div @yield('user') class="tab-pane" id="tab_user">
                         
-                        <nav class="navbar navbar-expand navbar-dark navbar-lightblue">
+                        <nav class="navbar navbar-expand  navbar-light">
                           
                           <ul class="navbar-nav">
                             
@@ -526,7 +529,7 @@
 
                     <div @yield('ticket') class="tab-pane" id="tab_ticket">
                         
-                        <nav class="navbar navbar-expand navbar-dark navbar-lightblue">
+                        <nav class="navbar navbar-expand navbar-light">
                           
                           <ul class="navbar-nav">
                             
@@ -557,7 +560,7 @@
 
                     <div @yield('tool') class="tab-pane" id="tab_tools">
                         
-                        <nav class="navbar navbar-expand navbar-dark navbar-lightblue">
+                        <nav class="navbar navbar-expand  navbar-light">
                           
                           <ul class="navbar-nav">
                             

resources/views/themes/default1/client/helpdesk/ckeckticket.blade.php

@@ -1,5 +1,20 @@
 @extends('themes.default1.client.layout.client')
-@section('content')               
+@section('breadcrumb')
+    <style>
+    .words {
+    margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+    }
+    </style>
+
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item "> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a class="words" href="{!! URL::route('ticket') !!}">{!! Lang::get('lang.my_tickets') !!}</a></li>
+        <li class="words"> > </li>
+        <li><a  class="words" href="{{url('#')}}">{!! Lang::get('lang.check_ticket') !!}</a></li>
+    </ol>
+
+@stop
+@section('content')
 <?php
 $tickets = App\Model\helpdesk\Ticket\Tickets::where('id', '=', \Crypt::decrypt($id))->first();
 $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Crypt::decrypt($id))->first();
@@ -40,15 +55,15 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
 </style>
 
 <div id="content" class="site-content col-sm-12">
-                        
+
     <article class="hentry">
-        
+
         <header class="entry-header">
-            
+
             <div class="row">
 
                 <div class="col-sm-9">
-                    
+
                     <h3 class="entry-title"><i class="fas fa-ticket-alt"> </i> {{$thread->title}}
 
                         <small> ( {{$tickets->ticket_number}} ) </small>
@@ -56,14 +71,14 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                 </div>
 
                 <div class="col-sm-3 text-right">
-                    
-                    @if( $common_setting->status == '1')
-                        
-                    <div> 
-                            
-                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown">
 
-                            <i class="fas fa-exchange-alt" style="color:teal;"> </i> 
+                    @if( $common_setting->status == '1')
+
+                    <div>
+
+                        <button class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false" style="background-color: whitesmoke">
+
+                            <i class="fas fa-exchange-alt" style="color:teal;"> </i>
 
                             {!! Lang::get('lang.change_status') !!}
 
@@ -93,18 +108,18 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
             </div>
 
             <div class="row">
-                
+
                 <div class="col-md-12 mb-1">
-                    
+
                     <div class="ticketratings float-right">
-                        
+
                         <table>
 
                             <tbody>
                             <?php $ratings = App\Model\helpdesk\Ratings\Rating::orderby('display_order')->get(); ?>
                                 <form id="foo">
                                     {!! csrf_field() !!}
-                                    @foreach($ratings as $rating) 
+                                    @foreach($ratings as $rating)
 
                                     @if($rating->rating_area == 'Helpdesk Area')
                                     <?php
@@ -117,21 +132,21 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                 ?>
 
                                 <tr>
-                                    
+
                                     <th><div class="ticketratingtitle">{!! $rating->name !!} &nbsp;</div></th>&nbsp
 
                                     <td>
-                                        
+
                                         <?php for ($i = 1; $i <= $rating->rating_scale; $i++) { ?>
                                         <input type="radio" class="star" id="star5" name="{!! $rating->name !!}" value="{!! $i !!}"<?php echo ($ratingval == $i) ? 'checked' : '' ?> />
                                         <?php } ?>
-                                    </td> 
+                                    </td>
                                 </tr>
                                 @endif
                                 @endforeach
                                 </form>
                             </tbody>
-                        </table> 
+                        </table>
                     </div>
                 </div>
             </div>
@@ -140,29 +155,29 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
         <div class="entry-content clearfix">
 
             <div class="col-md-12 offset-md-5" id="loader" style="display:none;">
-                
+
                 <img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
             </div>
 
             <div  id="refresh">
-                <div> 
+                <div>
                     <?php
                     $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first();
                     ?>
                     <div class="alert alert-secondary">
                         <div class="row">
-                            <div class="col-md-3"> 
+                            <div class="col-md-3">
                                 <?php
                                 $sla = $tickets->sla;
                                 $SlaPlan = App\Model\helpdesk\Manage\Sla_plan::where('id', '=', $sla)->first();
                                 ?>
-                                <b>{!! Lang::get('lang.sla_plan') !!}: {{$SlaPlan->grace_period}} </b> 
+                                <b>{!! Lang::get('lang.sla_plan') !!}: {{$SlaPlan->grace_period}} </b>
                             </div>
-                            <div class="col-md-3"> 
+                            <div class="col-md-3">
                                 <b>{!! Lang::get('lang.created_date') !!}: </b> {{ UTC::usertimezone($tickets->created_at) }}
                             </div>
-                            <div class="col-md-3"> 
-                                <b>{!! Lang::get('lang.due_date') !!}: </b> 
+                            <div class="col-md-3">
+                                <b>{!! Lang::get('lang.due_date') !!}: </b>
                                 <?php
                                 $time = $tickets->created_at;
                                 $time = date_create($time);
@@ -175,34 +190,34 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                 @foreach($response as $last)
                                 <?php $ResponseDate = $last->created_at; ?>
                                 @endforeach
-                                <b>{!! Lang::get('lang.last_response') !!}: </b> {{ UTC::usertimezone($ResponseDate)}} 
+                                <b>{!! Lang::get('lang.last_response') !!}: </b> {{ UTC::usertimezone($ResponseDate)}}
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div class="row">
-                    
-                     <div class="col-md-6"> 
-                    
+
+                     <div class="col-md-6">
+
                         <table class="table">
-                            
+
                             <tr>
-                                
-                                <td><b>{!! Lang::get('lang.status') !!}:</b></td>       
-                                    
+
+                                <td><b>{!! Lang::get('lang.status') !!}:</b></td>
+
                                 <?php $status = App\Model\helpdesk\Ticket\Ticket_Status::where('id', '=', $tickets->status)->first(); ?>
 
                                 @if($status->id == 1)
-                                    
+
                                 <td title="{{$status->properties}}" style="color:orange">{{$status->name}}</td>
 
                                 @elseif($status->id == 2)
-                                
+
                                 <td title="{{$status->properties}}" style="color:green">{{$status->name}}</td>
-                                
+
                                 @elseif($status->id == 3)
-                                
+
                                 <td title="{{$status->properties}}" style="color:green">{{$status->name}}</td>
 
                                 @endif
@@ -210,28 +225,28 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
 
                             <tr>
 
-                                <td><b>{!! Lang::get('lang.priority') !!}:</b></td>     
+                                <td><b>{!! Lang::get('lang.priority') !!}:</b></td>
 
                                 <?php $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first(); ?>
 
                                 @if($priority->priority_id == 1)
-                               
+
                                 <td title="{{$priority->priority_desc}}" style="color:green">{{$priority->priority_desc}}</td>
-                               
+
                                 @elseif($priority->priority_id == 2)
-                               
+
                                 <td title="{{$priority->priority_desc}}" style="color:orange">{{$priority->priority_desc}}</td>
-                               
+
                                 @elseif($priority->priority_id == 3)
-                               
+
                                 <td title="{{$priority->priority_desc}}" style="color:red">{{$priority->priority_desc}}</td>
-                               
+
                                 @endif
                             </tr>
 
                             <tr>
 
-                                <td><b>{!! Lang::get('lang.department') !!}:</b></td>   
+                                <td><b>{!! Lang::get('lang.department') !!}:</b></td>
                                 <?php
                                 $help_topic = App\Model\helpdesk\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first();
                                 $department = App\Model\helpdesk\Agent\Department::where('id', '=', $help_topic->department)->first();
@@ -241,22 +256,22 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                         </table>
                     </div>
 
-                    <div class="col-md-6"> 
-                       
+                    <div class="col-md-6">
+
                         <table class="table">
-                            
+
                             <tr>
 
-                                <td><b>{!! Lang::get('lang.help_topic') !!}:</b></td>     
+                                <td><b>{!! Lang::get('lang.help_topic') !!}:</b></td>
 
                                 <?php $help_topic = App\Model\helpdesk\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first(); ?>
 
                                 <td title="{{$help_topic->topic}}">{{$help_topic->topic}}</td>
                             </tr>
-                           
+
                             <tr>
 
-                                <td><b>{!! Lang::get('lang.last_message') !!}:</b></td>   
+                                <td><b>{!! Lang::get('lang.last_message') !!}:</b></td>
 
                                 <td>{{ucwords($last->poster)}}</td>
                             </tr>
@@ -265,7 +280,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                 </div>
             </div>
             <div class="comments-area mb-0" id="comments">
-                
+
                 <?php
                 $conversations = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->where('is_internal', '=', 0)->paginate(10);
                 $ij = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->first();
@@ -276,30 +291,30 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                 ?>
 
                 <ol class="comment-list" >
-                    
+
                     <li class="comment">
-                       
+
                         <article class="comment-body">
-                            
+
                             <footer class="comment-meta"
-                            <?php if ($role->role == "user") { ?> style="background-color: hsla(100, 100%, 51%, 0.15)" <?php } else { ?> style="background-color:#FFFCB3" <?php } ?>  
-                            > 
+                            <?php if ($role->role == "user") { ?> style="background-color: hsla(100, 100%, 51%, 0.15)" <?php } else { ?> style="background-color:#FFFCB3" <?php } ?>
+                            >
                                 <div class="comment-author">
 
-                                    <img src="{{$role->profile_pic}}"alt="" height="50" width="50" class="avatar" 
-                                    <?php if ($role->role == "user") { ?>style="box-shadow: 0 1px 3px #00FF26;" <?php } else { ?> style="box-shadow: 0 1px 3px #FFEC00;" <?php } ?> 
+                                    <img src="{{$role->profile_pic}}"alt="" height="50" width="50" class="avatar"
+                                    <?php if ($role->role == "user") { ?>style="box-shadow: 0 1px 3px #00FF26;" <?php } else { ?> style="box-shadow: 0 1px 3px #FFEC00;" <?php } ?>
                                     >
                                     @if($role->role == "user")
                                     <b class="fn"><a href="#" rel="external" class="url">{{$role->user_name}}</a></b>
                                     @else
                                     <b class="fn"><a href="#" rel="external" class="url">{{$role->first_name." ".$role->last_name}}</a></b>
-                                    
-                                    <div class="ticketratings float-right" style="margin-top: -12px;">   
-                                        
+
+                                    <div class="ticketratings float-right" style="margin-top: -12px;">
+
                                         <table>
 
                                             <tbody>
-                                            @foreach($ratings as $rating) 
+                                            @foreach($ratings as $rating)
                                             @if($rating->rating_area == 'Comment Area')
                                             <?php
                                             $rating_value = App\Model\helpdesk\Ratings\RatingRef::where('rating_id', '=', $rating->id)->where('thread_id', '=', $conversation->id)->first();
@@ -318,7 +333,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                                         <?php for ($i = 1; $i <= $rating->rating_scale; $i++) { ?>
                                                             <input type="radio" class="star" id="star5" name="{!! $rating->name !!},{!! $conversation->id !!}" value="{!! $i !!}"<?php echo ($ratingval == $i) ? 'checked' : '' ?> />
                                                         <?php } ?>
-                                                        </td> 
+                                                        </td>
                                                     </tr>
                                                 </form>
                                             @endif
@@ -328,49 +343,51 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                     </div>
                                     @endif
                                 </div><!-- .comment-author -->
-                                
+
                                 <div class="comment-metadata">
-                                    
+
                                     <small class="date text-muted">
-                                        
+
                                         <time datetime="2013-10-23T01:50:50+00:00"><i class="fa fa-clock-o"> </i> {{ UTC::usertimezone($conversation->created_at) }}</time>
                                     </small>
                                 </div><!-- .comment-metadata -->
                             </footer><!-- .comment-meta -->
-                            
+
                             <div class="comment-content">
-                                
+
                                 @if($conversation->firstContent()=='yes')
-                                <div class="embed-responsive{{$conversation->id}} embed-responsive-16by9 "></div>
-                                <script>
-                                setTimeout(function(){
-                                    var $iframe="Id{{$conversation->id}}";
-                                    $('<iframe src="about:blank" id='+$iframe+' class="iframe" frameborder="0"  scrolling="no" width="100%" style="height:1px"></iframe>').appendTo(".embed-responsive{{$conversation->id}}");
-                                    setTimeout(function(){
-                                      $('#'+$iframe).contents().find('body').append('<body><style>body{display:inline-block;}</style>{!!$conversation->purify(true)!!}<body>');
-                                       },100)
-                                    setTimeout(function(){
-                                        var frameid=document.getElementById($iframe);
-                                        if(parseInt($("#"+$iframe).contents().find('img').css('width'))>700){
-                                            $("#"+$iframe).contents().find('img').css('width','96%');
-                                        }
-                                        frameid.contentWindow.document.body.style.width="100%";      
-                                        var iframe_height=frameid.contentWindow.document.body.scrollHeight;
-                                        frameid.style.height=iframe_height+"px";
-                                    }, 1000);
-                                }, 0);
-                                </script>                                            
-                                @else 
-                                {!! $conversation->body !!}
+                                    <div class="embed-responsive{{$conversation->id}} embed-responsive-16by9">
+                                        <div class="reply">{!! $conversation->purify(true) !!}</div>
+                                    </div>
+                                    <script>
+                                        setTimeout(function(){
+                                            var $iframe = "Id{{$conversation->id}}";
+                                            $('<iframe src="about:blank" id='+$iframe+' class="iframe" frameborder="0" scrolling="no" width="100%" style="height:1px"></iframe>').appendTo(".embed-responsive{{$conversation->id}}");
+                                            setTimeout(function(){
+                                                $('#'+$iframe).contents().find('body').append('<style>body{display:inline-block;}</style>');
+                                            }, 100);
+                                            setTimeout(function(){
+                                                var frameid = document.getElementById($iframe);
+                                                if(parseInt($("#"+$iframe).contents().find('img').css('width'))>700){
+                                                    $("#"+$iframe).contents().find('img').css('width','96%');
+                                                }
+                                                frameid.contentWindow.document.body.style.width="100%";
+                                                var iframe_height = frameid.contentWindow.document.body.scrollHeight;
+                                                frameid.style.height = iframe_height + "px";
+                                            }, 1000);
+                                        }, 0);
+                                    </script>
+                                @else
                                 @endif
-                                            
+
+
                                 @if($conversation->id == $ij->id)
                                 <?php $ticket_form_datas = App\Model\helpdesk\Ticket\Ticket_Form_Data::where('ticket_id', '=', $tickets->id)->get(); ?>
                                 @if(isset($ticket_form_datas))
 
                                 <br/>
                                 <table class="table">
-                                    
+
                                     <tbody>
                                         @foreach($ticket_form_datas as $ticket_form_data)
                                         <tr>
@@ -384,7 +401,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                 @endif
                             </div><!-- .comment-content -->
                             <br/><br/>
-                            
+
                             <div class="timeline-footer">
 
                                 @if(!$conversation->is_internal)
@@ -430,7 +447,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                                 </ul>
                             </div>
                         </article><!-- .comment-body -->
-                    </li><!-- .comment -->    
+                    </li><!-- .comment -->
                 </ol>
                 <?php
                 ?>
@@ -438,7 +455,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
             <?php }
             ?>
 
-            <div class="float-right" style="margin-top:-30px;margin-bottom:-30px">
+            <div class="float-right" style="margin-top:-25px;margin-bottom:-30px">
                 <?php echo $conversations->setPath(route('check_ticket', ['id' => $id]))->render(); ?>
             </div>
             <br/><br/>
@@ -460,28 +477,28 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                 {{Session::get('fails1')}}
             </div>
             @endif
-            
+
             <?php $id2 = Crypt::decrypt($id); ?>
-            
+
             <div id="respond" class="comment-respond form-border">
-                
+
                 <h3 id="reply-title" class="comment-reply-title section-title"><i class="line"></i>{!! Lang::get('lang.leave_a_reply') !!}</h3>
-                @if(Auth::user()) 
+                @if(Auth::user())
                 {!! Form::open(['url'=>'post/reply/'.$id2.'#formabc']) !!}
                 @else
                 {!! Form::open(['url'=>'post-ticket-reply/'.$id.'#formabc']) !!}
                 @endif
                 <div class="row">
                         <div class="col-md-12">
-                            <div class="form-group ">
-                                <textarea class="form-control" id="reply-input" name="comment" cols="30" rows="8"></textarea>
+                            <div class="form-group " style="background-color: white">
+                                <textarea class="form-control" id="reply-input" name="comment" cols="30" rows="8" ></textarea>
                             </div>
-                        </div>  
+                        </div>
                 </div>
-                
+
                 <div class="text-right">
-                    
-                    <button type="submit" onClick="return checkFunction();" class="btn btn-custom btn-lg">{!! Lang::get('lang.post_comment') !!}</button>
+
+                    <button type="submit" onClick="return checkFunction();" class="btn btn-custom btn-lg" style="background-color: #009aba; hov: #00c0ef; color: #fff">{!! Lang::get('lang.post_comment') !!}</button>
                 </div>
             {!! Form::close() !!}
             </div>
@@ -573,7 +590,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
             event.preventDefault();
         });
     });
-    
+
     $(function() {
 //Add text editor
     $("textarea").summernote({
@@ -617,7 +634,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                     //             link.click();
                     //         }
                     //     }, 500);
-                    // },2000);   
+                    // },2000);
                 }
             })
             return false;

resources/views/themes/default1/client/helpdesk/ckeckticket2.blade.php

@@ -1,22 +1,22 @@
 @extends('themes.default1.client.layout.client')
 
 @section('HeadInclude')
-        
+
 @stop
 
 @section('breadcrumb')
-    <div class="site-hero clearfix">
-        <ol class="breadcrumb breadcrumb-custom">
-            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
+
+        <ol class="breadcrumb float-sm-right ">
+            <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
             <li><a href="#">{!! Lang::get('lang.home') !!}</a></li>
             <li class="active">{!! Lang::get('lang.ticket_status') !!}</li>
         </ol>
     </div>
-@stop	
+@stop
 
-@section('content')               
-<?php  
-$tickets = App\Model\helpdesk\Ticket\Tickets::where('id','=',\Crypt::decrypt($id))->first(); 
+@section('content')
+<?php
+$tickets = App\Model\helpdesk\Ticket\Tickets::where('id','=',\Crypt::decrypt($id))->first();
 $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt::decrypt($id))->first();
 //$user = App\User::where('id','=',$id1)->first();?>
 
@@ -27,14 +27,14 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
     <div class="col-md-9">
                             <section class="content-header"><h3 class="box-title"><i class="fa fa-user"> </i> {{$thread->title}} </h3> ( {{$tickets->ticket_number}} )
                             </section>
-    </div> 
+    </div>
                                 <div class="col-md-3">
                             <div class="pull-right">
-                                <!-- <button type="button" class="btn btn-default"><i class="fa fa-edit" style="color:green;"> </i> Edit</button> -->                            
+                                <!-- <button type="button" class="btn btn-default"><i class="fa fa-edit" style="color:green;"> </i> Edit</button> -->
                                 {{-- <button type="button" class="btn btn-default"><i class="fa fa-print" style="color:blue;"> </i> {!! link_to_route('ticket.print','Print',[$tickets->id]) !!}</button> --}}
                                 <!-- </div> -->
-                                <div class="btn-group"> 
-                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-exchange" style="color:teal;"> </i> 
+                                <div class="btn-group">
+                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-exchange" style="color:teal; background-color: white"> </i>
                                         {!! Lang::get('lang.change_status') !!} <span class="caret"></span>
                                     </button>
                                     <ul class="dropdown-menu">
@@ -49,7 +49,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                             </div>
                             <div class="row">
                                 <div class="col-md-12">
-                            <div class="ticketratings pull-right">    
+                            <div class="ticketratings pull-right">
         <table><tbody>
                 <form id="foo">
    <tr>
@@ -60,14 +60,14 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
     <input type="radio" class="star" id="star3" name="rating" value="3"<?php echo ($tickets->rating=='3')?'checked':'' ?>/>
     <input type="radio" class="star" id="star2" name="rating" value="4"<?php echo ($tickets->rating=='4')?'checked':'' ?>/>
     <input type="radio" class="star" id="star1" name="rating" value="5"<?php echo ($tickets->rating=='5')?'checked':'' ?> />
-    </td> 
+    </td>
 </tr>
                 </form>
- </tbody> </table> 
+ </tbody> </table>
                         </div>
                             </div>
                             </div>
-                            
+
                         </div>
                                 <div class="box-body" style="margin-bottom:-10px">
                                     <div class="row">
@@ -81,24 +81,24 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                                             </div>
                                         </div>
                                 <section class="content"  id="refresh" style="margin-bottom:-10px;margin-top:-10px">
-                                    <div class="col-md-12"> 
-                                        <?php 
+                                    <div class="col-md-12">
+                                        <?php
                                         $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id','=',$tickets->priority_id)->first();
                                         ?>
                                         <div class="callout callout-default ">
                                             <div class="row">
-                                                <div class="col-md-3"> 
+                                                <div class="col-md-3">
                                                 <?php
                                                 $sla = $tickets->sla;
                                                 $SlaPlan = App\Model\helpdesk\Manage\Sla_plan::where('id','=',1)->first();?>
-                                                    <b>{!! Lang::get('lang.sla_plan') !!}: {{$SlaPlan->grace_period}} </b> 
+                                                    <b>{!! Lang::get('lang.sla_plan') !!}: {{$SlaPlan->grace_period}} </b>
                                                 </div>
-                                                <div class="col-md-3"> 
+                                                <div class="col-md-3">
                                                     <b>{!! Lang::get('lang.created_date') !!}: </b> {{ UTC::usertimezone($tickets->created_at) }}
                                                 </div>
-                                                <div class="col-md-3"> 
-                                                    <b>{!! Lang::get('lang.due_date') !!}: </b> 
-                                                    <?php 
+                                                <div class="col-md-3">
+                                                    <b>{!! Lang::get('lang.due_date') !!}: </b>
+                                                    <?php
                                                     $time = $tickets->created_at;
                                                     $time = date_create($time);
                                                     date_add($time, date_interval_create_from_date_string($SlaPlan->grace_period));
@@ -110,12 +110,12 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                                                 @foreach($response as $last)
                                                 <?php $ResponseDate  = $last->created_at; ?>
                                                 @endforeach
-                                                    <b>{!! Lang::get('lang.last_response') !!}: </b> {{ UTC::usertimezone($ResponseDate)}} 
+                                                    <b>{!! Lang::get('lang.last_response') !!}: </b> {{ UTC::usertimezone($ResponseDate)}}
                                                 </div>
                                             </div>
                                         </div>
-                                    </div>      
-                                    <div class="col-md-6"> 
+                                    </div>
+                                    <div class="col-md-6">
                                         <table class="table table-hover">
                                             <!-- <tr><th></th><th></th></tr> -->
                                             <tr><td><b>{!! Lang::get('lang.status') !!}:</b></td>       <?php $status = App\Model\helpdesk\Ticket\Ticket_Status::where('id','=',$tickets->status)->first();?>
@@ -139,8 +139,8 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                                             @endif
 
                                             </tr>
-                                            <tr><td><b>{!! Lang::get('lang.department') !!}:</b></td>   
-                                        <?php 
+                                            <tr><td><b>{!! Lang::get('lang.department') !!}:</b></td>
+                                        <?php
                                         $help_topic = App\Model\helpdesk\Manage\Help_topic::where('id','=',$tickets->help_topic_id)->first();
                                         $department = App\Model\helpdesk\Agent\Department::where('id', '=', $help_topic->department)->first();
                                         ?>
@@ -148,7 +148,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                                         </table>
                                         <!-- </div> -->
                                     </div>
-                                    <div class="col-md-6"> 
+                                    <div class="col-md-6">
                                         <!-- <div class="callout callout-success"> -->
                                         <table class="table table-hover">
                                             <!-- <tr><th></th><th></th></tr> -->
@@ -157,7 +157,7 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id','=',\Crypt:
                                         </table>
                                     </div>
                                     <!-- </div> -->
-                                </section> 
+                                </section>
                             </div>
                         </div>
                     </div>
@@ -186,11 +186,11 @@ foreach ($conversations as $conversation) {
                     foreach($attachments as $attachment)
                     {
                         if($attachment->type == 'pdf') {
-                            
+
                         } elseif($attachment->type == 'docx') {
-                            
+
                         } else {
-                        $image = @imagecreatefromstring($attachment->file); 
+                        $image = @imagecreatefromstring($attachment->file);
                         ob_start();
                         imagejpeg($image, null, 80);
                         $data = ob_get_contents();
@@ -198,7 +198,7 @@ foreach ($conversations as $conversation) {
                         $var  =  '<img src="data:image/jpg;base64,' .  base64_encode($data)  . '" />';
                         $body = str_replace($attachment->name, "data:image/jpg;base64," .  base64_encode($data), $body);
 
-                            $string = $body;                        
+                            $string = $body;
                             $start = "<head>";
                             $end = "</head>";
                             if(strpos($string,$start) == false || strpos($string,$start) == false)
@@ -216,9 +216,9 @@ foreach ($conversations as $conversation) {
                         }
                     }
     }
-                            $string = $body;                        
+                            $string = $body;
                             $start = "<head>";
-                            $end = "</head>";                            
+                            $end = "</head>";
                             if(strpos($string,$start) == false || strpos($string,$start) == false)
                             {
                             }
@@ -235,7 +235,7 @@ foreach ($conversations as $conversation) {
                                 <ol class="comment-list" >
                                     <li class="comment">
                                         <article class="comment-body">
-                                            <footer class="comment-meta"<?php if($role->role == "user") { ?> style="background-color: hsla(100, 100%, 51%, 0.15)" <?php } else { ?> style="background-color:#FFFCB3" <?php } ?>  > 
+                                            <footer class="comment-meta"<?php if($role->role == "user") { ?> style="background-color: hsla(100, 100%, 51%, 0.15)" <?php } else { ?> style="background-color:#FFFCB3" <?php } ?>  >
                                                 <div class="comment-author">
                                                         @if($role->profile_pic)
                                                             <img src="{{asset('uploads/profilepic')}}{{'/'}}{{$role->profile_pic}}"alt="" height="50" width="50" class="avatar" <?php if($role->role == "user") { ?>style="box-shadow: 0 1px 3px #00FF26;" <?php } else { ?> style="box-shadow: 0 1px 3px #FFEC00;" <?php } ?> >
@@ -250,14 +250,14 @@ foreach ($conversations as $conversation) {
                 <form id="foo2">
    <tr>
        <th>     <div class="ticketratingtitle">Reply rating &nbsp;</div></th>&nbsp
-                <td>            
+                <td>
     <input type="radio" class="star" id="star5" name="rating2" value="1"<?php echo ($conversation->reply_rating=='1')?'checked':'' ?>  />
     <input type="radio" class="star" id="star4" name="rating2" value="2"<?php echo ($conversation->reply_rating=='2')?'checked':'' ?>  />
     <input type="radio" class="star" id="star3" name="rating2" value="3"<?php echo ($conversation->reply_rating=='3')?'checked':'' ?>  />
     <input type="radio" class="star" id="star2" name="rating2" value="4"<?php echo ($conversation->reply_rating=='4')?'checked':'' ?>  />
     <input type="radio" class="star" id="star1" name="rating2" value="5"<?php echo ($conversation->reply_rating=='5')?'checked':'' ?>  />
                 </td></tr></form></tbody></table></div>
-                             
+
                                                     @endif
                                                 </div><!-- .comment-author -->
                                                 <div class="comment-metadata">
@@ -270,13 +270,13 @@ foreach ($conversations as $conversation) {
                                                 <p>{!! $body !!}</p>
                                             </div><!-- .comment-content -->
                                             <div class="timeline-footer" style="margin-bottom:-5px">
-                                        <?php 
+                                        <?php
                                         $attachments = App\Model\helpdesk\Ticket\Ticket_attachments::where('thread_id','=',$conversation->id)->get();
                                         $i = 0;
                                         foreach($attachments as $attachment) {
                                         if($attachment->poster == 'ATTACHMENT') {
                                             $i++;
-                                            } 
+                                            }
                                         }
                                         if($i>0)
                                         {
@@ -293,12 +293,12 @@ foreach ($conversations as $conversation) {
     $power = $size > 0 ? floor(log($size, 1024)) : 0;
     $value = number_format($size / pow(1024, $power), 2, '.', ',') . ' ' . $units[$power];
 
-                                            
+
                                             if($attachment->poster == 'ATTACHMENT')
                                             {
                                                 if($attachment->type == 'jpg'||$attachment->type == 'JPG'||$attachment->type == 'jpeg'||$attachment->type == 'JPEG'||$attachment->type == 'png'||$attachment->type == 'PNG'||$attachment->type == 'gif'||$attachment->type == 'GIF')
                                                 {
-                                                $image = @imagecreatefromstring($attachment->file); 
+                                                $image = @imagecreatefromstring($attachment->file);
                                                 ob_start();
                                                 imagejpeg($image, null, 80);
                                                 $data = ob_get_contents();
@@ -311,22 +311,22 @@ foreach ($conversations as $conversation) {
                                                 else
                                                 {
                                                 $var = '<a style="max-width:200px;height:133px;color:#666;" href="'.URL::route('image', ['image_id' => $attachment->id]).'" target="_blank"><span class="mailbox-attachment-icon" style="background-color:#fff;">'.strtoupper($attachment->type).'</span><div class="mailbox-attachment-info"><span ><b style="word-wrap: break-word;">'.$attachment->name.'</b><br/><p>'.$value.'</p></span></div></a>';
-                                                echo '<li style="background-color:#f4f4f4;">'.$var.'</li>';   
-                                                }                                            
+                                                echo '<li style="background-color:#f4f4f4;">'.$var.'</li>';
+                                                }
                                             }
                                         }
                                         ?>
                                         </ul>
                                     </div>
                                         </article><!-- .comment-body -->
-                                    </li><!-- .comment -->    
+                                    </li><!-- .comment -->
                                 </ol>
 
 <?php
 
                                         ?>
-                                        
-                                
+
+
 <?php }
 ?>
                                         <div class="pull-right" style="margin-top:-30px;margin-bottom:-30px">
@@ -353,7 +353,7 @@ foreach ($conversations as $conversation) {
 <?php $id2 = Crypt::decrypt($id); ?>
 <div id="respond" class="comment-respond form-border">
     <h3 id="reply-title" class="comment-reply-title section-title"><i class="line"></i>{!! Lang::get('lang.leave_a_reply') !!}</h3>
-    @if(Auth::user()) 
+    @if(Auth::user())
         {!! Form::open(['url'=>'post/reply/'.$id2.'#formabc']) !!}
     @else
         {!! Form::open(['url'=>'post-ticket-reply/'.$id.'#formabc']) !!}
@@ -364,7 +364,7 @@ foreach ($conversations as $conversation) {
                     <div class="form-group ">
                         <textarea class="form-control" name="comment" cols="30" rows="8"></textarea>
                     </div>
-                </div>                                              
+                </div>
             </div>
         </div>
         <div class="text-right">
@@ -375,19 +375,19 @@ foreach ($conversations as $conversation) {
 
 
 <script type="text/javascript">
-   
+
 $(document).ready(function() {
     var Data = $('input[name="rating"]:checked').val();
     var Data2 = $('input[name="rating2"]:checked').val();
     if (Data) {
         $('input[name=rating]').rating('readOnly');
         jQuery('.star').attr('disabled', true);
-       
+
     }
-    $('input[name=rating]').change(function() { 
+    $('input[name=rating]').change(function() {
 $('#foo').submit();
     });
-    $('input[name=rating2]').change(function() { 
+    $('input[name=rating2]').change(function() {
 $('#foo2').submit();
     });
     // process the form
@@ -396,7 +396,7 @@ $('#foo2').submit();
         // get the form data
         // there are many ways to get this data using jQuery (you can use the class or id also)
         var formData = $('input[name="rating"]:checked').val();
-        
+
 //$('#foo').serialize();
         // process the form
         $.ajax({
@@ -404,14 +404,14 @@ $('#foo2').submit();
             url         : '../rating/'+<?php echo $tickets->id ?>+'/'+formData, // the url where we want to POST
             data        : formData, // our data object
             dataType    : 'json', // what type of data do we expect back from the server
-            
-            success     : function() { 
-                 
+
+            success     : function() {
+
             }
         });
-        
+
             // using the done promise callback
-            
+
         // stop the form from submitting the normal way and refreshing the page
         event.preventDefault();
     });
@@ -428,14 +428,14 @@ $('#foo2').submit();
             url         : '../rating2/'+<?php echo $thread->id ?>+'/'+formData, // the url where we want to POST
             data        : formData, // our data object
             dataType    : 'json', // what type of data do we expect back from the server
-            
-            success     : function() { 
-                 
+
+            success     : function() {
+
             }
         });
-        
+
             // using the done promise callback
-            
+
         // stop the form from submitting the normal way and refreshing the page
         event.preventDefault();
     });
@@ -473,7 +473,7 @@ $('#foo2').submit();
                     //             link.click();
                     //         }
                     //     }, 500);
-                    // },2000);   
+                    // },2000);
                 }
             })
             return false;
@@ -503,7 +503,7 @@ $('#foo2').submit();
                                 link.click();
                             }
                         }, 500);
-                    },2000);   
+                    },2000);
                 }
             })
             return false;
@@ -526,7 +526,7 @@ $('#foo2').submit();
                     var message = "Success! Your Ticket have been Opened";
                     $("#alert11").show();
                     $('#message-success1').html(message);
-                    setInterval(function(){$("#alert11").hide(); },4000);   
+                    setInterval(function(){$("#alert11").hide(); },4000);
 
                 }
             })
@@ -543,8 +543,7 @@ $('#foo2').submit();
 
 @stop
 
-                
-                    
-                
 
-               
+
+
+

resources/views/themes/default1/client/helpdesk/form.blade.php

@@ -9,9 +9,17 @@ class = "nav-item active"
 @stop
 <!-- breadcrumbs -->
 @section('breadcrumb')
-<div class="site-hero clearfix">
-    <ol class="breadcrumb breadcrumb-custom">
-        <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
+{{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a class="words" href="{{url('/')}}">{!! Lang::get('lang.home') !!}</a></li>
+        <li class="words" style="margin-right: 10px">></li>
+
         <li><a href="{!! URL::route('form') !!}">{!! Lang::get('lang.submit_a_ticket') !!}</a></li>
     </ol>
 </div>
@@ -46,10 +54,12 @@ class = "nav-item active"
                 <div>
                      {!! Form::open(['url' => 'checkmyticket' , 'method' => 'POST'] )!!}
                     {!! Form::label('email',Lang::get('lang.email')) !!}<span class="text-red"> *</span>
-                    {!! Form::text('email_address',null,['class' => 'form-control']) !!}
+                    {!! Form::text('email_address',null,['class' => 'form-control form-group']) !!}
                     {!! Form::label('ticket_number',Lang::get('lang.ticket_number')) !!}<span class="text-red"> *</span>
-                    {!! Form::text('ticket_number',null,['class' => 'form-control']) !!}
-                    <br/><input type="submit" value="{!! Lang::get('lang.check_ticket_status') !!}" class="btn btn-info">
+                    {!! Form::text('ticket_number',null,['class' => 'form-control form-group']) !!}
+                    <button type="submit" class="btn btn-info" style=" background-color: #337ab7 !important; border-color: #337ab7 !important; color: white">
+                        <i class="fas fa-save"></i> {!! Lang::get('lang.check_ticket_status') !!}
+                    </button>
                     {!! Form::close() !!}
                 </div>
             </section>
@@ -97,32 +107,32 @@ class = "nav-item active"
         <article class="hentry">
 
             <div id="form-border" class="comment-respond form-border" style="background : #fff">
-                
+
                 <section id="section-categories">
-            
+
                     <h2 class="section-title h4 clearfix mb-0">
 
-                        <i class="line"></i>{!! Lang::get('lang.submit_a_ticket') !!}
+                        <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.submit_a_ticket') !!}
                     </h2>
 
                     <div class="row mt-4">
-                      
+
                         @if(Auth::user())
-                    
+
                         {!! Form::hidden('Name',Auth::user()->user_name,['class' => 'form-control']) !!}
-                    
+
                         @else
-                        
+
                         <div class="col-md-12 form-group {{ $errors->has('Name') ? 'has-error' : '' }}">
                             {!! Form::label('Name',Lang::get('lang.name')) !!}<span class="text-red"> *</span>
                             {!! Form::text('Name',null,['class' => 'form-control']) !!}
                         </div>
                         @endif
-            
+
                         @if(Auth::user())
-                    
+
                         {!! Form::hidden('Email',Auth::user()->email,['class' => 'form-control']) !!}
-                    
+
                         @else
                         <div class="col-md-12 form-group {{ $errors->has('Email') ? 'has-error' : '' }}">
                             {!! Form::label('Email',Lang::get('lang.email')) !!}
@@ -134,7 +144,7 @@ class = "nav-item active"
                         @endif
 
                         @if(!Auth::user())
-                    
+
                         <div class="col-md-2 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
                             {!! Form::label('Code',Lang::get('lang.country-code')) !!}
                              @if($email_mandatory->status == 0 || $email_mandatory->status == '0')
@@ -154,37 +164,37 @@ class = "nav-item active"
                             {!! Form::label('Phone',Lang::get('lang.phone')) !!}
                             {!! Form::text('Phone',null,['class' => 'form-control']) !!}
                         </div>
-                        @else 
+                        @else
                             {!! Form::hidden('mobile',Auth::user()->mobile,['class' => 'form-control']) !!}
                             {!! Form::hidden('Code',Auth::user()->country_code,['class' => 'form-control']) !!}
                             {!! Form::hidden('Phone',Auth::user()->phone_number,['class' => 'form-control']) !!}
-             
+
                        @endif
                         <div class="col-md-12 form-group {{ $errors->has('help_topic') ? 'has-error' : '' }}">
-                            {!! Form::label('help_topic', Lang::get('lang.choose_a_help_topic')) !!} 
+                            {!! Form::label('help_topic', Lang::get('lang.choose_a_help_topic')) !!}
                             {!! $errors->first('help_topic', '<spam class="help-block">:message</spam>') !!}
                             <?php
                             $forms = App\Model\helpdesk\Form\Forms::get();
                             $helptopic = App\Model\helpdesk\Manage\Help_topic::where('status', '=', 1)->get();
-                            ?>                  
+//                            ?><!---->
                             <select name="helptopic" class="form-control" id="selectid">
-                                
+
                                 @foreach($helptopic as $topic)
                                 <option value="{!! $topic->id !!}">{!! $topic->topic !!}</option>
                                 @endforeach
                             </select>
                         </div>
                         <!-- priority -->
-                         <?php 
-                         $Priority = App\Model\helpdesk\Settings\CommonSettings::select('status')->where('option_name','=', 'user_priority')->first(); 
+                         <?php
+                         $Priority = App\Model\helpdesk\Settings\CommonSettings::select('status')->where('option_name','=', 'user_priority')->first();
                          $user_Priority=$Priority->status;
                         ?>
-                         
+
                          @if(Auth::user())
 
                          @if(Auth::user()->active == 1)
                         @if($user_Priority == 1)
-             
+
                         <div class="col-md-12 form-group">
                             <div class="row">
                                 <div class="col-md-1">
@@ -215,14 +225,13 @@ class = "nav-item active"
                         <?php \Illuminate\Support\Facades\Event::dispatch(new App\Events\ClientTicketForm()); ?>
                         <div class="col-md-12" id="response"> </div>
                         <div id="ss" class="xs-md-6 form-group {{ $errors->has('') ? 'has-error' : '' }}"> </div>
-                        <div class="col-md-12 form-group">
-                            {!! Form::submit(Lang::get('lang.submit'),['class'=>'btn btn-info float-right', 'onclick' => 'this.disabled=true;this.value="Sending, please wait...";this.form.submit();'])!!}
-                        </div>
-       
-                        <div class="col-md-12" id="response"> </div>
+                                <div class="col-md-12 form-group">
+                                    {!! Form::button('<i class="fas fa-save"></i> ' . Lang::get('lang.submit'), ['type'=>'submit', 'class'=>'btn btn-info float-right', 'style'=>'background-color: #337ab7 !important; border-color: #337ab7 !important; color: white;', 'onclick' => 'this.disabled=true;this.innerHTML="Sending, please wait...";this.form.submit();', 'data-v-fce8d630']) !!}
+                                </div>
+                            <div class="col-md-12" id="response"> </div>
                         <div id="ss" class="xs-md-6 form-group {{ $errors->has('') ? 'has-error' : '' }}"> </div>
-                  
-                    {!! Form::close() !!}  
+
+                    {!! Form::close() !!}
                     </div>
                 </section>    
             </div>

resources/views/themes/default1/client/helpdesk/guest-user/form.blade.php

@@ -16,19 +16,19 @@
 		<h3 class="banner-title text-info h4">Have a Ticket?</h3>
         <div class="banner-content">
         {!! Form::open(['url' => 'checkmyticket' , 'method' => 'POST'] )!!}
-	
+
             {!! Form::label('email',Lang::get('lang.email')) !!}
     		{!! $errors->first('email', '<spam class="help-block">:message</spam>') !!}
     		{!! Form::text('email',null,['class' => 'form-control']) !!}
-                
+
             {!! Form::label('ticket_number',Lang::get('lang.ticket_number'),['style' => 'display: block']) !!}
     		{!! $errors->first('ticket_number', '<spam class="help-block">:message</spam>') !!}
     		{!! Form::text('ticket_number',null,['class' => 'form-control']) !!}
             <br/><input type="submit" value="Check Ticket Status" class="btn btn-info">
-                        
+
         {!! Form::close() !!}
 		</div>
-	</div>	
+	</div>
 @stop
 <!-- content -->
 @section('content')
@@ -77,20 +77,20 @@
         @endif
 
 		<div class="form-group {{ $errors->has('help_topic') ? 'has-error' : '' }}">
-			{!! Form::label('help_topic', 'Choose a Help Topic') !!} 
-			{!! $errors->first('help_topic', '<spam class="help-block">:message</spam>') !!}		
+			{!! Form::label('help_topic', 'Choose a Help Topic') !!}
+			{!! $errors->first('help_topic', '<spam class="help-block">:message</spam>') !!}
             <select name="help_topic" class="form-control" id="selectid">
                 <option>--Select--</option>
                 <option value="1">Default Help Topic</option>
             </select>
 		</div>
 
-        
+
 <!-- <label>data</label> -->
 <!-- <input name="stack" id="stack"/> -->
 
     <div id="ss" class="xs-md-6 form-group {{ $errors->has('') ? 'has-error' : '' }}">
-        
+
     </div>
 </div>
 </div>
@@ -103,9 +103,9 @@
  -->
 <script type="text/javascript">
 jQuery(document).ready(function() {
-    
+
     $('select').on('change', function (e) {
-        
+
         var value = $('#selectid').val();
         var select = $('#selectid');
         var $_token = $('#token').val();
@@ -113,12 +113,12 @@ jQuery(document).ready(function() {
         $.ajax({
             type        :   "POST",
             headers		: 	{ 'X-XSRF-TOKEN' : $_token },
-            url         :   "postform/"+ value,  
+            url         :   "postform/"+ value,
             dataType    :   'html',
             data        :   ({data2:data1}) ,
-            
+
             success : function(response) {
-                 
+
                     var data  = response;
                     var splited = data.split(',').slice(1);
         $.each(splited, function (index, value)
@@ -134,15 +134,15 @@ jQuery(document).ready(function() {
                         +"<textarea id="+sli[1]+" class="+
                         'form-control'+" name="+sli[1]+"/></textarea>"+"</div>");
                         var wysihtml5Editor = $('textarea').wysihtml5().data("wysihtml5").editor;
-                    } else {      			
+                    } else {
                         $("#ss").append(sli[1]+"<div class="+'"form-group"'+">"
                         +"<input type="+sli[0]+" id="+sli[1]+" class="+
                         'form-control'+" name="+sli[1]+">"+"</div>");
-        	        }   
+        	        }
                 }
         		return false;
             });
-        } 
+        }
         })
         return false;
     });

resources/views/themes/default1/client/helpdesk/guest-user/index.blade.php

@@ -14,12 +14,13 @@
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 @stop
 @section('breadcrumb')
-    <div class="site-hero clearfix">
-        <ol class="breadcrumb breadcrumb-custom">
-            <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
+{{--    <div class="site-hero clearfix">--}}
+        <ol class="breadcrumb float-sm-right ">
+            <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+
             <li><a href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a></li>
         </ol>
-    </div>
+{{--    </div>--}}
 @stop
 @section('content')
 @if(!Session::has('error') && count($errors)>0)
@@ -34,6 +35,7 @@
         </ul>
     </div>
     @endif
+
 <div id="content" class="site-content col-md-12">
     <div id="corewidgetbox" class="wid">
         <div id="wbox" class="widgetrow text-center">

resources/views/themes/default1/client/helpdesk/mytickets.blade.php

@@ -7,7 +7,14 @@ My Tickets -
 @section('myticket')
 class="nav-item active"
 @stop
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a href="{!! URL::route('ticket') !!}">{!! Lang::get('lang.my_tickets') !!}</a></li>
+    </ol>
 
+@stop
 @section('content')
 <style type="text/css">
     .table th {
@@ -20,21 +27,21 @@ class="nav-item active"
     $open = App\Model\helpdesk\Ticket\Tickets::where('user_id', '=', Auth::user()->id)
             ->where('status', '=', 1)
             ->orderBy('id', 'DESC')
-            ->paginate(20);
+            ->paginate(10);
     ?>
     <?php
     $close = App\Model\helpdesk\Ticket\Tickets::where('user_id', '=', Auth::user()->id)
             ->whereIn('status', [2, 3])
             ->orderBy('id', 'DESC')
-            ->paginate(20);
+            ->paginate(10);
     ?>
     <div class="nav-tabs-custom">
 
         <ul class="nav nav-tabs">
                     
             <li class="nav-item">
-                
-                <a style="cursor: pointer;" class="nav-link text-dark active" href="#tab_1" data-toggle="tab">
+
+                <a style="cursor: pointer;" class="nav-link text-dark active" id="tab_1-tab" data-bs-toggle="pill" href="#tab_1">
                 
                     <b>{!! Lang::get('lang.opened') !!}</b>
                 
@@ -44,8 +51,8 @@ class="nav-item active"
             </li>
 
             <li class="nav-item">
-                
-                <a style="cursor: pointer;" class="nav-link text-dark" href="#tab_2" data-toggle="tab">
+
+                <a class="nav-link" id="tab_2-tab" data-bs-toggle="pill" href="#tab_2" style="color: #343a40!important">
                 
                     <b>{!! Lang::get('lang.closed') !!}</b>
                 
@@ -60,9 +67,9 @@ class="nav-item active"
                 {!! Form::open(['route'=>'select_all','method'=>'post']) !!}
                 <div class="mailbox-controls mt-3">
                     <!-- Check all button -->
-                    <a class="btn btn-light btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
-                    <a class="btn btn-light btn-sm" id="click1"><i class="fas fa-sync"></i></a>
-                    <input type="submit" class="btn btn-light text-warning btn-sm" name="submit" value="{!! Lang::get('lang.close') !!}">
+                    <a class="btn btn-light btn-sm checkbox-toggle" style="background-color: whitesmoke"><i class="far fa-square"></i></a>
+                    <a class="btn btn-light btn-sm" id="click1" style="background-color: whitesmoke"><i class="fas fa-sync"></i></a>
+                    <input type="submit" class="btn btn-light text-warning btn-sm" name="submit" value="{!! Lang::get('lang.close') !!}"style="color: #F39C12;background-color: whitesmoke">
                     <div class="float-right" id="refresh21">
                         {!! $open->count().'-'.$open->total(); !!}
                     </div>
@@ -149,9 +156,9 @@ class="nav-item active"
                 {!! Form::open(['route'=>'select_all','method'=>'post']) !!}
                 <div class="mailbox-controls mt-3">
                     <!-- Check all button -->
-                    <a class="btn btn-light btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
-                    <a class="btn btn-light btn-sm" id="click2"><i class="fas fa-sync"></i></a>
-                    <input type="submit" class="btn btn-light text-primary btn-sm" name="submit" value="{!! Lang::get('lang.open') !!}">
+                    <a class="btn btn-light btn-sm checkbox-toggle" style="background-color: whitesmoke"><i class="far fa-square" ></i></a>
+                    <a class="btn btn-light btn-sm" id="click2" style="background-color: whitesmoke"><i class="fas fa-sync"></i></a>
+                    <input type="submit" class="btn btn-light text-primary btn-sm" name="submit" value="{!! Lang::get('lang.open') !!}" style="background-color: whitesmoke">
                     <div class="float-right" id="refresh22">
                         {!! $close->count().'-'.$close->total(); !!}
                     </div>

resources/views/themes/default1/client/helpdesk/profile.blade.php

@@ -3,7 +3,14 @@
 @section('profile')
 class="nav-item active"
 @stop
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a href="{!! URL::route('client.profile') !!}">{!! Lang::get('lang.my_profile') !!}</a></li>
+    </ol>
 
+@stop
 @section('content')
 
 <div id="content" class="site-content col-md-12">
@@ -11,12 +18,12 @@ class="nav-item active"
     <article class="henry">
 
         <header class="entry-header">
-            
+
             <h2 class="entry-title">{!! Lang::get('lang.profile_settings') !!}</h2>
         </header>
 
         <div class="entry-content clearfix">
-            
+
             @if(Session::has('success1'))
             <div class="alert alert-success alert-dismissable">
                 <i class="fa fa-check-circle"></i>
@@ -62,32 +69,32 @@ class="nav-item active"
             @endif
 
             <div class="row">
-                
+
                 <div class="col-md-6">
-                    
+
                      {!! Form::model($user,['url'=>'client-profile-edit', 'id' => 'client-profile', 'method' => 'PATCH','files'=>true]) !!}
 
                     <div id="form-border" class="comment-respond form-border" style="background : #fff">
 
                         <section id="section-categories" class="section">
-                    
+
                             <h2 class="section-title h4 clearfix">
 
-                                <i class="line"></i>{!! Lang::get('lang.profile') !!}
+                                <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.profile') !!}
                             </h2>
 
                             <div>
-                                
+
                                 <div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
                                     <!-- first name -->
                                     {!! Form::label('first_name',Lang::get('lang.first_name')) !!}<span class="text-red"> *</span>
-                                    
+
                                     {!! Form::text('first_name',null,['class' => 'form-control']) !!}
                                 </div>
                                 <div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
                                     <!-- last name -->
                                     {!! Form::label('last_name',Lang::get('lang.last_name')) !!}
-                                   
+
                                     {!! Form::text('last_name',null,['class' => 'form-control']) !!}
                                 </div>
                                 <div class="form-group">
@@ -112,7 +119,7 @@ class="nav-item active"
                                 <div class="form-group {{ $errors->has('company') ? 'has-error' : '' }}">
                                     <!-- company -->
                                     {!! Form::label('company',Lang::get('lang.company')) !!}
-                                    
+
                                     {!! Form::text('company',null,['class' => 'form-control']) !!}
                                 </div>
                                 <div class="row">
@@ -121,30 +128,30 @@ class="nav-item active"
                                         {!! Form::label('country_code',Lang::get('lang.country-code')) !!}
                                         {!! Form::text('country_code',null,['class' => 'form-control', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code'), 'id' => 'code']) !!}
 
-                                    </div>  
+                                    </div>
                                     <div class="col-sm-2 form-group {{ $errors->has('ext') ? 'has-error' : '' }}">
                                         <!-- phone extensionn -->
                                         {!! Form::label('ext',Lang::get('lang.ext')) !!}
-                                       
+
                                         {!! Form::text('ext',null,['class' => 'form-control']) !!}
                                     </div>
                                     <div class="col-sm-8 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
                                         <!-- phone number -->
                                         {!! Form::label('phone_number',Lang::get('lang.phone')) !!}
-                                       
+
                                         {!! Form::text('phone_number',null,['class' => 'form-control']) !!}
                                     </div>
                                 </div>
                                 <div class="form-group {{ $errors->has('mobile') ? 'has-error' : '' }}">
                                     <!-- mobile -->
                                     {!! Form::label('mobile',Lang::get('lang.mobile_number')) !!}
-                                    
+
                                     {!! Form::input('number', 'mobile',null,['class' => 'form-control', 'id' => 'mobile']) !!}
                                 </div>
                                 <div class="form-group {{ $errors->has('profile_pic') ? 'has-error' : '' }}">
                                     <!-- profile pic -->
                                     {!! Form::label('profile_pic',Lang::get('lang.profile_pic')) !!}
-                                    
+
                                     {!! Form::file('profile_pic') !!}
                                 </div>
 
@@ -152,22 +159,24 @@ class="nav-item active"
                                 {!! Form::close() !!}
 
                                 <div class="form-group" style="padding-bottom: 10px;">
-                                    
-                                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
-                                </div>
+
+
+                                    <button type="submit" class="btn btn-primary float-right" style="background-color: #337ab7 !important; border-color: #337ab7 !important; color: white;">
+                                        <i class="fas fa-sync"></i> {{ Lang::get('lang.update') }}
+                                    </button>                                </div>
                             </div>
                         </section>
                     </div>
                 </div>
 
                 <div class="col-md-6">
-                    
+
                     {!! Form::model($user,['url'=>'client-profile-password' , 'method' => 'PATCH']) !!}
 
                     <div id="form-border" class="comment-respond form-border" style="background : #fff">
-                        
+
                         <section id="section-categories" class="section">
-                    
+
                             <h2 class="section-title h4 clearfix">
 
                                 <i class="line"></i>{!! Lang::get('lang.change_password') !!}
@@ -177,26 +186,28 @@ class="nav-item active"
                                  {!! Form::label('old_password',Lang::get('lang.old_password')) !!}<span class="text-red"> *</span>
                                 <div class="form-group has-feedback {{ $errors->has('old_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
                                     {!! Form::password('old_password',['class' => 'form-control']) !!}
-                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                                    <span class="fa fa-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d !important;"></span> <!--change the "glyphicon glyphicon-lock form-control-feedback" to "fa fa-lock form-control-feedback" bcoz bs5 has removed the Glyphicons icon font that was included in earlier versions of Bootstrap-->
                                 </div>
                                 <!-- new password -->
                                   {!! Form::label('new_password',Lang::get('lang.new_password')) !!}<span class="text-red"> *</span>
                                 <div class="form-group has-feedback {{ $errors->has('new_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
                                     {!! Form::password('new_password',['class' => 'form-control']) !!}
-                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                                    <span class="fa fa-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d !important;"></span>
                                 </div>
                                 <!-- cofirm password -->
                                  {!! Form::label('confirm_password',Lang::get('lang.confirm_password')) !!}<span class="text-red"> *</span>
                                 <div class="form-group has-feedback {{ $errors->has('confirm_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
                                     {!! Form::password('confirm_password',['class' => 'form-control']) !!}
-                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
+                                    <span class="fa fa-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d !important;"></span>
                                 </div>
 
                                 {!! Form::close() !!}
 
                                 <div class="form-group" style="padding-bottom: 10px;">
-                                    
-                                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
+
+                                    <button type="submit" class="btn btn-primary float-right" style="background-color: #337ab7 !important; border-color: #337ab7 !important; color: white;">
+                                        <i class="fas fa-sync"></i> {{ Lang::get('lang.update') }}
+                                    </button>
                                 </div>
                             </div>
                         </section>
@@ -212,7 +223,7 @@ class="nav-item active"
         <div class="col-md-12" style="height:40%">
             <div class="modal-content">
                 <div class="modal-header">
-                    <span style="font-size:1.2em">{{Lang::get('lang.verify-number')}}</span> 
+                    <span style="font-size:1.2em">{{Lang::get('lang.verify-number')}}</span>
                     <button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                 </div>
                 <div class="modal-body">
@@ -270,8 +281,8 @@ class="nav-item active"
         if (mobile !== old_mobile) {
             e.preventDefault();
             $('#last-modal').css('display', 'block');
-            $.ajax({                    
-                url: '{{URL::route("client-verify-number")}}',     
+            $.ajax({
+                url: '{{URL::route("client-verify-number")}}',
                 type: 'POST', // performing a POST request
                 data : {
                     mobile : mobile,
@@ -279,7 +290,7 @@ class="nav-item active"
                     email: email,
                     code: code// will be accessible in $_POST['data1']
                 },
-                dataType: 'json', 
+                dataType: 'json',
                 beforeSend: function() {
                     $('#loader2').css('display', 'block');
                     $('#verify-number-form').css('display', 'none');

resources/views/themes/default1/client/helpdesk/unauth/showticket.blade.php

@@ -356,7 +356,7 @@ foreach ($conversations as $conversation) {
 @endif
 <?php $id2 = $tickets->id; ?>
 <div id="respond" class="comment-respond form-border">
-    <h3 id="reply-title" class="comment-reply-title section-title"><i class="line"></i>{!! Lang::get('lang.leave_a_reply') !!}</h3>   
+    <h3 id="reply-title" class="comment-reply-title section-title"><i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.leave_a_reply') !!}</h3>
     {!! Form::open(['url'=>'post-ticket-reply/'.$tickets->id.'#formabc']) !!}
     <div class="row">
         <div class="form-group">

resources/views/themes/default1/client/kb/article-list/articles.blade.php

@@ -7,47 +7,61 @@
 @section('kb')
     class = "nav-item active"
 @stop
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a class="words" href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+        <li class="words">></li>
+        <li><a href="{!! URL::route('article-list') !!}">{!! Lang::get('lang.article_list') !!}</a></li>
+    </ol>
 
+@stop
 @section('content')
 
 <div id="content" class="site-content col-md-9">
-    
+
     <div class="archive-list archive-article" >
-        
+
         @foreach($article as $arti)
         <article class="hentry">
-            
+
             <header class="entry-header">
-                        
+
                 <i class="fa fa-list-alt fa-2x fa-fw float-left text-muted"></i>
-                
+
                 <h2 class="entry-title h4">
 
                     <a href="{{url('show/'.$arti->slug)}}" onclick="toggle_visibility('foo');">{{$arti->name}}</a>
                 </h2>
-            </header> 
+            </header>
 
             <?php $str = $arti->description; ?>
-            <?php $excerpt = App\Http\Controllers\Client\kb\UserController::getExcerpt($str, $startPos = 0, $maxLength = 200); ?>   
-            
+            <?php $excerpt = App\Http\Controllers\Client\kb\UserController::getExcerpt($str, $startPos = 0, $maxLength = 200); ?>
+
             <blockquote class="blockquote archive-description" id="block" style="margin-bottom: 10px; margin-top: 10px;">
-                
+
                 <?php $content = trim(preg_replace("/<img[^>]+\>/i", "", $excerpt), " \t.") ?>
                 {!! strip_tags($content) !!}
 
                 <p><a href="{{url('show/'.$arti->slug)}}">{!! Lang::get('lang.read_more') !!}</a></p>
-            </blockquote>   
+            </blockquote>
 
             <footer class="entry-footer">
-                        
+
                 <div class="entry-meta text-muted">
-                    
-                    <span style="margin-right:0px;"><i class="far fa-clock fa-fw"></i> 
+
+                    <span style="margin-right:0px;"><i class="far fa-clock fa-fw"></i>
 
                         <span>{{$arti->created_at->format('l, d-m-Y')}}</span>
                     </span>
                 </div>
-            </footer>    
+            </footer>
         </article>
         @endforeach
 
@@ -63,20 +77,20 @@
     <div id="sidebar" class="site-sidebar col-md-3">
 
         <div class="col-sm-12">
-        
+
             <div class="widget-area">
-            
+
                 <section id="section-categories" class="section">
-                    
+
                     <h2 class="section-title h4 clearfix">
 
-                        <i class="line"></i>{!! Lang::get('lang.categories') !!}
-                    
+                        <b>   <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.categories') !!}</b>
+
                         <small class="float-right"><i class="far fa-hdd fa-fw"></i></small>
                     </h2>
 
                     <ul class="nav nav-pills nav-stacked nav-categories">
-        
+
                         @foreach($categorys as $category)
                         <?php
                         $num = \App\Model\kb\Relationship::where('category_id','=', $category->id)->get();
@@ -85,9 +99,9 @@
                         ?>
 
                         <li class="d-flex justify-content-between align-items-center">
-                            
+
                             <a href="{{url('category-list/'.$category->slug)}}" class="list-group-item list-group-item-action" style="padding: 5px;">
-                                        
+
                                 <span class="badge badge-pill float-right" style="margin-top: 2px;">{{$numcount}}</span>
 
                                 {{$category->name}}

resources/views/themes/default1/client/kb/article-list/category.blade.php

@@ -8,6 +8,24 @@
 @section('kb')
 class = "nav-item active"
 @stop
+@section('breadcrumb')
+    {{--    <div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a class="words" href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+        <li class="words">></li>
+        <li><a class="words" href="{!! URL::route('category-list') !!}">{!! Lang::get('lang.category') !!}</a></li>
+        <li class="words">></li>
+        <li><a  class="words"href="{!! URL::route('category-list') !!}">{!! Lang::get('lang.category_list') !!}</a></li>
+
+    </ol>
+    {{--    </div>--}}
+@stop
 
 @section('content')
 <div id="content" class="site-content col-md-9">
@@ -30,11 +48,11 @@ class = "nav-item active"
         @forelse($article as $arti)
 
              <article class="hentry">
-            
+
                 <header class="entry-header">
-                        
+
                     <i class="fa fa-list-alt fa-2x fa-fw float-left text-muted"></i>
-                
+
                     <h2 class="entry-title h4">
 
                         <a href="{{url('show/'.$arti->slug)}}" onclick="toggle_visibility('foo');">{{$arti->name}}</a>
@@ -45,7 +63,7 @@ class = "nav-item active"
                 <?php $excerpt = App\Http\Controllers\Client\kb\UserController::getExcerpt($str, $startPos = 0, $maxLength = 400); ?>
 
                 <blockquote class="blockquote archive-description" id="block" style="margin-bottom: 10px; margin-top: 10px;">
-                
+
                     <?php $content = trim(preg_replace("/<img[^>]+\>/i", "", $excerpt), " \t.") ?>
                     <p>{!! strip_tags($content) !!}</p>
 
@@ -53,15 +71,15 @@ class = "nav-item active"
                 </blockquote>
 
                 <footer class="entry-footer">
-                        
+
                     <div class="entry-meta text-muted">
-                        
-                        <span style="margin-right:0px;"><i class="far fa-clock fa-fw"></i> 
+
+                        <span style="margin-right:0px;"><i class="far fa-clock fa-fw"></i>
 
                             <span>{{$arti->created_at->format('l, d-m-Y')}}</span>
                         </span>
                     </div>
-                </footer>  
+                </footer>
             </article>
             @empty
             <p>No articles available</p>
@@ -91,20 +109,18 @@ class = "nav-item active"
     <div id="sidebar" class="site-sidebar col-md-3">
 
         <div class="col-sm-12">
-        
             <div class="widget-area">
-            
+
                 <section id="section-categories" class="section">
-                    
+
                     <h2 class="section-title h4 clearfix">
 
-                        <i class="line"></i>{!! Lang::get('lang.categories') !!}
-                    
+                        <b>   <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.categories') !!}</b>
                         <small class="float-right"><i class="far fa-hdd fa-fw"></i></small>
                     </h2>
 
                     <ul class="nav nav-pills nav-stacked nav-categories">
-        
+
                         @foreach($categorys as $category)
                         <?php
                         $num = \App\Model\kb\Relationship::where('category_id','=', $category->id)->get();
@@ -113,9 +129,9 @@ class = "nav-item active"
                         ?>
 
                         <li class="d-flex justify-content-between align-items-center">
-                            
+
                             <a href="{{url('category-list/'.$category->slug)}}" class="list-group-item list-group-item-action" style="padding: 5px;">
-                                        
+
                                 <span class="badge badge-pill float-right" style="margin-top: 2px;">{{$numcount}}</span>
 
                                 {{$category->name}}

resources/views/themes/default1/client/kb/article-list/categoryList.blade.php

@@ -8,10 +8,25 @@ Category List -
 class = "nav-item active"
 @stop
 
+@section('breadcrumb')
+{{--    <div class="site-hero clearfix">--}}
+<ol class="breadcrumb float-sm-right ">
+    <style>
+        .words {
+            margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+        }
+    </style>
+    <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+    <li><a class="words" href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+    <li class="words">></li>
+            <li><a href="{!! URL::route('category-list') !!}">{!! Lang::get('lang.category') !!}</a></li>
+        </ol>
+{{--    </div>--}}
+@stop
 @section('content')
 
 <div id="content" class="site-content col-md-12">
-    
+
     <div class="row">
 
         @foreach($categorys as $category)
@@ -24,18 +39,17 @@ class = "nav-item active"
             ?>
 
             <section class="box-categories">
-                
+
                 <h1 class="section-title h4 clearfix">
-                
-                    <i class="line"></i>
+
 
                     <i class="far fa-folder-open fa-fw text-muted"></i>
 
                     <small class="float-right">
-                
+
                         <a href="{{url('category-list/'.$category->slug)}}"><i class="far fa-hdd fa-fw"></i>({{count($all)}})</a>
                     </small>
-                    
+
                      <a href="{{url('category-list/'.$category->slug)}}">{{$category->name}}</a>
                 </h1>
 
@@ -54,25 +68,26 @@ class = "nav-item active"
                     ?>
                     @forelse($article as $arti)
                     <li>
-                                
+
                         <h3 class="h5" style="text-align:left">
-                        
+
                             <i class="fa-li fa fa-list-alt fa-fw text-muted"></i>
-                            
+
                             <a href="{{url('show/'.$arti->slug)}}">{{$arti->name}}</a>
 
                         </h3>
                     </li>
                     @empty
-                    <p>{!! Lang::get('lang.no_article') !!}</p>
+{{--                    <p>{!! Lang::get('lang.no_article') !!}</p>--}}
                     @endforelse
                 <?php } ?>
                 </ul>
-                <p class="more-link text-center"><a href="{{url('category-list/'.$category->slug)}}" class="btn btn-custom btn-sm">{!! Lang::get('lang.view_all') !!}</a></p>
+                <p class="more-link text-center"><a href="{{url('category-list/'.$category->slug)}}" class="btn btn-custom btn-sm" style="background-color: #009aba; hov: #00c0ef; color: #fff ">{!! Lang::get('lang.view_all') !!}</a></p>
             </section>
         </div>
-        @endforeach  
+        @endforeach
     </div>
+
 </div>
 <!-- end of page content -->
 @stop

resources/views/themes/default1/client/kb/article-list/home.blade.php

@@ -3,7 +3,14 @@
 @section('title')
 Knowledge Base -
 @stop
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+    </ol>
 
+@stop
 @section('kb')
 class = "nav-item active"
 @stop
@@ -43,18 +50,18 @@ class = "nav-item active"
         <div class="col-md-6">
 
             <section class="box-categories">
-            
+
                 <h1 class="section-title h4 clearfix">
-                
-                    <i class="line"></i>
+
+                    <i class="line" style="border-color: rgb(0, 154, 186);"></i>
 
                     <i class="far fa-folder-open fa-fw text-muted"></i>
-                    
+
                     <small class="float-right">
-                
+
                         <a href="{{url('category-list/'.$category->slug)}}"><i class="far fa-hdd fa-fw"></i>({{count($all)}})</a>
                     </small>
-                    
+
                     <a href="{{url('category-list/'.$category->slug)}}">{{$category->name}}</a>
                 </h1>
 
@@ -81,38 +88,38 @@ class = "nav-item active"
                         ?>
                         @forelse($article as $arti)
                         <li>
-                            
+
                             <h3 class="h5" style="text-align:left">
-                            
+
                                 <i class="fa-li fa fa-list-alt fa-fw text-muted"></i>
-                                
+
                                 <a href="{{url('show/'.$arti->slug)}}">{{$arti->name}}</a>
 
                             </h3>
                         </li>
                         @empty
-                        <p>{!! Lang::get('lang.no_article') !!}</p>
+{{--                        <p>{!! Lang::get('lang.no_article') !!}</p>--}}
                         @endforelse
                     <?php } ?>
                 </ul>
-                <p class="more-link text-center"><a href="{{url('category-list/'.$category->slug)}}" class="btn btn-custom btn-sm">{!! Lang::get('lang.view_all') !!}</a></p>
+                <p class="more-link text-center"><a href="{{url('category-list/'.$category->slug)}}" class="btn btn-custom btn-sm" style="background-color: #009aba; hov: #00c0ef; color: #fff ">{!! Lang::get('lang.view_all') !!}</a></p>
             </section>
         </div>
         @endforeach
     </div>
 
     <section class="section">
-                        
+
         <div class="banner-wrapper banner-horizontal clearfix" style="background: none;">
-            
+
             <h4 style="font-size: 15px;" class="banner-title h3">{!! Lang::get('lang.need_more_support') !!}?</h4>
-                
+
             <div class="banner-content">
-                    
+
                 <p>{!! Lang::get('lang.if_you_did_not_find_an_answer_please_raise_a_ticket_describing_the_issue') !!}.</p>
             </div>
-                
-            <p><a href="{!! URL::route('form') !!}" class="btn btn-custom">{!! Lang::get('lang.submit_a_ticket') !!}</a></p>
+
+            <p><a  style="background-color: #009aba; hov: #00c0ef; color: #fff " href="{!! URL::route('form') !!}" class="btn btn-custom">{!! Lang::get('lang.submit_a_ticket') !!}</a></p>
         </div>
     </section>
 </div>
@@ -123,20 +130,20 @@ class = "nav-item active"
 <div id="sidebar" class="site-sidebar col-md-3">
 
     <div class="col-sm-12">
-    
+
         <div class="widget-area">
-        
-            <section id="section-categories" class="section">
-                
+
+            <section id="section-categories" class="categories">
+
                 <h2 class="section-title h4 clearfix">
 
-                    <i class="line"></i>{!! Lang::get('lang.categories') !!}
-                
+                    <b>   <i class="line"></i>{!! Lang::get('lang.categories') !!}</b>
+
                     <small class="float-right"><i class="far fa-hdd fa-fw"></i></small>
                 </h2>
 
                 <ul class="nav nav-pills nav-stacked nav-categories">
-    
+
                     @foreach($categorys as $category)
                     <?php
                         $num = \App\Model\kb\Relationship::where('category_id', '=', $category->id)->get();
@@ -145,9 +152,9 @@ class = "nav-item active"
                     ?>
 
                     <li class="d-flex justify-content-between align-items-center">
-                        
+
                         <a  href="{{url('category-list/'.$category->slug)}}" class="list-group-item list-group-item-action" style="padding: 5px;">
-                                    
+
                             <span class="badge badge-pill float-right" style="margin-top: 2px;">{{$numcount}}</span>
 
                             {{$category->name}}

resources/views/themes/default1/client/kb/article-list/pages.blade.php

@@ -3,25 +3,42 @@
 @section('title')
     Pages List -
 @stop
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
+        <li><a class="words" href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+        <li class="words">></li>
+        <li><a class="words" href="{{url('pages/'.$page->slug)}}">{!! Lang::get('lang.pages') !!}</a></li>
+        <li class="words" style="margin-right: 10px">></li>
+        <li>  {{$page->name}}</li>
 
+    </ol>
+    </div>
+@stop
 @section('pages')
 class = "nav-item  active"
 @stop
 
 @section('content')
-    
+
     <div id="content" class="site-content col-sm-12">
-                    
+
         <article class="hentry">
-            
+
             <header class="entry-header">
-                
+
                 <h1 class="entry-title">{{$page->name}}</h1>
             </header>
 
             <div class="entry-content clearfix">
-                
-                {!! $page->description !!}                
+
+                {!! $page->description !!}
             </div>
         </article>
     </div>

resources/views/themes/default1/client/kb/article-list/search.blade.php

@@ -1,62 +1,89 @@
 @extends('themes.default1.client.layout.client')
 @section('breadcrumb')
-<div class="site-hero">
-    <ol class="breadcrumb breadcrumb-custom">
-        <li class="text">You are here: </li>
-        <li>Home</li>
-        <li class="active">Search Results</li>
+    <ol class="breadcrumb float-sm-right">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item">
+            <i class="fas fa-home"></i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;
+        </li>
+        <li>
+            <a class="words" href="{!! URL::route('/') !!}">{!! Lang::get('lang.home') !!}</a>
+        </li>
+        <li class="words">></li>
+        <li>
+            <a href="{!! URL::route('client.search') !!}">{!! Lang::get('lang.search_result') !!}</a>
+        </li>
     </ol>
-</div>
 @stop
+
 @section('content')
-<div id="content" class="site-content col-md-9">
-    @forelse($result as $arti)
-    <article class="format-standard type-post hentry clearfix">
+    <div id="content" class="site-content col-md-9">
+        @if ($result->isEmpty() || $result->every(function($arti) { return $arti->type == 0; }))
+            <p>
+            <h3><b>Sorry!</b></h3> No results found.
+            </p>
+        @else
+            @foreach($result as $arti)
+                @if ($arti->type != 0)
+                    <article class="format-standard type-post hentry clearfix">
+                        <header class="clearfix">
+                            <h3 class="post-title">
+                                <small><i class="fa fa-list-alt fa-2x fa-fw pull-left text-muted"></i></small>
+                                <a href="{{url('show/'.$arti->slug)}}">{{$arti->name}}</a>
+                            </h3>
+                        </header>
+                            <?php $str = $arti->description ?>
+                            <?php $excerpt = App\Http\Controllers\Client\kb\UserController::getExcerpt($str, $startPos = 0, $maxLength = 200) ?>
+                        <blockquote class="archive-description">
+                            <p>{!! strip_tags($excerpt) !!} </p>
+                            <a class="readmore-link" href="{{url('show/'.$arti->slug)}}">Read more</a>
+                        </blockquote>
+                        <div class="post-meta clearfix">
+                            <span class="date"><i class="fa fa-clock-o fa-fw"></i> {{$arti->created_at->format('l, d-m-Y')}}</span>
+                        </div><!-- end of post meta -->
+                        <hr>
+                    </article>
+                @endif
+            @endforeach
+        @endif
 
-        <header class="clearfix">
-            <h3 class="post-title">
-            <small><i class="fa fa-list-alt fa-2x fa-fw pull-left text-muted"></i></small>
-                <a href="{{url('show/'.$arti->slug)}}">{{$arti->name}}</a>
-            </h3>
-            
-        </header>
-        <?php $str = $arti->description ?>
-        <?php $excerpt = App\Http\Controllers\Client\kb\UserController::getExcerpt($str, $startPos = 0, $maxLength = 200) ?>
-        <blockquote class="archive-description">
-        <p>{!! strip_tags($excerpt) !!} </p>
-        <a class="readmore-link" href="{{url('show/'.$arti->slug)}}">Read more</a>
-        </blockquote>
-        
-        <div class="post-meta clearfix">
-                <span class="date"><i class="fa fa-clock-o fa-fw"></i> {{$arti->created_at->format('l, d-m-Y')}}</span>
-            </div><!-- end of post meta -->
-        <hr>
-        @empty 
-        <p><h3><b>Sorry!</b></h3> No result has found.</p>
-        @endforelse
-
-    </article>
-    <!-- end of page content -->
-    <div class="pagination">
-        <?php echo $result->render(); ?>
+        <div class="pagination">
+            <?php echo $result->render(); ?>
+        </div>
     </div>
+    @stop
 </div>
+    {{--@section('category')--}}
+    {{--<h2 class="section-title h4 clearfix">{!! Lang::get('lang.categories') !!}<small class="pull-right"><i class="fa fa-hdd-o fa-fw"></i></small></h2>--}}
+    {{--<ul class="nav nav-pills nav-stacked nav-categories">--}}
 
-@stop
+    {{--    @foreach($categorys as $category)--}}
+    {{--<?php--}}
+    {{--$num = \App\Model\kb\Relationship::where('category_id','=', $category->id)->get();--}}
+    {{--$article_id = $num->pluck('article_id');--}}
+    {{--$numcount = count($article_id);--}}
+    {{--?>--}}
+    {{--    <li><a href="{{url('category-list/'.$category->slug)}}"><span class="badge pull-right">{{$numcount}}</span>{{$category->name}}</a></li>--}}
+    {{--    @endforeach--}}
+    {{--</ul>--}}
+    {{--@stop--}}
 </div>
 
 
-@section('category')
-<h2 class="section-title h4 clearfix">{!! Lang::get('lang.categories') !!}<small class="pull-right"><i class="fa fa-hdd-o fa-fw"></i></small></h2>
-<ul class="nav nav-pills nav-stacked nav-categories">
+{{--@section('category')--}}
+{{--<h2 class="section-title h4 clearfix">{!! Lang::get('lang.categories') !!}<small class="pull-right"><i class="fa fa-hdd-o fa-fw"></i></small></h2>--}}
+{{--<ul class="nav nav-pills nav-stacked nav-categories">--}}
 
-    @foreach($categorys as $category)
-<?php
-$num = \App\Model\kb\Relationship::where('category_id','=', $category->id)->get();
-$article_id = $num->pluck('article_id');
-$numcount = count($article_id);
-?>
-    <li><a href="{{url('category-list/'.$category->slug)}}"><span class="badge pull-right">{{$numcount}}</span>{{$category->name}}</a></li>
-    @endforeach
-</ul>
-@stop
+{{--    @foreach($categorys as $category)--}}
+{{--<?php--}}
+{{--$num = \App\Model\kb\Relationship::where('category_id','=', $category->id)->get();--}}
+{{--$article_id = $num->pluck('article_id');--}}
+{{--$numcount = count($article_id);--}}
+{{--?>--}}
+{{--    <li><a href="{{url('category-list/'.$category->slug)}}"><span class="badge pull-right">{{$numcount}}</span>{{$category->name}}</a></li>--}}
+{{--    @endforeach--}}
+{{--</ul>--}}
+{{--@stop--}}

resources/views/themes/default1/client/kb/article-list/show.blade.php

@@ -19,18 +19,25 @@ $all = App\Model\kb\Relationship::where('article_id','=', $arti->id)->get();
 /* from whole attribute pick the article_id */
 $category_id = $all->pluck('category_id')->toArray();
 ?>
-
-<div class="site-hero clearfix">
-    <ol class="breadcrumb breadcrumb-custom">
-        <li class="text">{!! Lang::get('lang.you_are_here') !!}: </li>
+@section('breadcrumb')
+    {{--<div class="site-hero clearfix">--}}
+    <ol class="breadcrumb float-sm-right ">
+        <style>
+            .words {
+                margin-right: 10px; /* Adjust the value to increase or decrease the gap between list items */
+            }
+        </style>
+        <li class="breadcrumb-item"> <i class="fas fa-home"> </i> {!! Lang::get('lang.you_are_here') !!} : &nbsp;</li>
         <?php $category = App\Model\kb\Category::where('id', $category_id)->first(); ?>
-        <li><a href="{{url('/')}}">{!! Lang::get('lang.home') !!}</a></li>
-        <li><a href="{{url('/knowledgebase')}}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
-        <li><a href="{{url('category-list/'.$category->slug)}}">{{$category->name}}</a></li>
-        <li class="active">{{$arti->name}}</li>
-    </ol>
-</div>
-@stop	
+        <li><a class="words" href="{!! URL::route('home') !!}">{!! Lang::get('lang.knowledge_base') !!}</a></li>
+        <li class="words">></li>
+
+        <li><a  class="words" href="{{url('article-list')}}">{!! Lang::get('lang.article_list') !!}</a></li>
+        <li class="words">></li>
+        <li><a class="words" href="{{url('category-list/'.$category->slug)}}">{{$category->name}}</a></li>
+        <li class="words"> > </li>
+        <li class="active">{{$arti->name}}</li> </ol>
+@stop
 @section('title')
     {!! $arti->name !!} -
 @stop	
@@ -66,7 +73,19 @@ $category_id = $all->pluck('category_id')->toArray();
 
     </article><!-- .hentry -->
 
-    <?php $comments = App\Model\kb\Comment::where('article_id', $arti->id)->where('status', '1')->get(); ?>
+    <?php
+    use Illuminate\Support\Facades\Auth;
+
+
+
+    $comments = App\Model\kb\Comment::where('article_id', $arti->id)
+        ->where('status', '1')
+        ->orWhere(function ($query) {
+            $query->where('article_id', Auth::id()); // Add this line to include the authenticated user's comment
+        })
+        ->get();
+
+?>
 
     <div id="comments" class="comments-area">
         @foreach($comments as $comment)
@@ -99,46 +118,194 @@ $category_id = $all->pluck('category_id')->toArray();
         </ol><!-- .comment-list -->
         @endforeach
 
-        <div id="respond" class="comment-respond form-border">
+{{--        <div id="respond" class="comment-respond form-border">--}}
+
+{{--            <h3 id="reply-title" class="comment-reply-title section-title">--}}
+{{--                <i class="line" style="border-color: rgb(0, 154, 186);"<></i>{!! Lang::get('lang.leave_a_reply') !!}--}}
+{{--            </h3>--}}
+
+            {!! Form::open(['method'=>'post','url'=>'postcomment/'.$arti->slug,'id'=>'comment-form']) !!}
+            {!! csrf_field() !!}
+
+            <div id="respond" class="comment-respond form-border">
+                <h3 id="reply-title" class="comment-reply-title section-title">
+                    <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.leave_a_reply') !!}
+                </h3>
+
+                @if(Auth::check())
+                    <div class="row">
+
+                        <div class="col-md-4" style="border:#f4f4f4;">
+                            <div data-v-43e70d45="" class="banner-wrapper user-data text-center clearfix" id="ban_ner" style="border-width: 5px 1px 1px; border-style: solid; border-color: rgb(0, 154, 186); border-image: initial; width: 90%" >
+                            <img id="user_avatar" src="{{Auth::user()->profile_pic}}" class="avatar" alt="User Image" style="margin-left: 5% ">
+                            <div STYLE="margin-left:5%"><strong>Hello</strong></div>
+                            <p class="banner-title ellipsize_first_name h4" STYLE="margin-left: 5%">{{Auth::user()->first_name." ".Auth::user()->last_name}}</p>
+                            <div class="banner-content" id="dropdown_content">
+                                <p data-v-43e70d45="">If you are not? </p>
+                                <a href="{{url('auth/logout')}}" class="btn btn-custom btn-sm text-white profile_btn" STYLE="width: 50%;height: 200%;margin-left: 7%; background-color: #009aba; hov: #00c0ef; color: #fff">{!! Lang::get('lang.log_out') !!}</a>
+
+                            </div>
+                            </div>
+                        </div>
+
+                        <div class="col-md-10" style="width: 65%">
+                            <div class="form-group {{ $errors->has('comment') ? 'has-error' : '' }}">
+                                {!! Form::label('comment',Lang::get('lang.message'),['class' => 'label']) !!}
+                                {!! Form::textarea('comment',null,['class' => 'form-control','size' => '30x8','id'=>'comment']) !!}
+                                {!! $errors->first('comment', '<spam class="help-block">:message</spam>') !!}
+                            </div>
+                            <button type="submit" class="btn btn-custom btn-lg float-right" style="background-color: #009aba; hov: #00c0ef; color: #fff">
+                                {{ Lang::get('lang.post_message') }}
+                            </button>
+                        </div>
+            </div><script>
+                        function submitComment(userId, comment) {
+                            // Prepare the form data
+                            var formData = new FormData();
+                            formData.append('user_id', userId);
+                            formData.append('comment', comment);
+
+                            // If the user is not authenticated, include the name and email fields
+                            if (!userId) {
+                                var name = $("#name").val();
+                                var email = $("#email").val();
+                                formData.append('name', name);
+                                formData.append('email', email);
+                            }
+
+                            // Perform the AJAX request to submit the comment
+                            $.ajax({
+                                type: "POST",
+                                url: "{{ url('postcomment/'.$arti->slug) }}",
+                                data: formData,
+                                processData: false,
+                                contentType: false,
+                                success: function(response) {
+                                    // Handle the success response
+                                    if (response.success) {
+                                        alert("Comment posted successfully!");
+                                        // You can redirect the user to a specific page or perform any other necessary action here
+                                    } else {
+                                        alert("An error occurred while processing your request. Please try again.");
+                                    }
+                                },
+                                error: function(xhr, status, error) {
+                                    // Handle the error response
+                                    alert("An error occurred while processing your request. Please try again.");
+                                }
+                            });
+                        }
+
+                        // Remove the error styling and message when the user types in the comment field
+                        $("#comment").on("input", function() {
+                            $(this).removeClass("has-error");
+                            $(this).next(".help-block").remove();
+                        });
+
+
+
+
+                    </script></div>
+                    {!! Form::close() !!}
+                @else
+                    {!! Form::open(['method'=>'post','url'=>'postcomment/'.$arti->slug,'id'=>'comment-form']) !!}
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
+                                {!! Form::label('name', Lang::get('lang.name'), ['class' => 'label']) !!}
+                                {!! Form::text('name', null, ['class' => 'form-control', 'id' => 'comment-name']) !!}
+                                {!! $errors->first('name', '<span class="help-block">:message</span>') !!}
+                            </div>
+
+                            <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
+                                {!! Form::label('email', Lang::get('lang.email'), ['class' => 'label']) !!}
+                                {!! Form::text('email', null, ['class' => 'form-control', 'id' => 'comment-email']) !!}
+                                {!! $errors->first('email', '<span class="help-block">:message</span>') !!}
+                            </div>
+
+                            <div class="form-group {{ $errors->has('website') ? 'has-error' : '' }}">
+                                {!! Form::label('website', Lang::get('lang.website'), ['class' => 'label']) !!}
+                                {!! Form::text('website', null, ['class' => 'form-control']) !!}
+                                {!! $errors->first('website', '<span class="help-block">:message</span>') !!}
+                            </div>
+
+                            <button type="submit" class="btn btn-custom btn-lg" style="background-color: #009aba; hov: #00c0ef; color: #fff">{!! Lang::get('lang.post_message') !!}</button>
+                        </div>
+
+                        <div class="col-md-8">
+                            <div class="form-group {{ $errors->has('comment') ? 'has-error' : '' }}">
+                                {!! Form::label('comment', Lang::get('lang.message'), ['class' => 'label']) !!}
+                                {!! Form::textarea('comment', null, ['class' => 'form-control', 'size' => '30x8', 'id' => 'comment-comment']) !!}
+                                {!! $errors->first('comment', '<span class="help-block">:message</span>') !!}
+                            </div>
+                        </div>
 
-            <h3 id="reply-title" class="comment-reply-title section-title">
-                <i class="line"></i>{!! Lang::get('lang.leave_a_reply') !!}
-            </h3>
-            
-            {!! Form::open(['method'=>'post','url'=>'postcomment/'.$arti->slug]) !!}
-            <div class="row">
-                <div class="col-md-4">
-                    <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
-                        {!! Form::label('name',Lang::get('lang.name')) !!}
-                        {!! Form::text('name',null,['class' => 'form-control']) !!}
-                        {!! $errors->first('name', '<spam class="help-block" style="red">:message</spam>') !!}
                     </div>
-                    <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
-                        {!! Form::label('email',Lang::get('lang.email')) !!}
-                        {!! Form::text('email',null,['class' => 'form-control']) !!}
-                        {!! $errors->first('email', '<spam class="help-block">:message</spam>') !!}
+                    <script>
+                        $(document).ready(function() {
+                            $("#comment-form").submit(function(event) {
+                                event.preventDefault(); // Prevent the form from submitting
+
+                                // Remove any existing error messages and reset label colors
+                                $(".help-block").remove();
+                                $(".form-group").removeClass("has-error");
+
+                                // Perform your custom validation here
+                                var name = $("#comment-name").val().trim();
+                                var email = $("#comment-email").val().trim();
+                                var comment = $("#comment-comment").val().trim();
+
+                                // Flag to track if there are any errors
+                                var hasErrors = false;
+
+                                // Check if the name field is empty
+                                if (name === "") {
+                                    $("#comment-name").parent().addClass("has-error");
+                                    $("#comment-name").after('<span class="help-block">The name field is required.</span>');
+
+                                    hasErrors = true;
+                                }
+
+                                // Check if the email field is empty or invalid
+                                if (email === "") {
+                                    $("#comment-email").parent().addClass("has-error");
+                                    $("#comment-email").after('<span class="help-block">The email field is required.</span>');
+
+                                    hasErrors = true;
+                                }
+
+                                // Check if the comment field is empty
+                                if (comment === "") {
+                                    $("#comment-comment").parent().addClass("has-error");
+                                    $("#comment-comment").after('<span class="help-block">The comment field is required.</span>');
+                                    hasErrors = true;
+                                }
+
+                                // If there are no errors, submit the form
+                                if (!hasErrors) {
+                                    $("#comment-form")[0].submit();
+                                }
+                            });
+
+                            // Remove the error styling and message when the user types in a field
+                            $(".form-control").on("input", function() {
+                                $(this).parent().removeClass("has-error");
+                            });
+                        });
+
+                    </script>
+
+
+
                     </div>
-                    <div class="form-group {{ $errors->has('website') ? 'has-error' : '' }}">
-                        {!! Form::label('website',Lang::get('lang.website')) !!}
-                        {!! Form::text('website',null,['class' => 'form-control']) !!}
-                         {!! $errors->first('website', '<spam class="help-block">:message</spam>') !!}
-                    </div>
-                    <button type="submit" class="btn btn-custom btn-lg">{!! Lang::get('lang.post_message') !!}</button>
-                </div>
-                <div class="col-md-8">
-                    <div class="form-group {{ $errors->has('comment') ? 'has-   error' : '' }}">
-                        {!! Form::label('comment',Lang::get('lang.message')) !!}
-                        {!! Form::textarea('comment',null,['class' => 'form-control','size' => '30x8','id'=>'comment']) !!}
-                        {!! $errors->first('comment', '<spam class="help-block">:message</spam>') !!}
-                    </div>
-                </div>	
-            </div>
+                @endif
+            </div><!-- #respond -->
             {!! Form::close() !!}
-        </div><!-- #respond -->
-    </div>
-</div>						
 
-@stop
+
+
+    </div>
+            @stop
 
 @section('category')
 
@@ -152,8 +319,8 @@ $category_id = $all->pluck('category_id')->toArray();
                     
                     <h2 class="section-title h4 clearfix">
 
-                        <i class="line"></i>{!! Lang::get('lang.categories') !!}
-                    
+                        <b>   <i class="line" style="border-color: rgb(0, 154, 186);"></i>{!! Lang::get('lang.categories') !!}</b>
+
                         <small class="float-right"><i class="far fa-hdd fa-fw"></i></small>
                     </h2>
 

resources/views/themes/default1/client/layout/client.blade.php

@@ -16,28 +16,46 @@
 
         <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" />
+       <link href="{{asset("lb-faveo/css/widgetbox.min.css")}}" rel="stylesheet" type="text/css" />
         <!-- Bootstrap 4.3.1 -->
-        <link href="{{asset("lb-faveo/css/bootstrap4.min.css")}}" rel="stylesheet" type="text/css" />
+        <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/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-bs4.min.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.4.1.min.js")}}" type="text/javascript"></script>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+
+       <script src="{{asset("lb-faveo/js/jquery-3.6.3.min.js")}}" type="text/javascript"></script>
 
         @yield('HeadInclude')
+
+        <style>
+            .note-editor .dropdown-toggle::after {
+                all: unset;
+            }
+
+            .note-editor .note-dropdown-menu, .note-editor .note-modal-footer {
+                box-sizing: content-box;
+            }
+        </style>
     </head>
     <body>
 
         <style>
-           
+
            #dropdown_content{ padding-top: 1rem;margin: 0 !important;}
 
             #user_avatar{ border-radius: 35px;width: 70px;height: 70px;}
@@ -84,9 +102,9 @@
         </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">
@@ -114,16 +132,16 @@
                             </a>
                         </div>
 
-                        <button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" 
+                        <button class="navbar-toggler custom-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> <!-- collapse -->
 
-                        <div class="collapse navbar-collapse links" id="navbarSupportedContent">
-                            
+                        <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)
@@ -133,7 +151,7 @@
                                 @endif
 
                                 <li @yield('kb') class="nav-item dropdown">
-                                    <a href="{!! url('knowledgebase') !!}" class="dropdown-toggle nav-link"  id="navbarDropdown" role="button" data-toggle="" 
+                                    <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">
@@ -146,7 +164,7 @@
                                 ?>
                                  @if(count($pages))
                                 <li @yield('pages') class="nav-item dropdown">
-                                    <a class="dropdown-toggle nav-link"  id="navbarDropdown" role="button" data-toggle="" 
+                                    <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">
@@ -163,7 +181,7 @@
                                 </li>
 
                                 <li @yield('profile') class="nav-item dropdown">
-                                    <a href="#" class="dropdown-toggle nav-link"  id="navbarDropdown" role="button" data-toggle="" 
+                                    <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">
@@ -174,57 +192,49 @@
                                                 <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>
+                                                    <a href="{{url('auth/logout')}}" class="btn btn-custom btn-sm text-white profile_btn" style="background-color: #009aba; hov: #00c0ef; color: #fff "">{!! 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>
+                                                        <a href="{{url('dashboard')}}" class="btn btn-custom btn-sm text-white profile_btn" style="background-color: #009aba; hov: #00c0ef; color: #fff ">{!! 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>
+                                                    <a href="{{url('client-profile')}}" class="btn btn-custom btn-sm text-white profile_btn" style="background-color: #009aba; hov: #00c0ef; color: #fff ">{!! Lang::get('lang.profile') !!}</a>
                                                     @endif
                                                     @endif
                                                 </div>
                                             </div>
                                         </li>
-                                    </ul>
+                         </ul>
                                 </li>
                                 @else
                                 @if(isset($errors))
-                                <li class="nav-item"
-                                    <?php
-                                    if (is_object($errors)) {
-                                        if ($errors->first('email') || $errors->first('password')) {
-                                            ?> class="sfHover" 
-                                                <?php
-                                            }
-                                        }
-                                        ?> 
-                                        ><a href="#"  data-toggle="collapse"  class="nav-link"
-                                            <?php
-                                            if (is_object($errors)) {
-                                                if ($errors->first('email') || $errors->first('password')) {
-                                                    
-                                                } else {
-                                                    ?> class="collapsed" 
-                                                <?php
-                                            }
-                                        }
-                                        ?> 
-                                        data-target="#login-form">{!! Lang::get('lang.login') !!} <i class="sub-indicator fa fa-chevron-circle-down fa-fw text-muted"></i></a>
-                                    </li>
+                                        <li class="nav-item">
+                                                <?php if (is_object($errors) && ($errors->first('email') || $errors->first('password'))) : ?>
+                                            <a href="#" class="nav-link sfHover" data-bs-toggle="collapse" data-bs-target="#login-form">
+                                                {!! Lang::get('lang.login') !!}
+{{--                                                <i class="sub-indicator fa fa-chevron-circle-down fa-fw text-muted"></i>--}}
+                                            </a>
+                                            <?php else : ?>
+                                            <a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#login-form">
+                                                {!! Lang::get('lang.login') !!}
+{{--                                                <i class="sub-indicator fa fa-chevron-circle-down fa-fw text-muted"></i>--}}
+                                            </a>
+                                            <?php endif; ?>
+                                        </li>
+
                                     @endif
                                     @endif
                                     <li class="nav-item dropdown">
                                     <?php $src = Lang::getLocale().'.png'; ?>
-                                        <a href="#" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle="" aria-haspopup="true" 
+                                        <a href="#" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle="" aria-haspopup="true"
                                             aria-expanded="false">
                                             <img src="{{asset("lb-faveo/flags/$src")}}"></img>
                                         </a>
@@ -237,11 +247,15 @@
                                                 &rlm;
                                             @endif
                                                 ({{$value[1]}})</a></li>
-                                            @endforeach       
+                                            @endforeach
                                         </ul>
                                     </li>
                                 </ul>
-                                <?php 
+{{--                            <span class="switcher-toggle desk_none" onclick="myFunction()">--}}
+{{--                          <span class="icon"></span>--}}
+{{--                        </span>--}}
+
+                            <?php
                                     $loginFormClass = "login-form collapse fade clearfix";
                                     if(isset($errors) && ($errors->first('email') || $errors->first('password')))
                                     {
@@ -258,9 +272,9 @@
                                         @endif
                                         @if(Session::has('error'))
                                         <div class="alert alert-danger alert-dismissable">
-                                            
+
                                             {!! Session::get('error') !!}
-                                           
+
                                         </div>
                                          @endif
                                         <?php b: ?>
@@ -278,10 +292,10 @@
                                         </div>
                                     </div>
                                     <div class="col-md-12 text-center">
-                                            <button type="submit" class="btn btn-custom">{!! Lang::get('lang.login') !!}</button>
+                                            <button type="submit" class="btn btn-custom" style="background-color: #009aba; hov: #00c0ef; color: #fff ">{!! Lang::get('lang.login') !!}</button>
                                         {!! Form::close() !!}
                                     </div>
-                                   
+
                                 <div class="col-md-12 text-center">
                                      {{Lang::get('lang.or')}}
                                     <ul class="list-unstyled">
@@ -295,17 +309,23 @@
                             </div><!-- #login-form -->
                         </div>
                     </nav>
-                
-                    <div id="header-search" class="site-search clearfix"><!-- #header-search -->
+
+                    <div id="header-search" class="site-search clearfix" style="margin-right: 20%; width: 100%"><!-- #header-search -->
                         {!!Form::open(['route' => 'client.search','class'=>'search-form clearfix'])!!}
-                        <div class="form-border" style="z-index: 0;width: 80%;">
+                        <div class="form-border" style="z-index: 0;width: 85%;">
                             <div class="form-inline ">
-                                <div class="form-group input-group">
-                                    <input type="text" name="s" class="search-field form-control input-lg" title="Enter search term" placeholder="{!! Lang::get('lang.have_a_question?_type_your_search_term_here') !!}" required/>
+                                <div class="form-group input-group " style="width: 98% ">
+                                    <input type="text" name="s" class="search-field form-control" title="Enter search term" placeholder="Have a question? Type your search term here..." required="" style="width: 80%">
+                                    <span class="input-group-btn">
+                                        <button type="submit" class="btn btn-custom btn-md " style="margin-left: 20% ;background-color: #009aba; hov: #00c0ef; color: #fff ">Search</button>
+                                    </span>
                                 </div>
-                                <span class="input-group-btn">
-                                    <button type="submit" class="btn btn-custom btn-md" style="margin-left: 2px;">{!! Lang::get('lang.search') !!}</button>
-                                </span>
+
+                                <style>
+                                    .search-field {
+                                        border-radius: 10px; /* You can adjust the value to your desired radius */
+                                    }
+                                </style>
                             </div>
                         </div>
                         {!! Form::close() !!}
@@ -313,53 +333,60 @@
                 </div>
             </header>
             <!-- Left side column. contains the logo and sidebar -->
-   
-    <div class="site-hero clearfix">
-  
-            
-                {!! Breadcrumbs::render() !!}
+            <div class="site-hero clearfix">
+{{--                {!! \DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render() !!}--}}
+                @yield('breadcrumb')
             </div>
-            <!-- Main content -->
+
+
+
             <div id="main" class="site-main clearfix">
                 <div class="container">
                     <div class="content-area">
                         <div>
+                            <!-- Success message -->
                             @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">&times;</button>
-                                {{Session::get('success')}}
-                            </div>
+                                <div class="alert alert-success alert-dismissable" style="padding-right:20px">
+                                    <i class="fa fa-check-circle"></i>
+                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+                                    {{ Session::get('success') }}
+                                </div>
                             @endif
+
+                            <!-- Warning message -->
                             @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">&times;</button>
-                                {!! Session::get('warning') !!}
-                            </div>
+                                <div class="alert alert-warning alert-dismissable" style="padding-right:20px">
+                                    <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 -->
+
+                            <!-- 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">&times;</button>
-                                {{Session::get('fails')}}
-                            </div>
-                            <?php a: ?>
+                                @if(Session::has('check'))
+                                        <?php goto a; ?>
+                                @endif
+                                <div class="alert alert-danger alert-dismissable" style="padding-right:20px">
+                                    <i class="fa fa-ban"></i>
+                                    <b>{!! Lang::get('lang.alert') !!} !</b>
+                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+                                    {{ Session::get('fails') }}
+                                </div>
+                                    <?php a: ?>
                             @endif
                         </div>
                         <div class="row">
                             @yield('content')
-                             @yield('check')
-                             @yield('category')
+                            @yield('check')
+                            @yield('category')
                         </div>
                     </div>
                 </div>
             </div>
+
+            <!-- Rest of the code... -->
+
             <!-- /.content-wrapper -->
             <?php
             $footer1 = App\Model\helpdesk\Theme\Widgets::where('name', '=', 'footer1')->first();
@@ -427,7 +454,7 @@
                     <hr style="color:#E5E5E5"/>
                     <div class="row">
                         <div class="site-info col-md-6">
-                            <p class="text-muted">{!! Lang::get('lang.copyright') !!} &copy; {!! 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>
+                            <p class="text-muted">{!! Lang::get('lang.copyright') !!} &copy; {!! 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="https://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(); ?>
@@ -506,18 +533,22 @@
                                 @endforeach
                             </ul>
                         </div>
-                    </div>
+                    </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/bootstrap4.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/bootstrap5.min.js")}}" type="text/javascript"></script>
 
-            <script src="{{asset("lb-faveo/js/superfish.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/mobilemenu.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>
 
@@ -527,8 +558,14 @@
 
             <script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
 
-            <script src="{{asset("lb-faveo/plugins/summernote/summernote-bs4.min.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
@@ -562,6 +599,8 @@ $(function () {
     });
 });
             </script>
-          
+
+        </div>
+        </div>
     </body>
 </html>

resources/views/themes/default1/client/layout/logclient.blade.php

@@ -15,22 +15,28 @@
         <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/bootstrap4.min.css")}}" rel="stylesheet" type="text/css" />
+        <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/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 rel="stylesheet" href="lb-faveo/plugins/summernote/summernote-bs4.min.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.4.1.min.js")}}" type="text/javascript"></script>
+        <script src="{{asset("lb-faveo/js/jquery-3.6.3.min.js")}}" type="text/javascript"></script>
 
         @yield('HeadInclude')
     </head>
@@ -118,7 +124,7 @@
                             <span class="navbar-toggler-icon"></span>
                         </button> <!-- collapse -->
 
-                        <div class="collapse navbar-collapse links" id="navbarSupportedContent">
+                        <div class="collapse navbar-collapse links  justify-content-end" id="navbarSupportedContent">
                             
                             <ul class="navbar-nav navbar-menu site-navigate ml-auto">
                                 
@@ -200,28 +206,35 @@
                             </ul>
                         </div>
                     </nav>
-                    
-                    <div id="header-search" class="site-search clearfix"><!-- #header-search -->
-                        {!!Form::open(['route'=>'client.search','class'=>'search-form clearfix'])!!}
-                        <div class="form-border" style="z-index: 0;">
-                            <div class="form-inline ">
-                                <div class="form-group input-group" style="width: 88%;">
-                                    <input type="text" name="s" class="search-field form-control input-lg" title="Enter search term" placeholder="{!! Lang::get('lang.have_a_question?_type_your_search_term_here') !!}" required/>
-                                </div>
+
+                    <div id="header-search" class="site-search clearfix" style="margin-right: 20%; width: 100%"><!-- #header-search -->
+                    {!!Form::open(['route' => 'client.search','class'=>'search-form clearfix'])!!}
+                    <div class="form-border" style="z-index: 0;width: 85%;">
+                        <div class="form-inline ">
+                            <div class="form-group input-group " style="width: 98% ">
+                                <input type="text" name="s" class="search-field form-control" title="Enter search term" placeholder="Have a question? Type your search term here..." required="" style="width: 80%">
                                 <span class="input-group-btn">
-                                    <button type="submit" class="btn btn-custom btn-md" style="margin-left: 8px;">{!! Lang::get('lang.search') !!}</button>
-                                </span>
+                                        <button type="submit" class="btn btn-custom btn-md " style="margin-left: 20% ;background-color: #009aba; hov: #00c0ef; color: #fff ">Search</button>
+                                    </span>
                             </div>
+
+                            <style>
+                                .search-field {
+                                    border-radius: 10px; /* You can adjust the value to your desired radius */
+                                }
+                            </style>
                         </div>
-                        {!! Form::close() !!}
                     </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">
-                {!! Breadcrumbs::render() !!}
+            <div class="site-hero clearfix" >
+                @yield('breadcrumb')
             </div>
+
             <!-- Main content -->
             <div id="main" class="site-main clearfix">
                 <div class="container">
@@ -412,16 +425,22 @@
                         </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/bootstrap4.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/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/mobilemenu.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>
 
@@ -429,8 +448,14 @@
 
             <script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
 
-            <script src="lb-faveo/plugins/summernote/summernote-bs4.min.js"></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

resources/views/themes/default1/client/layout/social-login.blade.php

@@ -2,7 +2,7 @@
 $social = new \App\Model\helpdesk\Settings\SocialMedia();
 ?>
 @if($social->checkActive('twitter') || $social->checkActive('facebook') || $social->checkActive('google') || $social->checkActive('linkedin') || $social->checkActive('bitbucket') || $social->checkActive('github'))
-<center>{{Lang::get('lang.or')}}</center>
+<br>
 @endif
 
 @if($social->checkActive('twitter'))
@@ -11,7 +11,7 @@ $social = new \App\Model\helpdesk\Settings\SocialMedia();
 </a>
 @endif
 @if($social->checkActive('facebook'))
-<a class="btn btn-block btn-social btn-facebook" href="{{ route('social.login', ['facebook']) }}" style="background-color: #3B5998;color: white;">
+<a class="btn btn-block btn-social btn-facebook" href="{{ route('social.login', ['facebook']) }}" style="background-color: #3B5998;color: white; --bs-btn-font-size:none">
     <span class="fab fa-facebook-f fa-fw"></span> Sign in with Facebook
 </a>
 @endif

resources/views/themes/default1/layouts/client.blade.php

@@ -175,7 +175,7 @@ $footer4 = App\Model\helpdesk\Theme\Footer4::whereId('1')->first();
 					<div class="col-md-3">
 						<div class="widget-area">
 							<section id="section-about" class="section">
-								<h2 class="section-title h4 clearfix">{!!$footer->title!!}</h2>
+								<h2 class="section-line h4 clearfix">{!!$footer->title!!}</h2>
 								<div class="textwidget">
 									<p>{!!$footer->footer!!}</p>
 								</div>

resources/views/themes/default1/login/login.blade.php

@@ -13,14 +13,14 @@
 			
 			{!! Form::text('email',null,['placeholder'=>'Email','class' => 'form-control']) !!}
 			{!! $errors->first('email', '<spam class="help-block">:message</spam>') !!}
-			<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+			<span class="far fa-envelope text-muted form-control-feedback"></span>
           
           </div>
 
           <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}">
             {!! Form::password('password',['placeholder'=>'Password','class' => 'form-control']) !!}
 			{!! $errors->first('password', '<spam class="help-block">:message</spam>') !!}
-            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
+            <span class="fa fa-lock text-muted form-control-feedback"></span>
           </div>
           <div class="row">
             <div class="col-xs-8">    

resources/views/themes/default1/login/register.blade.php

@@ -25,7 +25,7 @@
 			
 			{!! Form::text('email',null,['placeholder'=>'Email','class' => 'form-control']) !!}
 			{!! $errors->first('email', '<spam class="help-block">:message</spam>') !!}
-			<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+			<span class="far fa-envelope text-muted form-control-feedback"></span>
           
           </div>
 
@@ -33,13 +33,13 @@
           <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}">
             {!! Form::password('password',['placeholder'=>'Password','class' => 'form-control']) !!}
 			{!! $errors->first('password', '<spam class="help-block">:message</spam>') !!}
-            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
+            <span class="fa fa-lock form-control-feedback"></span>
           </div>
 
           <div class="form-group has-feedback {{ $errors->has('password_confirmation') ? 'has-error' : '' }}">
             {!! Form::password('password_confirmation',['placeholder'=>'Retype Password','class' => 'form-control']) !!}
 			{!! $errors->first('password_confirmation', '<spam class="help-block">:message</spam>') !!}
-            <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
+            <span class="fas fa-sign-in-alt form-control-feedback"></span>
           </div>
 
           

routes/web.php

@@ -60,7 +60,7 @@ Route::middleware('web')->group(function () {
     // Auth login
     Route::get('auth/login/{one?}/{two?}/{three?}/{four?}/{five?}', [Auth\AuthController::class, 'getLogin'])->name('auth.login');
     Route::post('auth/login', [Auth\AuthController::class, 'postLogin'])->name('auth.post.login');
-    Route::get('user/search', [Client\kb\UserController::class, 'search'])->name('client.search');
+    Route::match(['get', 'post'], 'user/search', [Client\kb\UserController::class, 'search'])->name('client.search');
 
     Breadcrumbs::register('auth.login', function ($breadcrumbs) {
 //        $breadcrumbs->parent('/');
@@ -718,13 +718,13 @@ Route::middleware('web')->group(function () {
     /* post the cantact page to controller */
     Route::post('post-contact', [Client\kb\UserController::class, 'postContact'])->name('post-contact');
     //to get the value for page content
-    Route::get('pages/{name}', [Client\kb\UserController::class, 'getPage'])->name('pages');
+    Route::get('pages/{id}', [Client\kb\UserController::class, 'getPage'])->name('pages');
 
     Route::get('/inbox/data', [Agent\helpdesk\TicketController::class, 'get_inbox'])->name('api.inbox');
 //    Route::get('/report', 'HomeController@getreport');
 //    Route::get('/reportdata', 'HomeController@pushdata');
 
-    /*
+    /*reg
      * Update module
      */
     Route::get('database-update', [Update\UpgradeController::class, 'databaseUpdate'])->name('database.update');
@@ -798,5 +798,9 @@ Route::middleware('web')->group(function () {
     //     $breadcrumbs->parent('dashboard');
     //     $breadcrumbs->push(Lang::get('lang.tickets') . '  >  ' . Lang::get('lang.open'), route('open.ticket'));
     // });
+    Route::get('check_ticket/swtich-language/{id}', [Client\helpdesk\UnAuthController::class, 'changeUserLanguage']);
+    Route::get('category-list/swtich-language/{id}', [Client\helpdesk\UnAuthController::class, 'changeUserLanguage']);
+    Route::get('show/swtich-language/{id}', [Client\helpdesk\UnAuthController::class, 'changeUserLanguage']);
+    Route::get('pages/swtich-language/{id}', [Client\helpdesk\UnAuthController::class, 'changeUserLanguage'])->name('switch-user-lang');
     Route::get('swtich-language/{id}', [Client\helpdesk\UnAuthController::class, 'changeUserLanguage'])->name('switch-user-lang');
 });

vendor/laravel/framework/src/Illuminate/Pagination/resources/views/tailwind.blade.php

@@ -2,7 +2,7 @@
     <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between">
         <div class="flex justify-between flex-1 sm:hidden">
             @if ($paginator->onFirstPage())
-                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md">
+                <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md" style="color: #0b2e13 !important;">
                     {!! __('pagination.previous') !!}
                 </span>
             @else
@@ -43,41 +43,41 @@
                 <span class="relative z-0 inline-flex shadow-sm rounded-md">
                     {{-- Previous Page Link --}}
                     @if ($paginator->onFirstPage())
-                        <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
-                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
+{{--                        <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">--}}
+{{--                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true">--}}
+{{--                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">--}}
+{{--                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />--}}
+{{--                                </svg>--}}
+{{--                            </span>--}}
+{{--                        </span>--}}
                     @else
-                        <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.previous') }}">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
+{{--                        <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.previous') }}">--}}
+{{--                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">--}}
+{{--                                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />--}}
+{{--                            </svg>--}}
+{{--                        </a>--}}
                     @endif
 
                     {{-- Pagination Elements --}}
                     @foreach ($elements as $element)
                         {{-- "Three Dots" Separator --}}
                         @if (is_string($element))
-                            <span aria-disabled="true">
-                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5">{{ $element }}</span>
-                            </span>
+{{--                            <span aria-disabled="true">--}}
+{{--                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5">{{ $element }}</span>--}}
+{{--                            </span>--}}
                         @endif
 
                         {{-- Array Of Links --}}
                         @if (is_array($element))
                             @foreach ($element as $page => $url)
                                 @if ($page == $paginator->currentPage())
-                                    <span aria-current="page">
-                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">{{ $page }}</span>
-                                    </span>
+{{--                                    <span aria-current="page">--}}
+{{--                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5" style="color: #0b2e13 !important;">{{ $page }}</span>--}}
+{{--                                    </span>--}}
                                 @else
-                                    <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
-                                        {{ $page }}
-                                    </a>
+{{--                                    <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">--}}
+{{--                                        {{ $page }}--}}
+{{--                                    </a>--}}
                                 @endif
                             @endforeach
                         @endif
@@ -85,19 +85,19 @@
 
                     {{-- Next Page Link --}}
                     @if ($paginator->hasMorePages())
-                        <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.next') }}">
-                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                            </svg>
-                        </a>
+{{--                        <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.next') }}">--}}
+{{--                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">--}}
+{{--                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />--}}
+{{--                            </svg>--}}
+{{--                        </a>--}}
                     @else
-                        <span aria-disabled="true" aria-label="{{ __('pagination.next') }}">
-                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5" aria-hidden="true">
-                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                                </svg>
-                            </span>
-                        </span>
+{{--                        <span aria-disabled="true" aria-label="{{ __('pagination.next') }}">--}}
+{{--                            <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5" aria-hidden="true">--}}
+{{--                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">--}}
+{{--                                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />--}}
+{{--                                </svg>--}}
+{{--                            </span>--}}
+{{--                        </span>--}}
                     @endif
                 </span>
             </div>