@extends('dashbord.layouts.master')

@php
    $formatTitle = function ($value) {
        if (is_array($value)) {
            return $value[app()->getLocale()] ?? $value['en'] ?? $value['ar'] ?? '-';
        }

        $decoded = json_decode($value, true);

        if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
            return $decoded[app()->getLocale()] ?? $decoded['en'] ?? $decoded['ar'] ?? '-';
        }

        return $value ?: '-';
    };
@endphp

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                {{ trans('dashboard_home.title') }}
            </h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('admin.dashboard') }}"
                       class="text-muted text-hover-primary">{{ trans('Toolbar.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-400 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ trans('dashboard_home.overview') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @foreach($quickActions as $action)
                <a href="{{ $action['route'] }}" class="btn {{ $action['class'] }}">
                    {{ trans('dashboard_home.quick_actions.' . $action['label']) }}
                </a>
            @endforeach
        </div>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxxl">
        <div class="row g-5 g-xl-8 mb-8">
            @foreach($metrics as $label => $value)
                <div class="col-sm-6 col-xl-3">
                    <div class="card card-flush h-100">
                        <div class="card-body d-flex flex-column justify-content-between">
                            <span
                                class="text-gray-500 fw-semibold text-uppercase fs-7">{{ trans('dashboard_home.metrics.' . $label) }}</span>
                            <div class="d-flex align-items-end mt-6">
                                <span class="fs-2hx fw-bold text-gray-900 me-2">{{ $value }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="row g-5 g-xl-8 mb-8">
            <div class="col-12">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.homepage_content_status') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        <div class="row g-4">
                            @foreach($statusCards as $item)
                                <div class="col-md-6 col-xl-3">
                                    <a href="{{ $item['route'] }}"
                                       class="card border border-gray-300 border-dashed shadow-none h-100">
                                        <div class="card-body">
                                            <div class="d-flex align-items-center justify-content-between mb-4">
                                                <span
                                                    class="fw-semibold text-gray-800">{{ trans('dashboard_home.status.' . $item['label']) }}</span>
                                                <span
                                                    class="badge {{ $item['ready'] ? 'badge-light-success' : 'badge-light-danger' }}">
                                                    {{ $item['ready'] ? trans('dashboard_home.status.ready') : trans('dashboard_home.status.missing') }}
                                                </span>
                                            </div>
                                            <div class="text-gray-500 fs-7">
                                                {{ $item['ready'] ? trans('dashboard_home.status.ready_help') : trans('dashboard_home.status.missing_help') }}
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-5 g-xl-8 mb-8">
            <div class="col-xl-4">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.recent_contacts') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        @forelse($recentContacts as $contact)
                            <div class="py-4 border-bottom border-gray-200">
                                <div class="d-flex justify-content-between align-items-start gap-3">
                                    <div>
                                        <div
                                            class="fw-bold text-gray-900">{{ $contact->name ?: trans('dashboard_home.item.no_name') }}</div>
                                        <div class="text-gray-600 fs-7">{{ $contact->email ?: '-' }}</div>
                                        <div
                                            class="text-gray-500 fs-7 mt-1">{{ $contact->subject ?: trans('dashboard_home.item.no_subject') }}</div>
                                    </div>
                                    <span
                                        class="badge badge-light">{{ optional($contact->created_at)->diffForHumans() }}</span>
                                </div>
                            </div>
                        @empty
                            <div
                                class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_contact_messages') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.newsletter_subscribers') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        @forelse($recentSubscribers as $subscriber)
                            <div
                                class="py-4 border-bottom border-gray-200 d-flex justify-content-between align-items-center gap-3">
                                <div>
                                    <div class="fw-semibold text-gray-900">{{ $subscriber->email }}</div>
                                    <div
                                        class="text-gray-500 fs-7">{{ trans('dashboard_home.item.subscriber_number', ['id' => $subscriber->id]) }}</div>
                                </div>
                                <span
                                    class="badge badge-light-info">{{ optional($subscriber->created_at)->diffForHumans() }}</span>
                            </div>
                        @empty
                            <div
                                class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_newsletter_subscriptions') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.event_registrations') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        @forelse($recentRegistrations as $registration)
                            <div class="py-4 border-bottom border-gray-200">
                                <div
                                    class="fw-bold text-gray-900">{{ $registration->name ?: trans('dashboard_home.item.no_name') }}</div>
                                <div class="text-gray-600 fs-7">{{ $registration->email ?: '-' }}</div>
                                <div class="text-gray-500 fs-7 mt-1">
                                    {{ trans('dashboard_home.item.event_number', ['id' => $registration->event_id]) }}
                                    | {{ $registration->attendance_type ?: trans('dashboard_home.item.attendance_type_not_set') }}
                                </div>
                            </div>
                        @empty
                            <div
                                class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_event_registrations') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-5 g-xl-8">
            <div class="col-xl-6">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.latest_publishing_activity') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        <div class="mb-8">
                            <div
                                class="fw-bold fs-6 text-gray-800 mb-4">{{ trans('dashboard_home.sections.blogs') }}</div>
                            @forelse($latestBlogs as $blog)
                                <div
                                    class="d-flex justify-content-between align-items-center py-3 border-bottom border-gray-200">
                                    <div>
                                        <div class="fw-semibold text-gray-900">{{ $formatTitle($blog->title) }}</div>
                                        <div
                                            class="text-gray-500 fs-7">{{ $blog->isDraft === 'real' ? trans('dashboard_home.item.published') : trans('dashboard_home.item.draft') }}</div>
                                    </div>
                                    <a href="{{ route('admin.blog.edit', $blog->id) }}"
                                       class="btn btn-sm btn-light-primary">{{ trans('dashboard_home.item.edit') }}</a>
                                </div>
                            @empty
                                <div class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_blogs') }}</div>
                            @endforelse
                        </div>

                        <div>
                            <div
                                class="fw-bold fs-6 text-gray-800 mb-4">{{ trans('dashboard_home.sections.events') }}</div>
                            @forelse($latestEvents as $event)
                                <div
                                    class="d-flex justify-content-between align-items-center py-3 border-bottom border-gray-200">
                                    <div>
                                        <div class="fw-semibold text-gray-900">{{ $formatTitle($event->title) }}</div>
                                        <div
                                            class="text-gray-500 fs-7">{{ $event->date_at ?: optional($event->created_at)->format('Y-m-d') }}</div>
                                    </div>
                                    <a href="{{ route('admin.event.edit', $event->id) }}"
                                       class="btn btn-sm btn-light-warning">{{ trans('dashboard_home.item.edit') }}</a>
                                </div>
                            @empty
                                <div class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_events') }}</div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-6">
                <div class="card card-flush h-100">
                    <div class="card-header">
                        <div class="card-title">
                            <h3 class="fw-bold m-0">{{ trans('dashboard_home.sections.projects_and_case_studies') }}</h3>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        {{--<div class="mb-8">
                            <div class="fw-bold fs-6 text-gray-800 mb-4">{{ trans('dashboard_home.sections.projects') }}</div>
                            @forelse($latestProjects as $project)
                                <div class="d-flex justify-content-between align-items-center py-3 border-bottom border-gray-200">
                                    <div>
                                        <div class="fw-semibold text-gray-900">{{ $formatTitle($project->title) }}</div>
                                        <div class="text-gray-500 fs-7">{{ optional($project->created_at)->format('Y-m-d') }}</div>
                                    </div>
                                    <a href="{{ route('admin.projects.edit', $project->id) }}" class="btn btn-sm btn-light-success">{{ trans('dashboard_home.item.edit') }}</a>
                                </div>
                            @empty
                                <div class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_projects') }}</div>
                            @endforelse
                        </div>--}}

                        <div>
                            <div
                                class="fw-bold fs-6 text-gray-800 mb-4">{{ trans('dashboard_home.sections.case_studies') }}</div>
                            @forelse($latestCaseStudies as $caseStudy)
                                <div
                                    class="d-flex justify-content-between align-items-center py-3 border-bottom border-gray-200">
                                    <div>
                                        <div
                                            class="fw-semibold text-gray-900">{{ $formatTitle($caseStudy->title) }}</div>
                                        <div
                                            class="text-gray-500 fs-7">{{ optional($caseStudy->created_at)->format('Y-m-d') }}</div>
                                    </div>
                                    <a href="{{ route('admin.Case_Studies.edit', $caseStudy->id) }}"
                                       class="btn btn-sm btn-light-dark">{{ trans('dashboard_home.item.edit') }}</a>
                                </div>
                            @empty
                                <div
                                    class="text-gray-500 fs-6">{{ trans('dashboard_home.empty.no_case_studies') }}</div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection