Raffales-LMS/resources/views/dashboard/index.blade.php

326 lines
16 KiB
PHP
Raw Permalink Normal View History

2024-04-16 09:58:24 +00:00
@extends('layouts.admin.admin')
@section('title', 'New Project')
@section('page-specific-styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/TableTools.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/lightbox.css') }}" />
@endsection
@section('content')
<div class="nk-content-inner">
<div class="nk-content-body">
<div class="row g-gs">
<div class="col-xxl-12">
<div class="row g-gs">
<div class="col-xxl-6">
<div class="card h-100">
<div class="card-body">
<div class="card-title-group mb-4 align-items-start">
<div class="card-title">
<h4 class="title mb-0">Highlights</h4><span class="small">Latest
social statistics</span>
</div>
</div>
<div class="row g-gs">
<div class="col-sm-6 col-md-4 col-lg-6 col-xl-4">
<div class="box-dotted h-100"><em
class="icon icon-lg ni ni-chart-up text-primary"></em>
<h5 class="title mt-2 mb-3">Total Leads</h5>
<div class="amount h3">100</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-6 col-xl-4">
<div class="box-dotted h-100"><em
class="icon icon-lg ni ni-user-add text-success"></em>
<h5 class="title mt-2 mb-3">Total Follow Ups</h5>
<div class="amount h3">65/100</div>
</div>
</div>
<div class="col-md-4 col-lg-12 col-xl-4">
<div class="box-dotted h-100"><em
class="icon icon-lg ni ni-coins text-warning"></em>
<h5 class="title mt-2 mb-3">Leads Sources</h5>
<div class="amount h3">5</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="card h-100 overflow-hidden">
<div class="col-sep">
<div class="card-body flex-grow-0 py-2">
<div class="card-title-group">
<div class="card-title">
<h5 class="title">Our Campaigns</h5>
</div>
<div class="card-tools">
<div class="dropdown"><a href="#" class="btn btn-sm btn-icon btn-zoom me-n1" data-bs-toggle="dropdown"><em class="icon ni ni-more-v"></em></a>
<ul class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<li><a href="#" class="dropdown-item">Create
Campaign</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-middle mb-0">
<thead class="table-light table-head-sm">
<tr>
<th class="tb-col"><span class="overline-title">Title</span></th>
<th class="tb-col tb-col-end"><span class="overline-title">visitors</span></th>
</tr>
</thead>
<tbody>
@foreach ($campaigns as $key => $campaign)
<tr>
<td class="tb-col">
<div class="media-group">
<div class="media-text"><span class="title">{{ Str::limit($campaign->name, 47) }}</span></div>
</div>
</td>
<td class="tb-col tb-col-end"><span class="small">{{ $campaign->registrations->count() }}</span></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-3">
<div class="card h-100 overflow-hidden">
<div class="nk-chart-marketing-campaign bg-primary">
<div class="card-body">
<div class="nk-chart-marketing-campaign-visitor"><canvas data-nk-chart="bar"
id="campaignChart"></canvas></div>
</div>
</div>
<div class="card-body">
<div class="card-title-group">
<div class="card-title">
<h4 class="title mb-0">Campaign Visitors</h4>
</div>
<div class="amount-wrap text-end">
<div class="amount h3 mb-0">1K</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-12">
<div class="card h-100">
<div class="card-body py-2 flex-grow-0">
<div class="card-title-group">
<div class="card-title">
<h5 class="title">Leads Stats</h5>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-middle mb-0">
<thead class="table-light table-head-sm">
<tr>
<th class="tb-col"><span class="overline-title">S.No.</span>
</th>
<th class="tb-col"><span class="overline-title">Student Name</span>
</th>
<th class="tb-col tb-col-sm align-items-center"><span
class="overline-title ">Email</span></th>
<th class="tb-col tb-col-xxl align-items-center"><span
class="overline-title ">Phone
No.</span></th>
<th class="tb-col tb-col-center"><span class="overline-title">status</span>
</th>
<th class="tb-col tb-col-center"><span class="overline-title"><span
class="d-none d-sm-inline-blcok">due</span>
date</span></th>
</tr>
</thead>
<tbody>
@foreach ($registrations as $key => $registration)
<tr>
<td class="tb-col">{{ ++$key }}</td>
<td class="tb-col">
<div class="media-group">
<div class="media-text"><a href="#"
class="title">{{ Str::limit($registration->name, 47) }}</a>
</div>
</div>
</td>
<td class="tb-col tb-col-sm">
<div class="d-flex align-items-center">
<span
class="small me-1">{{ Str::limit($registration->email, 47) }}</span>
</div>
</div>
</td>
<td class="tb-col tb-col-xxl">
<span class="small me-1">{{ Str::limit($registration->phone, 47) }}</span>
</td>
<td class="tb-col tb-col-center"><span class="badge text-bg-info-soft">In progress</span>
</td>
<td class="tb-col tb-col-center"><span class="small">07 Sep
2022</span>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div class="col-xxl-12">
<div class="card h-100">
<div class="card-body py-2 flex-grow-0">
<div class="card-title-group">
<div class="card-title">
<h5 class="title">Follow Up List Stats</h5>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-middle mb-0">
<thead class="table-light table-head-sm">
<tr>
<th class="tb-col"><span class="overline-title">Student Name</span>
</th>
<th class="tb-col tb-col-sm align-items-center"><span
class="overline-title ">Email</span></th>
<th class="tb-col tb-col-xxl align-items-center"><span class="overline-title ">Phone
No.</span></th>
<th class="tb-col tb-col-center"><span class="overline-title">Follow Up
By</span></th>
<th class="tb-col tb-col-center"><span class="overline-title">Follow Up
Date</span></th>
<th class="tb-col tb-col-center"><span class="overline-title"><span
class="d-none d-sm-inline-blcok">Remarks</span>
date</span></th>
</tr>
</thead>
<tbody>
@foreach ($followups as $followup)
@if ($followup->follow_up_type == 'registration' && !empty($followup->registration($followup->id)))
<tr>
<td class="tb-col">
<div class="media-group">
<div class="media-text"><a href="#" class="title">
{{ $followup->registration($followup->id)->name }}
</a>
</div>
</td>
<td class="tb-col tb-col-end tb-col-sm">
<div class="d-flex align-items-center">
<span class="small me-1">
{{ $followup->registration($followup->id)->email }}
</span>
</div>
</td>
<td class="tb-col tb-col-end tb-col-xxl">
<span class="small me-1">
{{ $followup->registration($followup->id)->phone }}
</span>
</td>
<td class="tb-col tb-col-end tb-col-xxl">
<span class="small me-1">
{{ $followup->follow_up_by }}
</span>
</td>
<td class="tb-col tb-col-center"><span
class="small">{{ $followup->next_schedule }}</span></td>
<td class="tb-col tb-col-center"><span
class="small">{{ $followup->remarks }}</span></td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('page-specific-scripts')
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script src="{{ asset('js/lightbox.js') }}"></script>
<script>
$(document).ready(function() {
$('.example').DataTable();
});
</script>
@endsection