@if ($campaigns->count() > 0)
    <table class="table table-box pml-table mt-2"
        current-page="{{ empty(request()->page) ? 1 : empty(request()->page) }}"
    >
        @foreach ($campaigns as $key => $campaign)
            @php
                $debugInfo = $campaign->debug();
                $delayNote = $debugInfo['delay_note'] ?? '...';
            @endphp

            <tr class="position-relative">
                <td width="1%" class="list-check-col">
                    <div class="text-nowrap">
                        <div class="checkbox inline me-1">
                            <label>
                                <input type="checkbox" class="node styled"
                                    name="uids[]"
                                    value="{{ $campaign->uid }}"
                                />
                            </label>
                        </div>
                    </div>
                </td>
                <td>
                    <a class="kq_search fw-600 d-block list-title" href="{{ action('CampaignController@show', $campaign->uid) }}">
                        {{ $campaign->name }}
                    </a>
                    <span class="text-muted">{{ trans('messages.' . $campaign->type) }}</span>

                    @if ($campaign->readCache('SubscriberCount'))
                        <div>
                            <span class="text-semibold" data-popup="tooltip" title="{{ $campaign->displayRecipients() }}">
                                {{ number_with_delimiter($campaign->readCache('SubscriberCount')) }} {{ trans('messages.recipients') }}
                            </span>
                        </div>
                    @endif

                    @if ($campaign->status != 'new' && isset($campaign->run_at))
                        <span class="text-muted2 d-block xtooltip" title="{{ $campaign->scheduleDiffForHumans() }}">{{ trans('messages.run_at') }}: <span class="material-symbols-rounded">alarm</span>
                             {{ isset($campaign->run_at) ? Auth::user()->customer->formatDateTime($campaign->run_at, 'datetime_full') : "" }}</span>
                    @else
                        <span class="text-muted2 d-block">{{ trans('messages.updated_at') }}: {{ Auth::user()->customer->formatDateTime($campaign->created_at, 'datetime_full') }}</span>
                    @endif
                </td>
                @if ($campaign->status != 'new')
                    <td class="stat-fix-size-sm">
                        <div class="single-stat-box pull-left ml-4">
                            <span class="no-margin text-primary stat-num">{{ $campaign->isSending() ? number_to_percentage($campaign->deliveredRate(true)) : number_to_percentage($campaign->readCache('DeliveredRate')) }}</span>
                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-info" style="width: {{ $campaign->isSending() ? number_to_percentage($campaign->deliveredRate(true)) : number_to_percentage($campaign->readCache('DeliveredRate')) }}">
                                </div>
                            </div>
                            <span class="text-semibold text-nowrap">{{ $campaign->isSending() ? number_with_delimiter($campaign->deliveredCount()) : number_with_delimiter($campaign->readCache('DeliveredCount', 0)) }} / {{ number_with_delimiter($campaign->readCache('SubscriberCount', 0))  }}</span>
                            <br />
                            <span class="text-muted">{{ trans('messages.sent') }}</span>
                        </div>
                    </td>
                    <td class="stat-fix-size-sm">
                        <div class="single-stat-box pull-left ml-4">
                            <span class="no-margin text-primary stat-num">{{ number_to_percentage($campaign->readCache('UniqOpenRate')) }}</span>
                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-info" style="width: {{ number_to_percentage($campaign->readCache('UniqOpenRate')) }}">
                                </div>
                            </div>
                            <span class="text-muted">{{ trans('messages.open_rate') }}</span>
                        </div>
                    </td>
                    <td class="stat-fix-size-sm">
                        <div class="single-stat-box pull-left ml-4">
                            <span class="no-margin text-primary stat-num">{{ number_to_percentage($campaign->readCache('ClickedRate')) }}</span>
                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-info" style="width: {{ number_to_percentage($campaign->readCache('ClickedRate')) }}">
                                </div>
                            </div>
                            <span class="text-muted">{{ trans('messages.click_rate') }}</span>
                        </div>
                    </td>
                @else
                    <td></td>
                    <td></td>
                    <td></td>
                @endif
                <td width="15%" class="text-center">
                    <span class="text-muted2 list-status pull-left" title='{{ $campaign->isError() ? $campaign->extractErrorMessage() : '' }}' data-popup='tooltip'>
                        <span title="{{ $campaign->isSending() ? $delayNote : '' }}" class="label label-flat bg-{{ $campaign->status }}">{{ trans('messages.campaign_status_' . $campaign->status) }}</span>
                    </span>
                    <pre style="display:none">{{ $campaign->last_error }}</pre>
                </td>
                <td class="text-end text-nowrap pe-0">
                    <div class="d-flex align-items-center text-nowrap justify-content-end">
                        @if (\Gate::allows('update', $campaign))
                            <a href="{{ action('CampaignController@edit', $campaign->uid) }}" role="button"
                                class="btn btn-secondary btn-icon ms-1"> <span class="material-symbols-rounded">edit</span> {{ trans('messages.edit') }}</a>
                        @endif
                        @if (\Gate::allows('overview', $campaign))
                            <a href="{{ action('CampaignController@overview', $campaign->uid) }}" data-popup="tooltip"
                                title="{{ trans('messages.overview') }}" role="button"
                                class="btn btn-primary btn-icon ms-1"
                            >
                                <i class="icon-stats-growth"></i> {{ trans('messages.campaign.overview_statistics') }}</a>
                        @endif
                        @if (\Gate::allows('delete', $campaign) || \Gate::allows('pause', $campaign) || \Gate::allows('restart', $campaign))
                            <div class="btn-group ms-1" role="group">
                                <button id="btnGroupDrop1" role="button" class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown"></button>
                                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="btnGroupDrop1">
                                    @if (config('custom.dryrun'))
                                        <li><a class="dropdown-item"
                                            href="{{ action('CampaignController@debug', ["uid" => $campaign->uid]) }}">
                                            <span class="material-symbols-rounded me-2">assessment</span>Performance Report</a></li>
                                    @endif

                                    @if (\Gate::allows('resend', $campaign))
                                        @if(config('custom.japan') && !Acelle\Model\Setting::get('license'))
                                            <li><a license-required class="dropdown-item" href="">
                                                <span class="material-symbols-rounded me-2">restart_alt</span> {{ trans("messages.campaign.resend") }}</a></li>
                                        @else
                                            <li>
                                                <a class="dropdown-item resend-campaign"
                                                href="{{ action('CampaignController@resend', ["uid" => $campaign->uid]) }}">
                                                <span class="material-symbols-rounded me-2">restart_alt</span> {{ trans("messages.campaign.resend") }}</a></li>
                                        @endif
                                    @endif
                                    @if (\Gate::allows('send_test_email', $campaign))
                                        @if(config('custom.japan') && !Acelle\Model\Setting::get('license'))
                                            <li><a license-required class="dropdown-item" href="">
                                                <span class="material-symbols-rounded me-2">forward_to_inbox</span> {{ trans("messages.send_a_test_email") }}</a></li>
                                        @else
                                            <li><a class="dropdown-item send-a-test-email-link" href="{{ action('CampaignController@sendTestEmail', [
                                                'uid' => $campaign->uid,
                                            ]) }}">
                                                <span class="material-symbols-rounded me-2">forward_to_inbox</span> {{ trans("messages.send_a_test_email") }}</a></li>
                                        @endif
                                    @endif

                                    @if (\Gate::allows('pause', $campaign))
                                        <li><a class="dropdown-item list-action-single"
                                            link-method="POST"
                                            link-confirm="{{ trans('messages.pause_campaigns_confirm', ['number' => '1']) }}"
                                            href="{{ action('CampaignController@pause', ["uids" => $campaign->uid]) }}">
                                            <span class="material-symbols-rounded me-2">motion_photos_pause</span>{{ trans("messages.pause") }}</a></li>
                                    @endif
                                    @if (\Gate::allows('restart', $campaign))
                                        @if(config('custom.japan') && !Acelle\Model\Setting::get('license'))
                                            <li><a license-required class="dropdown-item" href="">
                                                <span class="material-symbols-rounded me-2">restore</span> {{ trans("messages.restart") }}</a></li>
                                        @else
                                            <li><a class="dropdown-item list-action-single"
                                                link-method="POST"
                                                link-confirm="{{ trans('messages.restart_campaigns_confirm', ['number' => '1']) }}" href="{{ action('CampaignController@restart', ["uids" => $campaign->uid]) }}">
                                                <span class="material-symbols-rounded me-2">restore</span> {{ trans("messages.restart") }}</a></li>
                                        @endif
                                    @endif
                                    @if (\Gate::allows('copy', $campaign))
                                        <li>
                                            <a class="copy-campaign-button dropdown-item"
                                                href="{{ action('CampaignController@copy', [
                                                    'uid' => $campaign->uid,
                                                    'copy_campaign_uid' => $campaign->uid,
                                                ]) }}"
                                            >
                                                <span class="material-symbols-rounded me-2">copy_all</span> {{ trans('messages.copy') }}
                                            </a>
                                        </li>
                                    @endif
                                    @if (\Gate::allows('delete', $campaign))
                                        <li><a
                                            class="dropdown-item list-action-single"
                                            link-method="POST"
                                            link-confirm="{{ trans('messages.delete_campaign_confirm', ['name' => $campaign->name]) }}"
                                            href="{{ action('CampaignController@delete', ["uids" => $campaign->uid]) }}">
                                            <span class="material-symbols-rounded me-2">delete_outline</span> {{ trans("messages.delete") }}</a></li>
                                    @endif
                                </ul>
                            </div>
                        @endif
                    </div>
                </td>
            </tr>
        @endforeach
    </table>
    @include('elements/_per_page_select', ["items" => $campaigns])


    <script>
        var CampaignsList = {
            copyPopup: null,

            getCopyPopup: function() {
                if (this.copyPopup === null) {
                    this.copyPopup = new Popup();
                }

                return this.copyPopup;
            }
        }

        var CampaignsResendPopup = {
            popup: null,

            load: function(url) {
                if (this.popup == null) {
                    this.popup = new Popup({
                        url: url
                    });
                }
                this.popup.load({
                    url: url
                });
            }
        }

        var CampaignsSendTestEmailPopup = {
            popup: null,

            load: function(url) {
                if (this.popup == null) {
                    this.popup = new Popup({
                        url: url
                    });
                }
                this.popup.load({
                    url: url
                });
            }
        }

        $('.resend-campaign').click(function(e) {
            e.preventDefault();

            var url = $(this).attr('href');

            CampaignsResendPopup.load(url);
        });

        $('.copy-campaign-button').on('click', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');

            CampaignsList.getCopyPopup().load({
                url: url
            });
        });

        $('.send-a-test-email-link').on('click', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');

            CampaignsSendTestEmailPopup.load(url);
        });
    </script>
@elseif (!empty(request()->keyword))
    <div class="empty-list">
        <span class="material-symbols-rounded">auto_awesome</span>
        <span class="line-1">
            {{ trans('messages.no_search_result') }}
        </span>
    </div>
@else
    <div class="empty-list">
        <span class="material-symbols-rounded">auto_awesome</span>
        <span class="line-1">
            {{ trans('messages.campaign_empty_line_1') }}
        </span>
    </div>
@endif