Viewing file:  dashboard.blade.php (8.16 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title') Dashboard @endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<style>
.custom-sm-box{
background-image: linear-gradient(to right, #22196c, #22196c, #352893, #7f74e0);
padding: 10px 14px;
border-radius: 10px;
color: white;
}
.custom-border{
background-color: #007bff !important;
border-color: #007bff !important;
border-radius: 20px !important;
}
.current-plan{
padding: 5px 12px;
background: #2c2828;
color: white;
border-radius: 50px;
font-weight: 800;
}
.custom-border-left{
border-left: 1px solid white;
}
.small-box {
margin-bottom: 13px !important;
padding: 4px !important;
background-color: white !important;
}
</style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header custom-content-header">
<h5>{{trans('customer.dashboard')}}</h5>
<p class="m-0 section-heading-text">
<i class="fas fa-tachometer-alt mr-1 op-07"></i>
<span class="panel-name op-07">
{{trans('customer.customer_panel')}}
</span>
<i class="fa fa-angle-double-right ml-1 mr-1" aria-hidden="true"></i>
<span class="header-active">{{trans('customer.dashboard')}}</span>
</p>
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row p-2">
<div class="col-md-4">
<div class="row custom-sm-box pl-0 pr-0">
<div class="col-md-5 m-auto text-center">
<h4 class="welcome-to-text">
<strong class="text-white">{{trans('customer.welcome')}}</strong>
</h4>
<p>
{{auth('customer')->user()->full_name}}
</p>
</div>
<div class="col-md-7 custom-border-left text-left">
<div class="plan-details-sec mt-4 text-center">
<h5 class="mb-3 your-current-plan">Your Current Plan</h5>
<span class="current-plan">
<small>{{ucfirst($customer_plan->plan->title??'')}}</small>
</span>
<div>
<a class="btn btn-primary mt-3 mb-1 btn-sm custom-border" href="{{route('customer.billing.index')}}">
<i class="fas fa-bolt text-warning upgrade-bolt-icon"></i> <small><b>{{trans('customer.upgrade_now')}}</b></small>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 word-limit-count-box">
<!-- small box -->
<div class="small-box word-box">
<div class="inner">
<h6 class="d-available-text"> <i class="fa fa-sticky-note word-gen-icon customer-d-total-word mr-2"></i> {{trans('Word Generated')}}</h6>
<h6 class="d-available">
<b>{{$customer_plan->available_word}}</b> / <small>{{$customer_plan->word_limit}}</small>
</h6>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 image-limit-count-box">
<!-- small box -->
<div class="small-box word-box">
<div class="inner">
<h6 class="d-available-text"> <i class="fas fa-file-image img-gen-icon customer-d-total-img mr-2" aria-hidden="true"></i> {{trans('Image Created')}}</h6>
<h6 class="d-available">
<b>{{$customer_plan->available_image}}</b>/ <small>{{$customer_plan->image_limit}}</small>
</h6>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 code-limit-count-box">
<!-- small box -->
<div class="small-box word-box">
<div class="inner">
<h6 class="d-available-text"> <i class="fa fa-code code-gen-icon customer-d-total-code mr-2" aria-hidden="true"></i> {{trans('Code Generated')}}</h6>
<h6 class="d-available">
<b>{{$customer_plan->available_code}}</b>/ <small>{{$customer_plan->code_limit}}</small>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Latest Documents</h3>
<a href="{{route('customer.write.document.index')}}" class="btn btn-dark btn-sm float-right">See All</a>
</div>
<div class="card-body table-responsive">
<table id="documents" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>@lang('admin.table.name')</th>
<th>@lang('admin.table.title')</th>
<th>@lang('admin.table.document')</th>
<th>@lang('admin.table.download')</th>
</tr>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script>
$(document).ready(function () {
$('#latest-documents').DataTable();
});
$('#documents').DataTable({
processing: true,
serverSide: true,
responsive:true,
ajax:'{{route('customer.write.document.get.data',['limit'=>'10'])}}',
columns: [
{ "data": "name" },
{ "data": "title" },
{ "data": "document" },
{ "data": "download" },
],
fnInitComplete: function(oSettings, json) {
$(".show-more").css('overflow', 'hidden').readmore({collapsedHeight: 60,moreLink: '<a href="#">More</a>',lessLink: '<a href="#">Less</a>'});
}
});
</script>
@endsection
|