Bootstrap4 :: Client panel completed

public/lb-faveo/css/jquery.rating.css

@@ -1 +1 @@
-div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}div.rating-cancel,div.rating-cancel a{background:url('../images/delete.gif') no-repeat 0 -16px}div.star-rating,div.star-rating a{background:url('../images/star.gif') no-repeat 0 0}div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0;border:0}div.star-rating-on a{background-position:0 -16px!important}div.star-rating-hover a{background-position:0 -32px}div.star-rating-readonly a{cursor:default!important}div.star-rating{background:transparent!important;overflow:hidden!important}
+div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}div.rating-cancel,div.rating-cancel a{background:url('../media/images/delete.gif') no-repeat 0 -16px}div.star-rating,div.star-rating a{background:url('../media/images/star.gif') no-repeat 0 0}div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0;border:0}div.star-rating-on a{background-position:0 -16px!important}div.star-rating-hover a{background-position:0 -32px}div.star-rating-readonly a{cursor:default!important}div.star-rating{background:transparent!important;overflow:hidden!important}

resources/views/auth/password.blade.php

@@ -1,31 +1,9 @@
 @extends('themes.default1.client.layout.logclient')
 
 @section('home')
-    class = "active"
+    class = "nav-item active"
 @stop
 
-
-
-<!-- @if (count($errors) > 0)
-<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>
-    @foreach ($errors->all() as $error)
-    <li>{{ $error }}</li>
-    @endforeach
-</div>
-@endif -->
-
-@section('HeadInclude')
-<link href="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css")}}" rel="stylesheet" type="text/css" />
-           <link href="{{asset("lb-faveo/css/widgetbox.css")}}" rel="stylesheet" type="text/css" />
-        <link href="{{asset("lb-faveo/plugins/iCheck/flat/blue.css")}}" rel="stylesheet" type="text/css" />
-        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-        {{-- <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> --}}
-        <link href="{{asset("lb-faveo/css/jquerysctipttop.css")}}" rel="stylesheet" type="text/css">
-        <!-- 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">
@@ -38,19 +16,25 @@
 @section('content')
 
     @if(Session::has('status'))
+    <div class="col-sm-12">
         <div class="alert alert-success alert-dismissable">
             <i class="fa  fa-check-circle"> </i> <b> {!! Lang::get('lang.success') !!} </b>
             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
             {{Session::get('status')}}
         </div>
+    </div>
     @endif
+
 <div id="content" class="site-content col-md-12">
-    <div id="corewidgetbox">
+
-        <div class="widgetrow text-center">
+    <div id="corewidgetbox" class="wid">
+
+        <div id="wbox" class="widgetrow text-center">
+
             @if(Auth::user())
             @else
             <span onclick="javascript: window.location.href='{{url('auth/register')}}';">
-                <a href="{{url('auth/register')}}"  style="background-image:url({{ URL::asset('lb-faveo/media/images/register.png') }})">
+                <a href="{{url('auth/register')}}" class="widgetrowitem defaultwidget"   style="background-image:url({{ URL::asset('lb-faveo/media/images/register.png') }})">
                     <span class="widgetitemtitle">{!! Lang::get('lang.register') !!}</span>
                 </a>
             </span>
@@ -73,6 +57,7 @@
                     <span class="widgetitemtitle">{!! Lang::get('lang.my_tickets') !!}</span>
                 </a>
             </span>
+            
             <span onclick="javascript: window.location.href='{{url('/knowledgebase')}}';">
                <a href="{{url('/knowledgebase')}}" class="widgetrowitem defaultwidget" style="background-image:url({{ URL::asset('lb-faveo/media/images/knowledgebase.png') }})">
                     <span class="widgetitemtitle">{!! Lang::get('lang.knowledge_base') !!}</span>
@@ -80,25 +65,28 @@
             </span>
         </div>
     </div>
-   </div>
    
     <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>
+    <script type="text/javascript" >try {if (top.location.hostname != self.location.hostname) { throw 1; }} catch (e) { top.location.href = self.location.href; }
-</div> 
+    </script>
- <div class="login-box" style=" width: 500px;"  valign = "center">
+
+    <div class="col-md-6 offset-md-3 form-helper">
+    
+        <div class="login-box" style=" width: 490px;"  valign = "center">
+        
             <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 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">Forgot your password</h3>
 
+                    <h3 class="box-title" align="center">Forgot your password</h3>
                 </div> 
-                <br>  
                        
                 <!-- form open -->
                 <form role="form" method="POST" action="{{ url('/password/email') }}">
@@ -106,28 +94,34 @@
                     <input type="hidden" name="_token" value="{{ csrf_token() }}">
                     <!-- Email -->
                     <!-- <div class="input-group margin"> -->
-    <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}">
+                    <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}" style="display: -webkit-box;">
-            {!! Form::label('password',Lang::get('lang.enter_your_email_here')) !!}
             
                         <input type="email" class="form-control" name="email" placeholder="{!! Lang::get('lang.email') !!}" value="{{ old('email') }}">
-         <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+
+                         <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                     </div>
                 
-
                     <div class="row">
-    <div class="col-xs-8">
+
+                        <div class="col-sm-8">
 
                             <a href="{{url('auth/login')}}" class="text-center">{!! Lang::get('lang.i_know_my_password') !!}</a>    
                         </div>
-    <div class="col-xs-4">
+                        
-        <span class="input-group-btn"><button type="submit" class="btn btn-primary btn-block btn-flat">{!! Lang::get('lang.send') !!}</button></span>
+                        <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>
+                            </span>
                             <br/>
                         </div>
                     </div> 
-       </div>
-    </div>      
-    <!-- </div> -->
                 </form>
+            </div>
+        </div>
+    </div>
+</div>
 
 
 <!-- /.login-page -->

resources/views/auth/reset.blade.php

@@ -19,35 +19,93 @@
     @endforeach
 </div>
 @endif
