@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 = 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;
@endphp

<div class="container-fluid mt-lg--6 lw-campaign-window-{{ $campaign->_uid }}" x-cloak x-data="initialRequiredData">
    <div class="row" x-data="{ failedCampaignType: '', modalHeader: '', campaignId: '{{ $campaign->_id }}', recampaignType: '' }">
        <!-- button -->
        <div class="col-12 mb-3">
            <div class="float-right">
                <a class="lw-btn btn btn-light" 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>
                             <template x-if="campaignStatus == 'executed'">
                                <em class="d-block text-muted mb-2">
                                    {!! __tr('Overall sending messages process took __time__  from scheduled time including requeued messages etc.', [
                                        '__time__' => '<strong x-text="timeTookFromScheduledAtFormatted"></strong>'
                                    ]) !!}
                                </em>
                            </template>
                             <template x-if="campaignStatus == 'processing'">
                                <em class="d-block text-muted mb-2">
                                    {!! __tr('Sending messages are in process it took __time__ for the processed messages until now, __contactsInQueue__ contact(s) still in queue', [
                                        '__time__' => '<strong x-text="timeTookFromScheduledAtFormatted"></strong>',
                                        '__contactsInQueue__' => '<strong x-text="__Utils.formatAsLocaleNumber(inQueuedCount)"></strong>'
                                    ]) !!}
                                </em>
                            </template>
                            <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 && !totalFailed">
                                <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
                            @if(!__isEmpty(data_get($campaign, '__data.expiry_at')))
                                <div class="text-danger mt-3">{{ __tr('Expire On:') }} {{ formatDateTime(data_get($campaign, '__data.expiry_at')) }}</div>
                            @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->template_name }}</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->template_language }}</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">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <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: ') }}
                                @foreach ($selectedGroups as $selectedGroup)
                                <strong class="text-nowrap text-warning">{{ $selectedGroup['title'] }}</strong>
                                @endforeach
                                {{ __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
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'total', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for All Contacts', ['__campaignTitle__' => $campaign->title]) }}'" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /total contacts --}}
                {{-- delivered to --}}
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total 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-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(totalDelivered)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'delivered', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Delivered Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="totalDelivered == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /delivered to --}}
                {{-- read by --}}
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <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-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(totalRead)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'read', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Read Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="totalRead == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /read by --}}
                {{-- failed --}}
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <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>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'failed', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Failed Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="totalFailed == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /failed --}}
                {{-- expired --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mt-4">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('Total Expired') }}
                                    </h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="__Utils.formatAsLocaleNumber(totalExpiredInPercent)"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                                        <i class="fas fa-clock"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(expiredCount)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'expired', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Expired Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="expiredCount == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /expired --}}
                {{-- Total Sent --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mt-4">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('In Sent') }}
                                    </h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="__Utils.formatAsLocaleNumber(totalSentInPercent)"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                                        <i class="fas fa-paper-plane"></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('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'sent', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Sent Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="totalSent == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /Total Sent --}}
                {{-- In Queue --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mt-4">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('In Queue') }}
                                    </h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="__Utils.formatAsLocaleNumber(totalInQueueInPercent)"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                                        <i class="fas fa-hourglass-end"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(inQueueCount)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'in_queue', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for In Queue Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="inQueueCount == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /In Queue --}}
                {{-- Accepted --}}
                <div class="col-xl-3 col-lg-4 col-md-6 mt-4">
                    <div class="card card-stats mb-4 mb-xl-0">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5 class="card-title text-uppercase text-muted mb-0">{{ __tr('In Accepted') }}
                                    </h5>
                                    <span class="h2 font-weight-bold mb-0" x-text="__Utils.formatAsLocaleNumber(totalAcceptedInPercent)"></span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-primary text-white rounded-circle shadow">
                                        <i class="fas fa-pause"></i>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-3 mb-0 text-muted text-sm">
                                <span class="text-nowrap" x-text="__Utils.formatAsLocaleNumber(acceptedCount)"></span>
                                <span class="text-nowrap">{{ __tr('Contacts') }}</span>
                                <div class="float-right">
                                    <button type="button" x-on:click="recampaignType = 'accepted', $refs.modalTitle.innerHTML = '{{ __tr('__campaignTitle__ : Create New Group for Accepted Contacts', ['__campaignTitle__' => $campaign->title]) }}'" :disabled="acceptedCount == 0" data-toggle="modal" data-target="#lwAddNewGroup" class="lw-btn btn btn-sm btn-primary" href="#">{{ __tr('Recampaign') }}</button>
                                </div>
                            </p>
                        </div>
                    </div>
                </div>
                {{-- /Accepted --}}
            </div>
            {{-- message log --}}
              <div class="row">
                <!--start of tabs-->
        <ul class="nav nav-tabs col-12 pr-5" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link <br />
<b>Warning</b>:  Undefined variable $pageType in <b>/home/wtconnects/public_html/backup2808/resources/views/whatsapp/campaign-status.blade.php</b> on line <b>331</b><br />
"
                   href="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function route() in /home/wtconnects/public_html/backup2808/resources/views/whatsapp/campaign-status.blade.php:332
Stack trace:
#0 {main}
  thrown in <b>/home/wtconnects/public_html/backup2808/resources/views/whatsapp/campaign-status.blade.php</b> on line <b>332</b><br />