@extends('layouts.app', ['title' => __tr('Campaign Status')])
@section('content')
@include('users.partials.header', [
'title' => __tr('Campaign Dashboard'),
'description' => '',
'class' => 'col-lg-7'
])
@php
$campaignData = $campaign->__data;
$selectedGroups = is_array(Arr::get($campaignData, 'selected_groups', [])) ? Arr::get($campaignData, 'selected_groups', []) : [];
$isRestrictByTemplateContactLanguage = Arr::get($campaignData, 'is_for_template_language_only');
$isAllContacts = Arr::get($campaignData, 'is_all_contacts');
$messageLog = $campaign->messageLog;
$queueMessages = $campaign->queueMessages;
$campaignUid=$campaign->_uid;
$totalContacts = (int) Arr::get($campaignData, 'total_contacts');
$totalRead = $messageLog->where('status', 'read')->count();
$totalDelivered = $messageLog->where('status', 'delivered')->count();
$totalFailed = $queueMessages->where('status', 2)->count() + $messageLog->where('status', 'failed')->count();
$totalAccepted = $messageLog->where('status', 'accepted')->count();
$totalProcessing = $queueMessages->where('status', 3)->count();
$totalWaiting = $queueMessages->where('status', 1)->count();
$totalSent = $messageLog->where('status', 'sent')->count();
$totalProcessed = $totalSent + $totalRead + $totalDelivered + $totalAccepted + $totalFailed + $totalProcessing;

// Calculate percentages only if there are contacts
$totalReadInPercent = $totalContacts > 0 ? round(($totalRead / $totalContacts) * 100, 2) . '%' : '0%';
$totalDeliveredInPercent = $totalContacts > 0 ? round((($totalDelivered + $totalRead) / $totalContacts) * 100, 2) . '%' : '0%';
$totalFailedInPercent = $totalContacts > 0 ? round(($totalFailed / $totalContacts) * 100, 2) . '%' : '0%';
$totalAcceptedInPercent = $totalContacts > 0 ? round(($totalAccepted / $totalContacts) * 100, 2) . '%' : '0%';
$totalProcessingInPercent = $totalContacts > 0 ? round(($totalProcessing / $totalContacts) * 100, 2) . '%' : '0%';
$totalWaitingInPercent = $totalContacts > 0 ? round(($totalWaiting / $totalContacts) * 100, 2) . '%' : '0%';
$totalSentInPercent = $totalContacts > 0 ? round(($totalSent / $totalContacts) * 100, 2) . '%' : '0%';

// Calculate the total percentage of processed messages
$totalProcessedInPercent = $totalContacts > 0 ? round(($totalProcessed / $totalContacts) * 100, 2) . '%' : '0%';

// Ensure we don't count delivered messages twice
$totalDeliveredCount = $totalDelivered + $totalRead;
@endphp

