272 lines
5.9 KiB
PHP
272 lines
5.9 KiB
PHP
@extends('admin.layouts.app')
|
|
@section('breadcrumb')
|
|
<span>
|
|
داشبورد
|
|
</span>
|
|
@endsection
|
|
@section('content')
|
|
|
|
<div class="container-fluid mt-4">
|
|
|
|
<h3 class="mb-4 fw-bold">
|
|
داشبورد مدیریت
|
|
</h3>
|
|
<div class="row g-4">
|
|
|
|
<div class="col-md-3">
|
|
|
|
<div class="card shadow-sm border-0 h-100">
|
|
|
|
<div class="card-body">
|
|
|
|
<h6 class="text-muted">
|
|
مدیران
|
|
</h6>
|
|
|
|
|
|
<h2 class="fw-bold mt-3">
|
|
{{ $adminsCount ?? 0 }}
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
|
|
<div class="card shadow-sm border-0 h-100">
|
|
|
|
<div class="card-body">
|
|
|
|
<h6 class="text-muted">
|
|
کاربران
|
|
</h6>
|
|
|
|
<h2 class="fw-bold mt-3">
|
|
{{ $usersCount ?? 0 }}
|
|
</h2>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
|
|
<div class="card shadow-sm border-0 h-100">
|
|
|
|
<div class="card-body">
|
|
|
|
<h6 class="text-muted">
|
|
تورها
|
|
</h6>
|
|
|
|
|
|
<h2 class="fw-bold mt-3">
|
|
{{ $toursCount ?? 0 }}
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
|
|
<div class="card shadow-sm border-0 h-100">
|
|
|
|
<div class="card-body">
|
|
|
|
<h6 class="text-muted">
|
|
پروازها
|
|
</h6>
|
|
|
|
|
|
<h2 class="fw-bold mt-3">
|
|
{{ $flightsCount ?? 0 }}
|
|
</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm border-0 mt-5">
|
|
<div class="card-header bg-white fw-bold">
|
|
آخرین فعالیتها
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<table class="table table-bordered text-center">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
<th>مدیر</th>
|
|
<th>عملیات</th>
|
|
<th>بخش</th>
|
|
<th>تاریخ</th>
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
@forelse($logs as $log)
|
|
<tr>
|
|
<td>
|
|
{{ $log->admin->first_name ?? '-' }}
|
|
</td>
|
|
|
|
<td>
|
|
{{ $log->action }}
|
|
</td>
|
|
<td>
|
|
{{ $log->model }}
|
|
</td>
|
|
|
|
<td>
|
|
{{ $log->created_at->toJalali()->format('Y/m/d H:i') }}
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
|
|
<td colspan="4">
|
|
فعالیتی ثبت نشده است
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm border-0 mt-5">
|
|
|
|
|
|
<div class="card-header bg-white fw-bold">
|
|
نمودار بازدید تورها در ۱۰ روز اخیر
|
|
</div>
|
|
|
|
|
|
<div class="card-body">
|
|
|
|
<canvas id="tourViewsChart" height="100"></canvas>
|
|
|
|
</div>
|
|
<div class="card-header bg-white fw-bold">
|
|
|
|
نمودار بازدید پروازها در ۱۰ روز اخیر
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<canvas id="flightViewsChart" height="100"></canvas>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
|
|
<script>
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
|
const tourData = @json($tourViews);
|
|
|
|
const flightData = @json($flightViews);
|
|
|
|
|
|
|
|
new Chart(document.getElementById('tourViewsChart'), {
|
|
|
|
type: 'bar',
|
|
|
|
data: {
|
|
|
|
labels: tourData.map(item => item.date),
|
|
|
|
datasets: [{
|
|
|
|
label: 'بازدید تورها',
|
|
|
|
data: tourData.map(item => item.total),
|
|
|
|
}]
|
|
|
|
},
|
|
|
|
options: {
|
|
|
|
responsive: true,
|
|
|
|
scales: {
|
|
|
|
y: {
|
|
|
|
beginAtZero: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
new Chart(document.getElementById('flightViewsChart'), {
|
|
|
|
type: 'bar',
|
|
|
|
data: {
|
|
|
|
labels: flightData.map(item => item.date),
|
|
|
|
datasets: [{
|
|
|
|
label: 'بازدید پروازها',
|
|
|
|
data: flightData.map(item => item.total),
|
|
|
|
}]
|
|
|
|
},
|
|
|
|
options: {
|
|
|
|
responsive: true,
|
|
|
|
scales: {
|
|
|
|
y: {
|
|
|
|
beginAtZero: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>@endsection
|
|
|
|
|