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

@php
    use App\Models\Crm\Lead;
    $t = $report['totals'];
    $maxReason = max([1, ...array_values($report['lost_reasons'])]);
@endphp

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

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

        <div class="text-muted fs-7 mb-5">{{ trans('crm.report.cohort_note') }}</div>

        {{-- Headline numbers --}}
        <div class="row g-5 mb-7">
            @foreach ([
                ['bi-people', 'primary', $t['total'], trans('crm.report.leads')],
                ['bi-telephone-outbound', 'info', $t['contacted'], trans('crm.report.contacted')],
                ['bi-calendar-check', 'success', $t['converted'] . ' · ' . $t['rate'] . '%', trans('crm.report.converted_rate')],
                ['bi-x-circle', 'secondary', $t['lost'], trans('crm.statuses.lost')],
                ['bi-hourglass-split', 'warning', $t['uncontacted'], trans('crm.report.uncontacted')],
                ['bi-stopwatch', 'danger', $report['avg_hours_to_contact'] !== null ? trans('crm.report.hours', ['count' => $report['avg_hours_to_contact']]) : '—', trans('crm.report.avg_first_contact')],
            ] 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">{{ $value }}</div>
                        <div class="text-muted fs-7">{{ $label }}</div>
                    </div></div>
                </div>
            @endforeach
        </div>

        {{-- Pipeline: where the period's leads are now --}}
        <div class="card card-flush mb-7">
            <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.report.pipeline') }}</h3></div>
            <div class="card-body pt-2">
                @if ($t['total'] > 0)
                    <div class="d-flex rounded overflow-hidden h-30px mb-4">
                        @foreach ($report['by_status'] as $status => $count)
                            @if ($count > 0)
                                <div class="bg-{{ Lead::STATUS_COLORS[$status] }} d-flex align-items-center justify-content-center {{ Lead::STATUS_COLORS[$status] === 'secondary' ? 'text-gray-800' : 'text-white' }} fw-bold fs-7" style="width: {{ $count * 100 / $t['total'] }}%" title="{{ trans('crm.statuses.' . $status) }}: {{ $count }}">{{ $count }}</div>
                            @endif
                        @endforeach
                    </div>
                @endif
                <div class="d-flex flex-wrap gap-5">
                    @foreach ($report['by_status'] as $status => $count)
                        <span class="d-flex align-items-center gap-2"><span class="bullet bullet-dot bg-{{ Lead::STATUS_COLORS[$status] }} h-8px w-8px"></span>{{ trans('crm.statuses.' . $status) }} <span class="fw-bold">{{ $count }}</span></span>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="row g-5 mb-7">
            {{-- By source --}}
            <div class="col-xl-7">
                <div class="card card-flush h-100">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.report.by_source') }}</h3></div>
                    <div class="card-body pt-2">
                        @include('dashboard.admin.crm.reports.table', ['rows' => $report['by_source'], 'label' => fn ($row) => trans('crm.sources.' . $row['source'])])
                    </div>
                </div>
            </div>
            {{-- Lost reasons --}}
            <div class="col-xl-5">
                <div class="card card-flush h-100">
                    <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.report.lost_reasons') }}</h3></div>
                    <div class="card-body pt-2">
                        @forelse ($report['lost_reasons'] as $reason => $count)
                            <div class="mb-4">
                                <div class="d-flex justify-content-between mb-1"><span>{{ trans('crm.lost_reasons.' . $reason) }}</span><span class="fw-bold">{{ $count }}</span></div>
                                <div class="progress h-6px"><div class="progress-bar bg-secondary" style="width: {{ $count * 100 / $maxReason }}%"></div></div>
                            </div>
                        @empty
                            <div class="text-muted">{{ trans('clinic.reports_center.no_data') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        {{-- By assignee --}}
        <div class="card card-flush">
            <div class="card-header min-h-50px"><h3 class="card-title fs-5 fw-bold">{{ trans('crm.report.by_assignee') }}</h3></div>
            <div class="card-body pt-2">
                @include('dashboard.admin.crm.reports.table', ['rows' => $report['by_assignee'], 'label' => fn ($row) => $row['name'] ?? trans('crm.list.unassigned')])
            </div>
        </div>
    </div>
@endsection