Back | Home
الـ Path الحالي: /home/picotech/domains/instantly.picotech.app/public_html/public/.././resources/views/layouts/../customer/.
الملفات الموجودة في هذا الـ Path:
.
..
accelerator
analytics
billings
campaign
contacts
dashboard.blade.php
demo_view.blade.php
domain
email_account
emailbox
form
group_records
groups
label
lead_finder
sender
settings
ticket
unibox
مشاهدة ملف: dashboard.blade.php
@extends('layouts.customer')
@section('title') Dashboard @endsection
@section('extra-css')
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
<h1 class="dashboard-title ml-1">Dashboard</h1>
<hr>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="header-title mb-3">
<h3 class="mb-3">Get started with email campaign</h3>
<h5>Follow these first steps to send your email campaign.</h5>
</div>
<div class="row">
<div class="col-lg-4">
@if($sender && $group && $email_template)
<div class="pie animate" style="--p:100;">100%</div>
@elseif($sender && $email_template)
<div class="pie animate" style="--p:66;">66%</div>
@elseif($sender && $group)
<div class="pie animate" style="--p:66;">66%</div>
@elseif($sender || $group || $email_template)
<div class="pie animate justify-content-center align-items-center" style="--p:33;">33%</div>
@else
<div class="pie animate" style="--p:00;">0%</div>
@endif
<div class="mt-3">Email campaign setup</div>
</div>
<div class="col-lg-8">
<div class="set-up-div {{isset($sender)?'has-class':''}}">
@if($sender)
<i class="fa fa-check icon-check"></i>
@else
<i class="fas fa-server icon-user"></i>
@endif
<div class="set-up-text">
<a href="{{route('customer.sender.create')}}">
<h5>Configure your sender</h5>
<p>Fill out your sender form to completed your sending email.</p>
</a>
</div>
<hr>
</div>
<div class="set-up-div {{isset($group)?'has-class':''}}">
@if($group)
<i class="fa fa-check icon-check"></i>
@else
<i class="fa fa-users icon-users"></i>
@endif
<div class="set-up-text">
<a href="{{route('customer.groups.index')}}">
<h5>Import all of your contacts and create your groups</h5>
<p>Upload your contacts in order to start sending them email campaigns</p>
</a>
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row counter-section">
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-info">
<div class="inner">
<h3>{{$newMessageCount}}</h3>
<p>{{trans('customer.new_message')}}</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<a href="{{route('customer.emailbox.inbox')}}" class="small-box-footer">{{trans('customer.more_info')}} <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-success">
<div class="inner">
<h3>{{$sentCount}}</h3>
<p>{{trans('customer.sent')}}</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="{{route('customer.emailbox.sent')}}" class="small-box-footer">{{trans('customer.more_info')}} <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-danger">
<div class="inner">
<h3>{{$remaining_email}}</h3>
<p>{{trans('customer.remaining')}}</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="{{route('customer.billing.index')}}" class="small-box-footer">{{trans('customer.more_info')}} <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
<div class="row">
<div class="col-sm-6 mt-4">
<div class="card">
<div class="form-group">
<h5>Open Rate <span class="float-right">{{isset($open_ratio)?$open_ratio:0}}%</span></h5>
<div class="progress" title="{{isset($open_ratio)?$open_ratio:0}}">
<div class="progress-bar bg-success" role="progressbar" style="width: {{isset($open_ratio)?$open_ratio:0}}%" aria-valuenow="{{isset($open_ratio)?$open_ratio:0}}"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Successfully delivered <span class="float-right">{{isset($total_delivered)?$total_delivered:0}}</span></h6>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Total Opens <span class="float-right">{{isset($total_opened[0]->count)?$total_opened[0]->count:0}}</span></h6>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Last Opened<span class="float-right">{{isset($total_opened[0]->updated_at)?$total_opened[0]->updated_at:''}}</span></h6>
</div>
</div>
<!-- /.card -->
</div>
<div class="col-sm-6 mt-4">
<div class="card">
<div class="form-group">
<h5>Click Rate <span class="float-right">{{isset($clicked_ratio)?$clicked_ratio:0}}%</span></h5>
<div class="progress" title="{{isset($clicked_ratio)?$clicked_ratio:0}}">
<div class="progress-bar bg-danger" role="progressbar" style="width: {{isset($clicked_ratio)?$clicked_ratio:0}}%" aria-valuenow="isset($clicked_ratio)?$clicked_ratio:0"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Total Clicked <span class="float-right">{{isset($total_clicked)?$total_clicked:0}}</span></h6>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Total Opens <span class="float-right">{{isset($total_opened[0]->count)?$total_opened[0]->count:0}}</span></h6>
</div>
<div class="form-group mt-3">
<h6 class="opens_mail">Last Clicked<span class="float-right">{{isset($total_opened[0]->updated_at)?$total_opened[0]->updated_at:''}}</span></h6>
</div>
</div>
</div>
<div class="col-sm-12 mt-4">
<div class="card overflow-auto">
<div class="card-header">
<h3 class="card-title">
<i class="far fa-chart-bar"></i>
Campaign Statistic
</h3>
<div class="form-group text-center">
<span class="text-center pr-1"><span class="bg-red mr-2" style="padding: 0px 18px;"></span> Clicked</span>
<span class="text-center mr-3"><span class="mr-2" style="background: #00c0ef;padding: 0px 18px;"></span> Open</span>
</div>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="card-body">
<div id="line_chart" style="height: 300px;"></div>
</div>
<!-- /.card-body-->
</div>
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<section class="content">
<div class="row">
<div class="col-12 col-lg-8 col-md-8 col-sm-12 mt-3">
<div class="card overflow-auto">
<div class="card-header">
<h3 class="card-title">@lang('customer.customer_campaign_list')</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="contacts" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>@lang('customer.title')</th>
<th>@lang('customer.start_date')</th>
<th>@lang('customer.end_date')</th>
<th>@lang('customer.start_time')</th>
<th>@lang('customer.end_time')</th>
<th>@lang('customer.status')</th>
</tr>
</thead>
<tbody>
@if($campaigns->isNotempty())
@foreach($campaigns as $campaign )
<tr>
<td>{{$campaign->title}}</td>
<td>{{formatDate($campaign->start_date)}}</td>
<td>{{formatDate($campaign->end_date)}}</td>
<td>{{$campaign->start_time}}</td>
<td>{{$campaign->end_time}}</td>
<td>{{$campaign->status}}</td>
</tr>
@endforeach
@else
<tr class="text-center">
<td colspan="6">No data available</td>
</tr>
@endif
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="col-12 col-md-4 col-lg-4 col-sm-12 mt-3">
<div class="card">
<div class="card-header">
<h3 class="card-title">@lang('customer.activities')</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="contacts" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>@lang('customer.activity_message')</th>
</tr>
</thead>
<tbody>
@if($activities->isNotempty())
@foreach($activities as $activity)
<tr>
<td>{{$activity->message}}</td>
</tr>
@endforeach
@else
<tr class="text-center">
<td colspan="6">No data available</td>
</tr>
@endif
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
@endsection
@section('extra-scripts')
<script>
const weeklyData = @json($weekDates); const chartInbox = @json($chart_inbox);
const openReport = @json($open_report); const clickReport = @json($clicked_report);
</script>
<script src="{{asset('js/customer/dashboard.js')}}"></script>
@endsection