-<p class="login-box-msg">{!! Lang::get('lang.reset_password') !!}</p>
+
-<div class="panel-body">
+<div id="corewidgetbox" class="wid">
+            
+    <div id="wbox" class="widgetrow text-center">
+        
+        @if(Auth::user())
+        @else
+        <span onclick="javascript: window.location.href='{{url('auth/register')}}';">
+            <a href="{{url('auth/register')}}"  class="widgetrowitem defaultwidget"  style="background-image:url({{ URL::asset('lb-faveo/media/images/register.png') }})">
+                <span class="widgetitemtitle">{!! Lang::get('lang.register') !!}</span>
+            </a>
+        </span>
+        @endif
+        <?php $system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();            
+        ?>
+        @if($system != null) 
+            @if($system->status) 
+                @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>
+                        </a>
+                    </span>
+                @endif
+            @endif
+        @endif
+        <span onclick="javascript: window.location.href='{{url('mytickets')}}';">
+            <a href="{{url('mytickets')}}" class="widgetrowitem defaultwidget" style="background-image:url({{ URL::asset('lb-faveo/media/images/news.png') }})">
+                <span class="widgetitemtitle">{!! Lang::get('lang.my_tickets') !!}</span>
+            </a>
+        </span>
+        <span onclick="javascript: window.location.href='{{url('/knowledgebase')}}';">
+            <a href="{{url('/knowledgebase')}}" class="widgetrowitem defaultwidget" style="background-image:url({{ URL::asset('lb-faveo/media/images/knowledgebase.png') }})">
+                <span class="widgetitemtitle">{!! Lang::get('lang.knowledge_base') !!}</span>
+            </a>
+        </span>
+    </div>
+</div>
+
+        <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 valign="center" class="login-box" style="width: auto;">
+
+        <div class="form-border">
+
+            <h3 style="text-align: center;">{!! Lang::get('lang.reset_password') !!}</h3> 
+
             <form class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
+                
                 <input type="hidden" name="_token" value="{{ csrf_token() }}">
+                
                 <input type="hidden" name="token" value="{{ $token }}">
                 <!-- Email -->
-        <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}">
+                <div class="form-group has-feedback {{ $errors->has('email') ? 'has-error' : '' }}" style="display: -webkit-box;">
+                
                     <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"></span>
+                
+                    <span class="glyphicon glyphicon-envelope form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
+                
                 <!-- password -->
-        <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}">
+                <div class="form-group has-feedback {{ $errors->has('password') ? 'has-error' : '' }}" style="display: -webkit-box;">
+                
                     <input type="password" class="form-control" name="password" placeholder="{!! Lang::get('lang.password') !!}">
-            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
+                
+                    <span class="glyphicon glyphicon-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' : '' }}">
+                <div class="form-group has-feedback {{ $errors->has('password_confirmation') ? 'has-error' : '' }}" style="display: -webkit-box;">
+                    
                     <input type="password" class="form-control" name="password_confirmation" placeholder="{!! Lang::get('lang.confirm_password') !!}">
-            <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
+                    
+                    <span class="glyphicon glyphicon-log-in form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
                 </div>
                 <!-- Confirm password -->
                 <div class="form-group">
-            <div class="col-md-3"></div>
+                    <button type="submit" class="btn btn-primary btn-block btn-flat">
-            <div class="col-md-3">
+                        <i class="fas fa-sync"> </i> 
-                <button type="submit" class="btn btn-primary btn-flat">
                         {!! Lang::get('lang.reset_password') !!}
                     </button>
                 </div>
-        </div>
             </form>
         </div>
+    </div>
+</div>
 @stop

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

@@ -6,40 +6,101 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
 //$user = App\User::where('id','=',$id1)->first();
 ?>
 <!-- Main content -->
-<div class="box box-primary">
+<style type="text/css">
-    <div class="box-header">
+    .caret {
-        <div class="row">
+        border-left: 4px solid transparent;
-            <div class="col-md-9">
+        border-right: 4px solid transparent;
-                <section class="content-header"><h3 class="box-title"><i class="fa fa-user"> </i> {{$thread->title}} </h3> ( {{$tickets->ticket_number}} )
+        border-top: 4px solid;
-                </section>
+        display: inline-block;
-            </div> 
+        height: 0;
-            <div class="col-md-3">
+        margin-left: 2px;
-                <div class="pull-right">
+        vertical-align: middle;
+        width: 0;
+    }
+
+    .mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px}
+
+    .mailbox-attachment-name{font-weight:bold;color:#666;word-break: break-word;}
+
+    .mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}
+
+    .mailbox-attachment-info{padding:10px;background:#f4f4f4;height: 80px;}
+
+    .mailbox-attachment-size{color:#999;font-size:12px}
+
+    .mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px}
+
+    .mailbox-attachment-icon.has-img{padding:0}
+
+    .mailbox-attachment-icon.has-img>img{max-width:100%;height:auto}
+
+    #clearfix {display: inline-block!important;list-style-type: none!important;}
+
+    .ml40 {margin-left: -40px!important;}
+</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>
+                    </h3>
+                </div>
+
+                <div class="col-sm-3 text-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-print" style="color:blue;"> </i> {!! link_to_route('ticket.print','Print',[$tickets->id]) !!}</button> --}}
-                    <!-- </div> -->
                     @if( $common_setting->status == '1')
-                    <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> 
-                            {!! Lang::get('lang.change_status') !!} <span class="caret"></span>
+                            
+                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown">
+
+                            <i class="fas fa-exchange-alt" style="color:teal;"> </i> 
+
+                            {!! Lang::get('lang.change_status') !!}
+
+                            <span class="caret"></span>
                         </button>
+
                         <?php $statuses = \App\Model\helpdesk\Ticket\Ticket_Status::all(); ?>
 
