174 lines
8.7 KiB
PHP
174 lines
8.7 KiB
PHP
@extends('layouts.admin')
|
|
|
|
@section('title', 'Customer Aktif | Super Admin')
|
|
@section('page_title', 'Customer Aktif')
|
|
|
|
@push('styles')
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="{{ asset('assets/css/super-admin-report-pages.css') }}">
|
|
@endpush
|
|
|
|
@section('content')
|
|
@php
|
|
$totalActiveCustomers = $activeCustomers->count();
|
|
$totalCompletedBookings = (int) $activeCustomers->sum('completed_booking_count');
|
|
$totalTransactions = (float) $activeCustomers->sum('total_transaction');
|
|
$loyalCustomers = $activeCustomers->filter(fn($customer) => ((int) ($customer->completed_booking_count ?? 0)) >= $loyalThreshold)->count();
|
|
@endphp
|
|
|
|
<div class="report-page">
|
|
<section class="report-header-card">
|
|
<div class="report-header-top">
|
|
<div>
|
|
<h2>Customer Aktif</h2>
|
|
<p>Evaluasi performa customer berdasarkan aktivitas booking dan nilai transaksi.</p>
|
|
</div>
|
|
<a href="{{ route('super-admin.reports.index') }}" class="report-back-link">
|
|
<i class="bi bi-arrow-left" aria-hidden="true"></i>
|
|
<span>Kembali ke Laporan</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
@if ($errors->any())
|
|
<section class="report-inline-alert is-danger" role="alert">
|
|
<i class="bi bi-exclamation-octagon" aria-hidden="true"></i>
|
|
<div>
|
|
<strong>Filter tidak valid</strong>
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
@endif
|
|
|
|
<section class="report-filter-card">
|
|
<form method="GET" action="{{ route('super-admin.reports.active-customers') }}" class="report-filter-grid is-compact">
|
|
<div class="report-filter-group">
|
|
<label for="start_date">Start Date</label>
|
|
<input type="date" id="start_date" name="start_date" value="{{ request('start_date') }}">
|
|
</div>
|
|
<div class="report-filter-group">
|
|
<label for="end_date">End Date</label>
|
|
<input type="date" id="end_date" name="end_date" value="{{ request('end_date') }}">
|
|
</div>
|
|
<div class="report-filter-group">
|
|
<label for="limit">Jumlah Data</label>
|
|
<select id="limit" name="limit">
|
|
<option value="20" @selected((int) request('limit', 20) === 20)>20</option>
|
|
<option value="50" @selected((int) request('limit', 20) === 50)>50</option>
|
|
<option value="100" @selected((int) request('limit', 20) === 100)>100</option>
|
|
</select>
|
|
</div>
|
|
<div class="report-filter-actions">
|
|
<button type="submit" class="report-btn-primary">
|
|
<i class="bi bi-funnel-fill" aria-hidden="true"></i>
|
|
<span>Terapkan Filter</span>
|
|
</button>
|
|
<a href="{{ route('super-admin.reports.active-customers') }}" class="report-btn-secondary">
|
|
<i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i>
|
|
<span>Reset</span>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="report-stat-grid">
|
|
<article class="report-stat-card">
|
|
<div class="report-stat-icon"><i class="bi bi-people" aria-hidden="true"></i></div>
|
|
<div>
|
|
<p>Total Customer Aktif</p>
|
|
<h3>{{ number_format($totalActiveCustomers, 0, ',', '.') }}</h3>
|
|
</div>
|
|
</article>
|
|
<article class="report-stat-card">
|
|
<div class="report-stat-icon"><i class="bi bi-check2-all" aria-hidden="true"></i></div>
|
|
<div>
|
|
<p>Total Booking Completed</p>
|
|
<h3>{{ number_format($totalCompletedBookings, 0, ',', '.') }}</h3>
|
|
</div>
|
|
</article>
|
|
<article class="report-stat-card">
|
|
<div class="report-stat-icon"><i class="bi bi-cash-stack" aria-hidden="true"></i></div>
|
|
<div>
|
|
<p>Total Transaksi</p>
|
|
<h3>Rp {{ number_format($totalTransactions, 0, ',', '.') }}</h3>
|
|
</div>
|
|
</article>
|
|
<article class="report-stat-card">
|
|
<div class="report-stat-icon"><i class="bi bi-award" aria-hidden="true"></i></div>
|
|
<div>
|
|
<p>Loyal Customer</p>
|
|
<h3>{{ number_format($loyalCustomers, 0, ',', '.') }}</h3>
|
|
<small>Min. {{ $loyalThreshold }} booking completed</small>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="report-table-card">
|
|
<div class="report-table-head">
|
|
<h3>Data Customer Aktif</h3>
|
|
<p>Loyal customer ditentukan berdasarkan ambang minimal booking selesai.</p>
|
|
</div>
|
|
|
|
@if ($activeCustomers->count() > 0)
|
|
<div class="report-table-wrap">
|
|
<table class="report-table">
|
|
<thead>
|
|
<tr>
|
|
<th class="is-center">No</th>
|
|
<th>Nama Customer</th>
|
|
<th>Email</th>
|
|
<th>Nomor HP</th>
|
|
<th class="is-center">Total Booking</th>
|
|
<th class="is-center">Booking Completed</th>
|
|
<th class="is-number">Total Transaksi</th>
|
|
<th>Last Booking Date</th>
|
|
<th>Status Loyal</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($activeCustomers as $index => $customer)
|
|
@php
|
|
$isLoyal = ((int) ($customer->completed_booking_count ?? 0)) >= $loyalThreshold;
|
|
$lastBookingDateText = '-';
|
|
if ($customer->last_booking_date instanceof \Carbon\CarbonInterface) {
|
|
$lastBookingDateText = $customer->last_booking_date->format('d M Y H:i');
|
|
} elseif (!empty($customer->last_booking_date)) {
|
|
$lastBookingDateText = \Illuminate\Support\Carbon::parse($customer->last_booking_date)->format('d M Y H:i');
|
|
}
|
|
@endphp
|
|
<tr>
|
|
<td class="is-center">{{ $index + 1 }}</td>
|
|
<td>{{ $customer->name }}</td>
|
|
<td>{{ $customer->email }}</td>
|
|
<td>{{ $customer->phone ?? '-' }}</td>
|
|
<td class="is-center">{{ number_format((int) ($customer->total_booking_count ?? 0), 0, ',', '.') }}</td>
|
|
<td class="is-center">{{ number_format((int) ($customer->completed_booking_count ?? 0), 0, ',', '.') }}</td>
|
|
<td class="is-number">Rp {{ number_format((float) ($customer->total_transaction ?? 0), 0, ',', '.') }}</td>
|
|
<td>{{ $lastBookingDateText }}</td>
|
|
<td>
|
|
@if ($isLoyal)
|
|
<span class="report-badge is-accent">Loyal</span>
|
|
@else
|
|
<span class="report-badge is-muted">Regular</span>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
@else
|
|
<div class="report-empty-state">
|
|
<i class="bi bi-inbox" aria-hidden="true"></i>
|
|
<h4>Belum ada data customer aktif</h4>
|
|
<p>Belum ada data laporan untuk filter yang dipilih.</p>
|
|
</div>
|
|
@endif
|
|
</section>
|
|
</div>
|
|
@endsection
|