@extends('dashboard.admin.layouts.master')

@php
    $money = fn ($amount) => number_format((float) $amount, 2);
    $b = $stats['bookings'];
    $statusColors = \App\Models\Clinic\Booking::STATUS_COLORS;
    $statusChart = [
        'labels' => array_map(fn ($s) => trans('clinic.bookings.statuses.' . $s), array_keys($statusColors)),
        'data' => array_map(fn ($s) => $b['by_status'][$s] ?? 0, array_keys($statusColors)),
        'colors' => array_values($statusColors),
    ];
    $typeChart = [
        'labels' => array_map(fn ($t) => trans('clinic.bookings.' . $t), ['visit', 'online', 'followup']),
        'data' => array_map(fn ($t) => $b['by_type'][$t] ?? 0, ['visit', 'online', 'followup']),
    ];
@endphp

@section('toolbar')
    @include('dashboard.admin.clinic.reports.partials.header', ['title' => trans('clinic.reports_center.statistics')])
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        @include('dashboard.admin.clinic.reports.partials.filters', ['fields' => ['branch', 'clinic', 'doctor']])

        {{-- Headline numbers --}}
        <div class="row g-5 mb-7">
            @foreach ([
                ['bi-calendar-check', 'primary', $b['total'], trans('clinic.reports_center.stat_bookings')],
                ['bi-check2-circle', 'success', ($b['by_status']['completed'] ?? 0) . ' · ' . $b['completion_rate'] . '%', trans('clinic.reports_center.stat_completed')],
                ['bi-x-circle', 'danger', ($b['by_status']['cancelled'] ?? 0) . ' · ' . $b['cancel_rate'] . '%', trans('clinic.reports_center.stat_cancelled')],
                ['bi-cash-coin', 'info', $money($stats['money']['revenue']), trans('clinic.reports_center.total_revenue')],
                ['bi-camera-video', 'warning', $stats['online']['total'], trans('clinic.reports_center.stat_online')],
                ['bi-star-fill', 'warning', ($stats['ratings']['doctor_avg'] ?? '—') . ' / 5', trans('clinic.reports_center.stat_rating', ['count' => $stats['ratings']['count']])],
            ] as [$icon, $color, $value, $label])
                <div class="col-6 col-lg-4 col-xl-2">
                    <div class="card card-flush h-100"><div class="card-body py-5">
                        <i class="bi {{ $icon }} fs-2x text-{{ $color }}"></i>
                        <div class="fs-2 fw-bolder text-gray-900 mt-3" dir="ltr">{{ $value }}</div>
                        <div class="text-muted fs-7">{{ $label }}</div>
                    </div></div>
                </div>
            @endforeach
        </div>

        {{-- Bookings over time + status + type --}}
        <div class="row g-5 mb-7">
            <div class="col-xl-6">
                <div class="card card-flush h-100">
                    <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.bookings_per_day') }}</h3></div>
                    <div class="card-body pt-0"><div id="daysChart" style="height: 280px"></div></div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="card card-flush h-100">
                    <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.by_status') }}</h3></div>
                    <div class="card-body pt-0"><div id="statusChart" style="height: 280px"></div></div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="card card-flush h-100">
                    <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.by_type') }}</h3></div>
                    <div class="card-body pt-0"><div id="typeChart" style="height: 280px"></div></div>
                </div>
            </div>
        </div>

        {{-- Money, online consultations, inquiries, activity --}}
        <div class="row g-5 mb-7">
            @foreach ([
                ['bi-wallet2', trans('clinic.reports_center.payments'), [
                    [trans('clinic.reports_center.total_revenue'), $money($stats['money']['revenue'])],
                    [trans('clinic.reports_center.online_paid'), $money($stats['money']['online_paid'])],
                    [trans('clinic.reports_center.unpaid_amount'), $money($stats['money']['unpaid_amount'])],
                    [trans('clinic.reports_center.doctors_shares'), $money($stats['money']['doctor_share'])],
                    [trans('clinic.reports_center.profit'), $money($stats['money']['center_share'])],
                ]],
                ['bi-camera-video', trans('clinic.reports_center.online_consultations'), [
                    [trans('clinic.reports_center.stat_bookings'), $stats['online']['total']],
                    [trans('clinic.bookings.statuses.completed'), $stats['online']['completed']],
                    [trans('clinic.bookings.statuses.cancelled'), $stats['online']['cancelled']],
                ]],
                ['bi-chat-dots', trans('clinic.reports_center.inquiries'), [
                    [trans('clinic.reports_center.contact_messages'), $stats['inquiries']['contacts']],
                    [trans('clinic.reports_center.contact_answered'), $stats['inquiries']['contacts_answered']],
                    [trans('clinic.reports_center.chat_from_patients'), $stats['inquiries']['chat_from_patients']],
                    [trans('clinic.reports_center.chat_replies'), $stats['inquiries']['chat_replies']],
                ]],
                ['bi-activity', trans('clinic.reports_center.activity'), [
                    [trans('clinic.reports_center.new_patients'), $stats['activity']['new_patients']],
                    [trans('sidebar.offer_subscriptions'), $stats['activity']['offer_subscriptions']],
                    [trans('sidebar.medicine_orders'), $stats['activity']['medicine_orders']],
                    [trans('clinic.reports_center.reviews_with_comments'), $stats['ratings']['comments']],
                    [trans('clinic.reports_center.clinic_rating'), ($stats['ratings']['clinic_avg'] ?? '—') . ' / 5'],
                ]],
            ] as [$icon, $title, $lines])
                <div class="col-md-6 col-xl-3">
                    <div class="card card-flush h-100"><div class="card-body">
                        <div class="fw-bold fs-5 mb-4"><i class="bi {{ $icon }} text-primary me-2"></i>{{ $title }}</div>
                        @foreach ($lines as [$label, $value])
                            <div class="d-flex justify-content-between py-2 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <span class="text-muted">{{ $label }}</span><span class="fw-bold" dir="ltr">{{ $value }}</span>
                            </div>
                        @endforeach
                    </div></div>
                </div>
            @endforeach
        </div>

        {{-- Clinic and doctor performance --}}
        <div class="row g-5 mb-7">
            <div class="col-xl-6">
                <div class="card card-flush h-100">
                    <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.clinic_performance') }}</h3></div>
                    <div class="card-body pt-0">
                        <table class="table table-row-dashed align-middle fs-6 gy-3">
                            <thead><tr class="text-muted fw-bold fs-7 text-uppercase">
                                <th>{{ trans('clinic.reports_center.clinic') }}</th><th>{{ trans('clinic.reports_center.stat_bookings') }}</th>
                                <th>{{ trans('clinic.bookings.statuses.completed') }}</th><th>{{ trans('clinic.bookings.statuses.cancelled') }}</th><th>{{ trans('clinic.reports_center.total_revenue') }}</th>
                            </tr></thead>
                            <tbody>
                            @forelse ($stats['clinics'] as $row)
                                <tr>
                                    <td><div class="fw-bold">{{ $row['model']?->name ?? '—' }}</div><div class="text-muted fs-7">{{ $row['model']?->branch?->name }}</div></td>
                                    <td>{{ $row['bookings'] }}</td><td class="text-success">{{ $row['completed'] }}</td><td class="text-danger">{{ $row['cancelled'] }}</td><td>{{ $money($row['revenue']) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-center text-muted py-6">{{ trans('clinic.reports_center.no_data') }}</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="card card-flush h-100">
                    <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.doctor_performance') }}</h3></div>
                    <div class="card-body pt-0">
                        <table class="table table-row-dashed align-middle fs-6 gy-3">
                            <thead><tr class="text-muted fw-bold fs-7 text-uppercase">
                                <th>{{ trans('clinic.doctors.title') }}</th><th>{{ trans('clinic.reports_center.stat_bookings') }}</th>
                                <th>{{ trans('clinic.bookings.statuses.completed') }}</th><th>{{ trans('clinic.doctors.tab_ratings') }}</th><th>{{ trans('clinic.reports_center.total_revenue') }}</th>
                            </tr></thead>
                            <tbody>
                            @forelse ($stats['doctors'] as $row)
                                <tr>
                                    <td>
                                        @if ($row['model'])
                                            <a href="{{ route('admin.dashboard.clinic.doctors.show', $row['model']) }}" class="fw-bold text-gray-800 text-hover-primary">{{ $row['model']->name }}</a>
                                        @else — @endif
                                    </td>
                                    <td>{{ $row['bookings'] }}</td><td class="text-success">{{ $row['completed'] }}</td>
                                    <td>@if ($row['model']?->averageRating())<i class="bi bi-star-fill text-warning"></i> {{ number_format($row['model']->averageRating(), 1) }}@else — @endif</td>
                                    <td>{{ $money($row['revenue']) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-center text-muted py-6">{{ trans('clinic.reports_center.no_data') }}</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- Latest ratings and comments --}}
        <div class="card card-flush">
            <div class="card-header"><h3 class="card-title">{{ trans('clinic.reports_center.latest_reviews') }}</h3></div>
            <div class="card-body pt-0">
                @forelse ($stats['ratings']['latest'] as $review)
                    <div class="d-flex gap-4 py-3 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                        <div class="flex-grow-1">
                            <div class="fw-bold">{{ $review->booking?->patient?->name }} <span class="text-muted fw-normal fs-7">→ {{ $review->booking?->doctor?->name }}</span></div>
                            @if ($review->doctor_comment)<div class="text-gray-700">{{ $review->doctor_comment }}</div>@endif
                            @if ($review->clinic_comment)<div class="text-gray-600 fs-7">{{ $review->clinic_comment }}</div>@endif
                        </div>
                        <div class="text-nowrap">@include('dashboard.admin.Site.feedback.partials.stars', ['rating' => (int) $review->doctor_rating])</div>
                    </div>
                @empty
                    <div class="text-center text-muted py-6">{{ trans('clinic.doctors.no_reviews') }}</div>
                @endforelse
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(function () {
            var css = getComputedStyle(document.documentElement);
            var color = function (name) { return css.getPropertyValue('--bs-' + name).trim(); };
            var days = @json($stats['chart']);
            var status = @json($statusChart);
            var type = @json($typeChart);

            new ApexCharts(document.getElementById('daysChart'), {
                chart: {type: 'area', height: 280, toolbar: {show: false}, fontFamily: 'inherit'},
                series: [{name: @json(trans('clinic.reports_center.stat_bookings')), data: days.data}],
                xaxis: {categories: days.labels, labels: {rotate: -45, style: {fontSize: '10px'}}, tickAmount: 12},
                colors: [color('primary')], dataLabels: {enabled: false}, stroke: {curve: 'smooth', width: 2}
            }).render();

            [['statusChart', status.labels, status.data, status.colors.map(color)], ['typeChart', type.labels, type.data, [color('primary'), color('info'), color('warning')]]]
                .forEach(function (def) {
                    new ApexCharts(document.getElementById(def[0]), {
                        chart: {type: 'donut', height: 280, fontFamily: 'inherit'},
                        labels: def[1], series: def[2], colors: def[3],
                        legend: {position: 'bottom'}, noData: {text: @json(trans('clinic.reports_center.no_data'))}
                    }).render();
                });
        });
    </script>
@endsection