-                        <ul class="dropdown-menu">
+                        <div class="dropdown-menu">
-                            <li><a href="#" id="open"><i class="fa fa-folder-open" style="color:#FFD600;"> </i>{!! Lang::get('lang.open') !!}</a></li>
+
-                            <li><a href="#" id="close"><i class="fa fa-check" style="color:#15F109;"> </i>{!! Lang::get('lang.close') !!}</a></li>
+                            <a class="dropdown-item" href="#" id="open">
-                            <li><a href="#" id="resolved"><i class="fa fa-check-circle " style="color:#0EF1BE;"> </i> {!! Lang::get('lang.resolved') !!}</a></li>
+                                <i class="fas fa-folder-open" style="color:#FFD600;"> </i> {!! Lang::get('lang.open') !!}
-                        </ul>
+                            </a>
-                    </div>@endif
+
+                            <a class="dropdown-item" href="#" id="close">
+                                <i class="fas fa-check" style="color:#15F109;"> </i> {!! Lang::get('lang.close') !!}
+                            </a>
+
+                            <a class="dropdown-item" href="#" id="resolved">
+                                <i class="fas fa-check-circle " style="color:#0EF1BE;"> </i> {!! Lang::get('lang.resolved') !!}
+                            </a>
+                        </div>
+                    </div>
+                    @endif
                 {!! Form::close() !!}
                 </div>
             </div>
-        </div>
+
             <div class="row">
-            <div class="col-md-12">
+                
-                <div class="ticketratings pull-right">    
+                <div class="col-md-12 mb-1">
-                    <table><tbody>
+                    
+                    <div class="ticketratings float-right">
+                        
+                        <table>
+
+                            <tbody>
                             <?php $ratings = App\Model\helpdesk\Ratings\Rating::orderby('display_order')->get(); ?>
                                 <form id="foo">
                                     {!! csrf_field() !!}
@@ -56,40 +117,39 @@ $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> 
                                 </tr>
-
                                 @endif
                                 @endforeach
-                        </form></tbody> </table> 
+                                </form>
+                            </tbody>
+                        </table> 
                     </div>
                 </div>
             </div>
+        </header>
+
+        <div class="entry-content clearfix">
+
+            <div class="col-md-12 offset-md-5" id="loader" style="display:none;">
                 
-    </div>
-    <div class="box-body" style="margin-bottom:-10px">
-        <div class="row">
-            <div id="loader" style="display:none;">
-                <div class="col-xs-5">
-                </div>
-                <div class="col-xs-1">
                 <img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
             </div>
-                <div class="col-xs-6">
+
-                </div>
+            <div  id="refresh">
-            </div>
+                <div> 
-            <section class="content"  id="refresh" style="margin-bottom:-10px;margin-top:-10px">
-                <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="alert alert-secondary">
                         <div class="row">
                             <div class="col-md-3"> 
                                 <?php
@@ -120,52 +180,92 @@ $thread = App\Model\helpdesk\Ticket\Ticket_Thread::where('ticket_id', '=', \Cryp
                         </div>
                     </div>
                 </div>
+
+                <div class="row">
+                    
                      <div class="col-md-6"> 
-                    <table class="table table-hover">
+                    
-                        <!-- <tr><th></th><th></th></tr> -->
+                        <table class="table">
-                        <tr><td><b>{!! Lang::get('lang.status') !!}:</b></td>       <?php $status = App\Model\helpdesk\Ticket\Ticket_Status::where('id', '=', $tickets->status)->first(); ?>
+                            
+                            <tr>
+                                
+                                <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></tr>
-                        @elseif($status->id == 2)
-                        <td title="{{$status->properties}}" style="color:green">{{$status->name}}</td></tr>
-                        @elseif($status->id == 3)
-                        <td title="{{$status->properties}}" style="color:green">{{$status->name}}</td></tr>
-                        @endif
                                     
-                        <tr><td><b>{!! Lang::get('lang.priority') !!}:</b></td>     <?php $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first(); ?>
+                                <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
+                            </tr>
+
+                            <tr>
+
+                                <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
                                
+                                <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>   
+
+                            <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();
                                 ?>
-                            <td title="{{ $department->name }}">{!! $department->name !!}</td></tr>
+                                <td title="{{ $department->name }}">{!! $department->name !!}</td>
+                            </tr>
                         </table>
-                    <!-- </div> -->
                     </div>
+
                     <div class="col-md-6"> 
-                    <!-- <div class="callout callout-success"> -->
+                       
-                    <table class="table table-hover">
+                        <table class="table">
-                        <!-- <tr><th></th><th></th></tr> -->
+                            
-                        <tr><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>
-                        <tr><td><b>{!! Lang::get('lang.last_message') !!}:</b></td>   <td>{{ucwords($last->poster)}}</td></tr>
+
+                                <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>{{ucwords($last->poster)}}</td>
+                            </tr>
                         </table>
                     </div>
-                <!-- </div> -->
-            </section> 
-        </div>
                 </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();
@@ -174,18 +274,31 @@ foreach ($conversations as $conversation) {
                 $role = $conversation->user;
                 $body = $conversation->thread($conversation->body);
                 ?>
+
                 <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">
 
-                        <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 pull-right">   <table><tbody>
+                                    
+                                    <div class="ticketratings float-right" style="margin-top: -12px;">   
+                                        
+                                        <table>
+
+                                            <tbody>
                                             @foreach($ratings as $rating) 
                                             @if($rating->rating_area == 'Comment Area')
                                             <?php
@@ -199,31 +312,34 @@ foreach ($conversations as $conversation) {
                                                 <form class="foo2">
                                                 {{ csrf_field() }}
                                                     <tr>
-                                        <th><div class="ticketratingtitle">{!! $rating->name !!} &nbsp;</div></th>&nbsp
+                                                        <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 !!},{!! $conversation->id !!}" value="{!! $i !!}"<?php echo ($ratingval == $i) ? 'checked' : '' ?> />
                                                         <?php } ?>
-    <!--    <input type="radio" class="star" id="star4" name="rating" value="2"<?php echo ($tickets->rating == '2') ? 'checked' : '' ?> />
-    <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> 
                                                     </tr>
                                                 </form>
                                             @endif
                                             @endforeach
-                                </tbody></table></div>
+                                            </tbody>
+                                        </table>
+                                    </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>
@@ -243,7 +359,8 @@ foreach ($conversations as $conversation) {
                                         frameid.style.height=iframe_height+"px";
                                     }, 1000);
                                 }, 0);