<div class="container-fluid mt-lg--6 lw-campaign-window-{{ $campaign->_uid }}" x-cloak x-data="initialRequiredData">
    <div class="row">
        <!-- button -->
        <div class="col-12 mb-3 mt-3">
            <div class="mt-5">
                <a class="lw-btn btn btn-secondary" href="{{ route('vendor.campaign.read.list_view') }}">{{ __tr('Back to Campaigns') }}</a>
                <a class="lw-btn btn btn-primary" href="{{ route('vendor.campaign.new.view') }}">{{ __tr('Create New Campaign') }}</a>
            </div>
        </div> 
        <!--/ button -->
        <div class="col-12 mb-4 ">
            <div class="card card-stats mb-4 mb-xl-0 ">
                <div class="card-body ">
                    <div class="row">
                        <div class="col">
                            @if($campaign->status == 5) <span class="rounded py-1 px-3 badge-dark text-white mb-2 float-right">{{  __tr('Archived') }}</span> @endif
                            <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Campaign Name') }}</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $campaign->title }}</span>
                            <p class="mt-3 mb-0 text-muted text-sm">
                            <h2 class="badge badge-warning fs-2" x-text="statusText"></h2>
                            <h3 class="text-success mr-2">{{ __tr('Execution Scheduled at') }}</h3>
                            @if ($campaign->scheduled_at > now())
                            <div class="text-warning">{{ formatDiffForHumans($campaign->scheduled_at, 3) }}</div>
                            @else
                            <template x-if="(executedCount == 0) && inQueuedCount">
                                <div class="text-warning my-3">
                                    {{  __tr('Awaiting execution') }} <i class="fa fa-spin fa-spinner"></i>
                                </div>
                            </template>
                            @endif
                            @if ($campaign->timezone and getVendorSettings('timezone') != $campaign->timezone)
                            <div class="">{!! __tr('__scheduledAt__ as per your account timezone which is __selectedTimezone__', [
                                '__scheduledAt__' => formatDateTime($campaign->scheduled_at),
                                '__selectedTimezone__' => '<strong>'. getVendorSettings('timezone') .'</strong>'
                                ]) !!} </div>
                            <div class=" text-muted">{!! __tr('Campaign scheduled on __scheduledAt__ as per the __selectedTimezone__ timezone', [
                                '__scheduledAt__' => formatDateTime($campaign->scheduled_at_by_timezone, null, null,
                                $campaign->timezone),
                                '__selectedTimezone__' => '<strong>'. $campaign->timezone .'</strong>'
                                ]) !!}</div>
                            @else
                            <span class="text-nowrap">{{ formatDateTime($campaign->scheduled_at) }}</span>
                            @endif

                            </p>
                            <div class="my-3">
                                <h5 class="card-title text-uppercase text-muted mb-2">{{ __tr('template Name') }}</h5>
                                <span class="h3 font-weight-bold mb-2">{{ $campaign->whatsappTemplate->template_name ?? $campaignData['campaign_recreate_payload']['template']['name'] ?? $campaign->template_name ?? 'N/A' }}</span>
                                <h5 class="card-title text-uppercase text-muted mb-2 mt-3">{{ __tr('template language')
                                    }}
                                </h5>
                                <span class="h3 font-weight-bold mb-2">{{ $campaign->whatsappTemplate->language ?? $campaignData['campaign_recreate_payload']['template']['language'] ?? $campaign->template_language ?? 'N/A' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="row mb-4">
                {{-- total contacts --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Contacts') }}
                                    </h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalContacts"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-info text-white rounded-circle shadow">
                                        <i class="fas fa-user"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                @if ($isAllContacts)
                                {{ __tr('All contacts ') }}
                                @else
                                {{ __tr('All contacts from: ') }}
                                @if(is_array($selectedGroups))
                                    @foreach ($selectedGroups as $selectedGroup)
                                        @if(is_array($selectedGroup) && isset($selectedGroup['title']))
                                            <strong class="text-nowrap text-warning">{{ $selectedGroup['title'] }}</strong>
                                        @endif
                                    @endforeach
                                @endif
                                {{ __tr(' groups.') }}
                                @endif
                                @if ($isRestrictByTemplateContactLanguage)
                                <span class="">{!! __tr('Excluding those contacts which don\'t have __languageCode__
                                    language', [
                                    '__languageCode__' => "<span class='text-warning'>". e($campaign->template_language)
                                        ."</span>"
                                    ]) !!}</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /total contacts --}}
                {{-- sent messages --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Single Tick Delivered') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalSentInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                                    <i class="fas fa-check"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalSent)"></span>
                                <span class="text-nowrap">{{ __tr('Messages') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /sent messages --}}
                {{-- delivered to --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Double Tick Delivered') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalDeliveredInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-success text-white rounded-circle shadow">
                                    <i class="fas fa-check-double"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalDelivered)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /delivered to --}}
                {{-- read by --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Read') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalReadInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-info text-white rounded-circle shadow">
                                        <i class="fas fa-check-double"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalRead)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /read by --}}
                {{-- processing messages --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Processing') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalProcessingInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                                        <i class="fas fa-spinner fa-spin"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalProcessing)"></span>
                                <span class="text-nowrap">{{ __tr('Messages') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /processing messages --}}
                
                {{-- accepted messages --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Meta Accepted') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalAcceptedInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalAccepted)"></span>
                                <span class="text-nowrap">{{ __tr('Messages') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /accepted messages --}}
                {{-- failed --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Failed') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="__Utils.formatAsLocaleNumber(totalFailedInPercent)"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                                        <i class="fas fa-exclamation-circle"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalFailed)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /failed --}}
                
                {{-- total processed messages --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                    <div class="card card-stats h-100">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Overall Message Status') }}</h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="totalProcessedInPercent"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-info text-white rounded-circle shadow">
                                        <i class="fas fa-tasks"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(totalProcessed)"></span>
                                <span class="text-nowrap">{{ __tr('Messages') }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /total processed messages --}}
            </div>
            {{-- message log --}}
              <!--start of tabs-->
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link "
                   href="