-                                            </script>                                            @else 
+                                </script>                                            
+                                @else 
                                 {!! $conversation->body !!}
                                 @endif
                                             
@@ -252,7 +369,8 @@ foreach ($conversations as $conversation) {
                                 @if(isset($ticket_form_datas))
 
                                 <br/>
-                    <table class="table table-bordered">
+                                <table class="table">
+                                    
                                     <tbody>
                                         @foreach($ticket_form_datas as $ticket_form_data)
                                         <tr>
@@ -260,13 +378,15 @@ foreach ($conversations as $conversation) {
                                             <td>{!! removeUnderscore($ticket_form_data->content) !!}</td>
                                         </tr>
                                         @endforeach
-                        </tbody></table>
+                                    </tbody>
-
+                                </table>
                                 @endif
                                 @endif
                             </div><!-- .comment-content -->
                             <br/><br/>
-                <div class="timeline-footer" style="margin-bottom:-5px">
+                            
+                            <div class="timeline-footer">
+
                                 @if(!$conversation->is_internal)
                                 @if($conversation->user_id != null)
                                 <?php Event::fire(new App\Events\Timeline($conversation, $role, $user)); ?>
@@ -281,10 +401,12 @@ foreach ($conversations as $conversation) {
                                     }
                                 }
                                 if ($i > 0) {
-                        echo "<hr style='border-top: 1px dotted #FFFFFF;margin-top:0px;margin-bottom:0px;background-color:#8B8C90;'><h4 class='box-title'><b>" . $i . " </b> Attachments</h4>";
+                                    echo "<hr style='border-top: 1px dotted #FFFFFF;margin-top:0px;margin-bottom:0px;background-color:#8B8C90;'><br><h5 class='entry-title'><b>" . $i . " </b> Attachments</h5>";
                                 }
                                 ?>
-                    <ul class='mailbox-attachments clearfix'>
+
+                                <ul id="clearfix" class="mailbox-attachments clearfix ml40">
+
                                     <?php
                                     foreach ($attachments as $attachment) {
                                         $size = $attachment->size;
@@ -293,12 +415,12 @@ foreach ($conversations as $conversation) {
                                         $value = number_format($size / pow(1024, $power), 2, '.', ',') . ' ' . $units[$power];
                                         if ($attachment->poster == 'ATTACHMENT') {
                                             if (mime($attachment->type) == true) {
-                                    $var = '<a href="' . URL::route('image', array('image_id' => $attachment->id)) . '" target="_blank"><img style="max-width:200px;height:133px;" src="data:image/jpg;base64,' . $attachment->file . '"/></a>';
+                                                $var = '<a href="' . URL::route('image', array('image_id' => $attachment->id)) . '" target="_blank"><img style="width:200px;height:120px;" src="data:image/jpg;base64,' . $attachment->file . '"/></a>';
 
-                                    echo '<li style="background-color:#f4f4f4;"><span class="mailbox-attachment-icon has-img">' . $var . '</span><div class="mailbox-attachment-info"><b style="word-wrap: break-word;">' . $attachment->name . '</b><br/><p>' . $value . '</p></div></li>';
+                                                echo '<li><span class="mailbox-attachment-icon has-img">' . $var . '</span><div class="mailbox-attachment-info"><a class="mailbox-attachment-name">' . $attachment->name . '</a><span class="mailbox-attachment-size">' . $value . '</span></div></li>';
                                             } else {
                                                 //$var = '<a href="' . URL::route('image', array('image_id' => $attachment->id)) . '" target="_blank"><img style="max-width:200px;height:133px;" src="data:'.$attachment->type.';base64,' . base64_encode($data) . '"/></a>';
-                                    $var = '<a style="max-width:200px;height:133px;color:#666;" href="' . URL::route('image', array('image_id' => $attachment->id)) . '" target="_blank"><span class="mailbox-attachment-icon" style="background-color:#fff; font-size:18px;">' . 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>';
+                                                $var = '<a style="width:200px;height:120px;" href="' . URL::route('image', array('image_id' => $attachment->id)) . '" target="_blank"></a><span class="mailbox-attachment-icon" style="background:#fff;height:120px;font-size:16px;">' . strtoupper($attachment->type) . '</span><div class="mailbox-attachment-info"><a class="mailbox-attachment-name">' . $attachment->name . '</a><span class="mailbox-attachment-size">' . $value . '</span></div>';
 
                                                 echo '<li style="background-color:#f4f4f4;">' . $var . '</li>';
                                             }
@@ -310,17 +432,18 @@ foreach ($conversations as $conversation) {
                         </article><!-- .comment-body -->
                     </li><!-- .comment -->    
                 </ol>
-
                 <?php
                 ?>
 
-
             <?php }
             ?>
-<div class="pull-right" style="margin-top:-30px;margin-bottom:-30px">
+
+            <div class="float-right" style="margin-top:-30px;margin-bottom:-30px">
                 <?php echo $conversations->setPath(url('check_ticket/{' . $id . '}'))->render(); ?>
             </div>
             <br/><br/>
+            </div>
+
             @if(Session::has('success1'))
             <div class="alert alert-success alert-dismissable" id='formabc'>
                 <i class="fa  fa-check-circle"></i>
@@ -337,8 +460,11 @@ foreach ($conversations as $conversation) {
                 {{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()) 
                 {!! Form::open(['url'=>'post/reply/'.$id2.'#formabc']) !!}
@@ -346,19 +472,22 @@ foreach ($conversations as $conversation) {
                 {!! Form::open(['url'=>'post-ticket-reply/'.$id.'#formabc']) !!}
                 @endif
                 <div class="row">
-        <div class="form-group">
                         <div class="col-md-12">
                             <div class="form-group ">
                                 <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>
                 </div>
             {!! Form::close() !!}
             </div>
+        </div>
+    </article>
+</div>
 
 <script type="text/javascript">
     function checkFunction() {
@@ -444,9 +573,21 @@ foreach ($conversations as $conversation) {
             event.preventDefault();
         });
     });
+    
     $(function() {
 //Add text editor
-        $("textarea").wysihtml5();
+    $("textarea").summernote({
+        height: 300,
+        tabsize: 2,
+        toolbar: [
+        ['style', ['bold', 'italic', 'underline', 'clear']],
+        ['font', ['strikethrough', 'superscript', 'subscript']],
+        ['fontsize', ['fontsize']],
+        ['color', ['color']],
+        ['para', ['ul', 'ol', 'paragraph']],
+        ['height', ['height']]
+      ]
+      });
 });
 
     jQuery(document).ready(function () {

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

@@ -9,6 +9,11 @@ class="nav-item active"
 @stop
 
 @section('content')
+<style type="text/css">
+    .table th {
+            border-top: none !important;
+    }
+</style>
 <!-- Main content -->
 <div id="content" class="site-content col-md-12">
     <?php
@@ -24,24 +29,46 @@ class="nav-item active"
             ->paginate(20);
     ?>
     <div class="nav-tabs-custom">
+
         <ul class="nav nav-tabs">
-            <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">{!! Lang::get('lang.opened') !!} <small class="label bg-orange">{!! $open->total() !!}</small></a></li>
+                    
-            <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">{!! Lang::get('lang.closed') !!} <small class="label bg-green">{!! $close->total() !!}</small></a></li>
+            <li class="nav-item">
+                
+                <a style="cursor: pointer;" class="nav-link text-dark active" href="#tab_1" data-toggle="tab">
+                
+                    <b>{!! Lang::get('lang.opened') !!}</b>
+                
+                    <span class="badge badge-pill" style="background: #337ab7; color: white;">{!! $open->total() !!}</span>
+                
+                </a>
+            </li>
+
+            <li class="nav-item">
+                
+                <a style="cursor: pointer;" class="nav-link text-dark" href="#tab_2" data-toggle="tab">
+                
+                    <b>{!! Lang::get('lang.closed') !!}</b>
+                
+                    <span class="badge badge-pill" style="background: #337ab7; color: white;">{!! $close->total() !!}</span>
+                
+                </a>
+            </li>
         </ul>
+
         <div class="tab-content">
             <div class="tab-pane active" id="tab_1">
                 {!! Form::open(['route'=>'select_all','method'=>'post']) !!}
-                <div class="mailbox-controls">
+                <div class="mailbox-controls mt-3">
                     <!-- Check all button -->
-                    <a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
+                    <a class="btn btn-light btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
-                    <a class="btn btn-default btn-sm" id="click1"><i class="fa fa-refresh"></i></a>
+                    <a class="btn btn-light btn-sm" id="click1"><i class="fas fa-sync"></i></a>
-                    <input type="submit" class="btn btn-default text-yellow btn-sm" name="submit" value="{!! Lang::get('lang.close') !!}">
+                    <input type="submit" class="btn btn-light text-warning btn-sm" name="submit" value="{!! Lang::get('lang.close') !!}">
-                    <div class="pull-right" id="refresh21">
+                    <div class="float-right" id="refresh21">
                         {!! $open->count().'-'.$open->total(); !!}
                     </div>
                 </div>
                 <div class=" table-responsive mailbox-messages"  id="refresh1">
-                    <p style="display:none;text-align:center; position:fixed; margin-left:37%;margin-top:-80px;" id="show1" class="text-red"><b>Loading...</b></p>
+                    <p style="display:none;text-align:center;" id="show1" class="text-red"><b>Loading...</b></p>
                     <!-- table -->
                     <table class="table table-hover table-striped">
                         <thead>
@@ -98,10 +125,10 @@ class="nav-item active"
                                     $title = $title;
                                 }
                                 ?>
-                                <td class="mailbox-name"><a href="{!! URL('check_ticket',[Crypt::encrypt($ticket->id)]) !!}" title="{!! $title->title !!}">{{$string}}   </a> ({!! $count!!}) <i class="fa fa-comment"></i></td>
+                                <td class="mailbox-name"><a href="{!! URL('check_ticket',[Crypt::encrypt($ticket->id)]) !!}" title="{!! $title->title !!}">{{$string}}   </a> ({!! $count!!}) <i class="fas fa-comment"></i></td>
                                 <td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
                                 <?php $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first(); ?>
-                                <td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
+                                <td class="mailbox-priority"><spam>{{$priority->priority}}</spam></td>
 
                         <td class="mailbox-last-reply" style="color: {!! $rep !!}">{!! $username !!}</td>
                         <td class="mailbox-last-activity">{!! $title->updated_at !!}</td>
@@ -111,7 +138,7 @@ class="nav-item active"
                         @endforeach
                         </tbody>
                     </table><!-- /.table -->
-                    <div class="pull-right">
+                    <div class="float-right">
                         <?php echo $open->setPath(url('mytickets'))->render(); ?>&nbsp;
                     </div>
                 </div><!-- /.mail-box-messages -->
@@ -120,17 +147,17 @@ class="nav-item active"
             {{-- /.tab_1 --}}
             <div class="tab-pane" id="tab_2">
                 {!! Form::open(['route'=>'select_all','method'=>'post']) !!}
-                <div class="mailbox-controls">
+                <div class="mailbox-controls mt-3">
                     <!-- Check all button -->
-                    <a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
+                    <a class="btn btn-light btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
-                    <a class="btn btn-default btn-sm" id="click2"><i class="fa fa-refresh"></i></a>
+                    <a class="btn btn-light btn-sm" id="click2"><i class="fas fa-sync"></i></a>
-                    <input type="submit" class="btn btn-default text-blue btn-sm" name="submit" value="{!! Lang::get('lang.open') !!}">
+                    <input type="submit" class="btn btn-light text-primary btn-sm" name="submit" value="{!! Lang::get('lang.open') !!}">
-                    <div class="pull-right" id="refresh22">
+                    <div class="float-right" id="refresh22">
                         {!! $close->count().'-'.$close->total(); !!}
                     </div>
                 </div>
                 <div class=" table-responsive mailbox-messages" id="refresh2">
-                    <p style="display:none;text-align:center; position:fixed; margin-left:40%;margin-top:-70px;" id="show2" class="text-red"><b>Loading...</b></p>
+                    <p style="display:none;text-align:center;" id="show2" class="text-red"><b>Loading...</b></p>
                     <!-- table -->
                     <table class="table table-hover table-striped">
                         <thead>
@@ -185,10 +212,10 @@ class="nav-item active"
                                     $title = $title;
                                 }
                                 ?>
-                                <td class="mailbox-name"><a href="{!! URL('check_ticket',[Crypt::encrypt($ticket->id)]) !!}" title="{!! $title->title !!}">{{$string}}   </a> ({!! $count!!}) <i class="fa fa-comment"></i></td>
+                                <td class="mailbox-name"><a href="{!! URL('check_ticket',[Crypt::encrypt($ticket->id)]) !!}" title="{!! $title->title !!}">{{$string}}   </a> ({!! $count!!}) <i class="fas fa-comment"></i></td>
                                 <td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
                                 <?php $priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first(); ?>
-                                <td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
+                                <td class="mailbox-priority"><spam>{{$priority->priority}}</spam></td>
                         <td class="mailbox-last-reply" style="color: {!! $rep !!}">{!! $username !!}</td>
                         <td class="mailbox-last-activity">{!! $title->updated_at !!}</td>
                         <?php $status = App\Model\helpdesk\Ticket\Ticket_Status::where('id', '=', $ticket->status)->first(); ?>
@@ -197,7 +224,7 @@ class="nav-item active"
                         @endforeach
                         </tbody>
                     </table><!-- /.table -->
-                    <div class="pull-right">
+                    <div class="float-right">
                         <?php echo $close->setPath(url('mytickets'))->render(); ?>&nbsp;
                     </div>
                 </div><!-- /.mail-box-messages -->
@@ -214,11 +241,11 @@ class="nav-item active"
             if (clicks) {
                 //Uncheck all checkboxes
                 $(".mailbox-messages input[type='checkbox']").iCheck("uncheck");
-                $(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
+                $(".far", this).removeClass("fa-check-square").addClass('fa-square');
             } else {
                 //Check all checkboxes
                 $(".mailbox-messages input[type='checkbox']").iCheck("check");
-                $(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
+                $(".far", this).removeClass("fa-square").addClass('fa-check-square');
             }
             $(this).data("clicks", !clicks);
         });

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

@@ -5,18 +5,18 @@ class="nav-item active"
 @stop
 
 @section('content')
+
 <div id="content" class="site-content col-md-12">
-    <section class="section-title">
+
-        <h2>{!! Lang::get('lang.profile_settings') !!} </h2>
+    <article class="henry">
-    </section>
+
-    <div class="row">
+        <header class="entry-header">
-        <div class="col-md-6">
+            
-            {!! Form::model($user,['url'=>'client-profile-edit', 'id' => 'client-profile', 'method' => 'PATCH','files'=>true]) !!}
+            <h2 class="entry-title">{!! Lang::get('lang.profile_settings') !!}</h2>
-            <div class="box box-primary">
+        </header>
-                <div class="box-header with-border">
+
-                    <h4 class="box-title">{!! Lang::get('lang.profile') !!} </h4>
+        <div class="entry-content clearfix">
-                </div>
+            
-                <div class="box-body">
             @if(Session::has('success1'))
             <div class="alert alert-success alert-dismissable">
                 <i class="fa fa-check-circle"></i>
@@ -43,6 +43,41 @@ class="nav-item active"
                 {{Session::get('fails1')}}
             </div>
             @endif
+
+             @if(Session::has('success2'))
+            <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('success2')}}
+            </div>
+            @endif
+            <!-- fail message -->
+            @if(Session::has('fails2'))
+            <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('fails2')}}
+            </div>
+            @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') !!}
+                            </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>
@@ -59,10 +94,10 @@ class="nav-item active"
                                     <!-- gender -->
                                     {!! Form::label('gender',Lang::get('lang.gender')) !!}
                                     <div class="row">
-                            <div class="col-xs-3">
+                                        <div class="col-sm-3">
                                             {!! Form::radio('gender','1',true) !!}&nbsp;&nbsp;{{Lang::get('lang.male')}}
                                         </div>
-                            <div class="col-xs-3">
+                                        <div class="col-sm-3">
                                             {!! Form::radio('gender','0') !!}&nbsp;&nbsp;{{Lang::get('lang.female')}}
                                         </div>
                                     </div>
@@ -81,19 +116,19 @@ class="nav-item active"
                                     {!! Form::text('company',null,['class' => 'form-control']) !!}
                                 </div>
                                 <div class="row">
-                        <div class="col-xs-2 form-group {{ $errors->has('country_code') ? 'has-error' : '' }}">
+                                    <div class="col-sm-2 form-group {{ $errors->has('country_code') ? 'has-error' : '' }}">
                                         <!-- phone extensionn -->
                                         {!! 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 class="col-xs-2 form-group {{ $errors->has('ext') ? 'has-error' : '' }}">
+                                    <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-xs-8 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
+                                    <div class="col-sm-8 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
                                         <!-- phone number -->
                                         {!! Form::label('phone_number',Lang::get('lang.phone')) !!}
                                        
@@ -112,69 +147,66 @@ class="nav-item active"
                                     
                                     {!! Form::file('profile_pic') !!}
                                 </div>
+
                                 {!! Form::token() !!}
                                 {!! Form::close() !!}
-                </div>
+
-                <div class="box-footer">
+                                <div class="form-group" style="padding-bottom: 10px;">
-                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary'])!!}
+                                    
+                                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
                                 </div>
                             </div>
+                        </section>
                     </div>
+                </div>
+
                 <div class="col-md-6">
+                    
                     {!! Form::model($user,['url'=>'client-profile-password' , 'method' => 'PATCH']) !!}
-            <div class="box box-primary">
+
-                <div class="box-header with-border">
+                    <div id="form-border" class="comment-respond form-border" style="background : #fff">
-                    <h4 class="box-title">{!! Lang::get('lang.change_password') !!}</h4>
+                        
-                </div>
+                        <section id="section-categories" class="section">
-                <div class="box-body">
+                    
-                    @if(Session::has('success2'))
+                            <h2 class="section-title h4 clearfix">
-                    <div class="alert alert-success alert-dismissable">
+
-                        <i class="fa fa-check-circle"></i>
+                                <i class="line"></i>{!! Lang::get('lang.change_password') !!}
-                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+                            </h2>
-                        {{Session::get('success2')}}
+
-                    </div>
+                            <div>
-                    @endif
-                    <!-- fail message -->
-                    @if(Session::has('fails2'))
-                    <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('fails2')}}
-                    </div>
-                    @endif
-                    <!-- old password -->
-                    <div class="form-group has-feedback {{ $errors->has('old_password') ? 'has-error' : '' }}">
                                  {!! 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']) !!}
-                        {!! $errors->first('old_password', '<spam class="help-block">:message</spam>') !!}
+                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
-                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                 </div>
                                 <!-- new password -->
-                    <div class="form-group has-feedback {{ $errors->has('new_password') ? 'has-error' : '' }}">
                                   {!! 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']) !!}
-                        {!! $errors->first('new_password', '<spam class="help-block">:message</spam>') !!}
+                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
-                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                 </div>
                                 <!-- cofirm password -->
-                    <div class="form-group has-feedback {{ $errors->has('confirm_password') ? 'has-error' : '' }}">
                                  {!! 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']) !!}
-                        {!! $errors->first('confirm_password', '<spam class="help-block">:message</spam>') !!}
+                                    <span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
-                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
-                    </div>
-                </div>
-                <div class="box-footer">
-                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary'])!!}
-                </div>
-            </div>
-        </div>
                                 </div>
+
                                 {!! Form::close() !!}
+
+                                <div class="form-group" style="padding-bottom: 10px;">
+                                    
+                                    {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
                                 </div>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </article>
 <!-- Modal for last step of setting -->
-<div class="modal fade in" id="last-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none; padding-right: 15px;background-color: rgba(0, 0, 0, 0.7);">
+<div class="modal" id="last-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none; padding-right: 15px;background-color: rgba(0, 0, 0, 0.7);">
     <div class="modal-dialog" role="document">
         <div class="col-md-2"></div>
         <div class="col-md-12" style="height:40%">
@@ -213,9 +245,9 @@ class="nav-item active"
                         </div>
                     </div>
                 </div>
-                <div class="modal-footer">
+                <div class="modal-footer" style="justify-content: space-between;">
-                    <button type="button" id="close-last" class="btn btn-default closemodal pull-left">{{Lang::get('lang.close')}}</button>
+                    <button type="button" id="close-last" class="btn btn-default closemodal float-left">{{Lang::get('lang.close')}}</button>
-                    <div id="last-submit"><input  type="submit" id="merge-btn" class="btn btn-primary pull-right" value="{!! Lang::get('lang.verify') !!}"></input></div>
+                    <div id="last-submit"><input  type="submit" id="merge-btn" class="btn btn-primary float-right" value="{!! Lang::get('lang.verify') !!}"></input></div>
                 </div>
                 {!! Form::close() !!}
             </div>

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

@@ -28,7 +28,7 @@
 
         <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-bs4.min.css")}}" rel="stylesheet" type="text/css" />
 
         <script src="{{asset("lb-faveo/js/jquery-3.4.1.min.js")}}" type="text/javascript"></script>
 
@@ -75,6 +75,10 @@
             .help-block { color : #dd4b39; }
 
              .text-red { color: red; }
+
+              .nav-item .dropdown-menu{right: unset !important; left: unset!important;;margin-left: -6px;}
+
+              .btn-primary { background-color:#009aba !important;border-color:#00c0ef !important; }
         </style>
 
         <div id="page" class="hfeed site text-small">
@@ -222,7 +226,7 @@
                                             aria-expanded="false">
                                             <img src="{{asset("lb-faveo/flags/$src")}}"></img>
                                         </a>
-                                        <ul class="dropdown-menu lang_dropdown-menu" role="menu" aria-labelledby="dropdownMenu" id="lang_ul">
+                                        <ul class="dropdown-menu" style="right: -1px !important;left: auto !important;" role="menu" aria-labelledby="dropdownMenu" id="lang_ul">
                                             @foreach($langs as $key => $value)
                                                 <?php $src = $key.".png"; ?>
                                                 <li><a href="#" id="{{$key}}" onclick="changeLang(this.id)" class="lang dropdown-item">
@@ -286,7 +290,7 @@
                 
                     <div id="header-search" class="site-search clearfix"><!-- #header-search -->
                         {!!Form::open(['method'=>'get','action'=>'Client\kb\UserController@search','class'=>'search-form clearfix'])!!}
-                        <div class="form-border">
+                        <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/>
@@ -507,13 +511,15 @@
 
             <script src="{{asset("lb-faveo/js/mobilemenu.min.js")}}" type="text/javascript"></script>
 
+            <script src="{{asset("lb-faveo/js/jquery.rating.pack.js")}}" type="text/javascript"></script>
+
             <script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
 
             <script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
 
             <script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
 
-            <script src="lb-faveo/plugins/summernote/summernote-bs4.min.js"></script>
+            <script src="{{asset("lb-faveo/plugins/summernote/summernote-bs4.min.js")}}" type="text/javascript"></script>
            
             <script>
 $(function () {

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

@@ -75,6 +75,10 @@
              .help-block { color : #dd4b39; }
 
              .text-red { color: red; }
+
+              .nav-item .dropdown-menu{right: unset !important; left: unset!important;margin-left: -6px;}
+
+              .btn-primary { background-color:#009aba !important;border-color:#00c0ef !important; }
         </style>
 
         <div id="page" class="hfeed site text-small">
@@ -199,7 +203,7 @@
                     
                     <div id="header-search" class="site-search clearfix"><!-- #header-search -->
                         {!!Form::open(['method'=>'get','action'=>'Client\kb\UserController@search','class'=>'search-form clearfix'])!!}
-                        <div class="form-border">
+                        <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/>

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

@@ -7,67 +7,136 @@
     
     <link rel="shortcut icon" href="{{asset("lb-faveo/media/images/favicon.ico")}}">
     
-    <link href="{{asset("lb-faveo/css/bootstrap.min.css")}}" rel="stylesheet" type="text/css" />
+    <link href="{{asset("lb-faveo/css/bootstrap4.min.css")}}" rel="stylesheet" type="text/css" />
-    
+    <!-- Font Awesome Icons -->
-    <link href="{{asset("lb-faveo/css/font-awesome.min.css")}}" rel="stylesheet" type="text/css" />
+    <link href="{{asset("lb-faveo/css/font-awesome-5.min.css")}}" rel="stylesheet" type="text/css" />
     <!-- Theme style -->
-    <link href="{{asset("lb-faveo/css/AdminLTE.min.css")}}" rel="stylesheet" type="text/css" />
+    <link href="{{asset("lb-faveo/css/client.min.css")}}" rel="stylesheet" type="text/css" />
-    <!-- iCheck -->
+
-    <link href="{{asset("lb-faveo/plugins/iCheck/square/blue.css")}}" rel="stylesheet" type="text/css" />
+    <link href="{{asset("lb-faveo/css/widgetbox.min.css")}}" rel="stylesheet" type="text/css" />
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
-    <![endif]-->
   </head>
-  <body class="login-page">
+  <body>
-    <div class="login-box">
+
-      <div class="login-logo">
+     <style type="text/css">
+      
+      .site-hero {
+          padding: 35px 0;
+          padding-top: 1px !important;
+          background: rgb(0, 154, 186) !important;
+      }
+      .breadcrumb {
+            width: 80%;
+            margin: 20px 0% !important;
+        }
+
+        .form-helper {margin-bottom: 50px;display: inline-block;}
+
+      .alert { width: 100% !important; }
+
+      .has-error .form-control { border-color : #dd4b39; }
+
+       .help-block { color : #dd4b39; }
+
+       .text-red { color: red; }
+
+       .btn-primary { background-color:#009aba !important;border-color:#00c0ef !important; }
+    </style>
+
+    <div id="page" class="hfeed site">
+    
+    <header id="masthead" class="site-header" role="banner">
+      
+      <div class="container">
+
+        <div id="logo" class="col-md-12 site-logo text-center">
+          
           <?php
+            
             $company = App\Model\helpdesk\Settings\Company::where('id', '=', '1')->first();
             $system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
           ?>
+         
           @if($system->url)
             <a href="{!! $system->url !!}" rel="home">
           @else
             <a href="{{url('/')}}" rel="home">
             @endif
+            
             @if($company->use_logo == 1)
+              
               <img src="{{asset('uploads/company')}}{{'/'}}{{$company->logo}}" alt="User Image" width="200px" />
             @else
               @if($system->name)
-                    {!! $system->name !!}
+                <h1>{!! $system->name !!}</h1>
               @else
-                    <b>SUPPORT</b> CENTER
+                <h1><b>SUPPORT</b> CENTER</h1>
               @endif
             @endif
           </a>
-      </div><!-- /.login-logo -->
+        </div>
-        <div class="login-box-body">
+
+        <div id="header-search" class="site-search clearfix"></div>
+
+      </div>
+    </header>
+
+    <div class="site-hero clearfix">
+
+      <div class="container">
+      
+        <ol class="breadcrumb breadcrumb-custom">
+      
+          <li class="text">You are here :</li>
+      
+          <li class="active" id="active_breadcrumb"></li>
+        </ol>
+      </div>
+    </div>
+
+    <div id="main" class="site-main clearfix">
+      
+      <div class="container">
+  
+        <div class="content-area">
+
            @yield('body')
-    </div><!-- /.login-box -->
+        </div>
-    <div class="login-box-msg">
+      </div>
-    </br>
+    </div>
+
+    <footer id="colophon" class="site-footer" role="contentinfo">
+      
+      <div class="container">
+
+        <div class="col-sm-12 text-center">
+          
+          <div class="site-info">
+
             <p class="text-muted">{!! Lang::get('lang.copyright') !!} &copy; {!! date('Y') !!}  <a href="{!! $company->website !!}">{!! $company->company_name !!}</a>. {!! Lang::get('lang.all_rights_reserved') !!}. {!! Lang::get('lang.powered_by') !!} <a href="http://www.faveohelpdesk.com/"  target="_blank">Faveo</a></p>
           </div>
         </div>
+      </div>
+    </footer> 
+  </div>
 
-    <script src="{{asset("lb-faveo/js/ajax-jquery.min.js")}}" type="text/javascript"></script>
+    <script src="{{asset("lb-faveo/js/jquery-3.4.1.min.js")}}" type="text/javascript"></script>
 
-    <script src="{{asset("lb-faveo/js/bootstrap.min.js")}}" type="text/javascript"></script>
+    <script src="{{asset("lb-faveo/js/bootstrap4.min.js")}}" type="text/javascript"></script>
-    <!-- iCheck -->
-    <script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
             
-    <script>
+    <script src="{{asset("lb-faveo/js/client.min.js")}}" type="text/javascript"></script>
-        $(function () {
+
-            $('input').iCheck({
+    <script type="text/javascript">
-                checkboxClass: 'icheckbox_square-blue',
+
-                radioClass: 'iradio_square-blue',
+      var locale = window.location.pathname.split('/');
-                increaseArea: '20%' // optional
+
-            });
+      if(locale[locale.length - 3] === 'password'){
-        });
+
+        document.getElementById('active_breadcrumb').innerText = 'Reset Password';
+      } else {
+
+        document.getElementById('active_breadcrumb').innerText = 'License';
+      }
     </script>
-
   </body>
 </html>