@extends('layouts.master')
@section('title', 'Newsletter Campaign Report')

@section('breadcrumb-text')
    <h1 class="w-100">
        {{__('Newsletter Campaign Report')}}
        <a href="{{route('admin.newsletter-campaign.index')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-primary float-end">
            {!! renderIconHtml('back') !!}{{__('Back')}}
        </a>
    </h1>
@endsection

@section('content')
<section class="main_section">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-6">
                    <div class="row">
                        <div class="col-md-6 mb-2">
                            <b>{{__('Created By')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->created_by ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Name')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->name ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Send At')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {!! getDateWithIcon($newsletter->send_at) !!}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Sender Name')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->sender_name ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Sender Email')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->sender_email ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Newsletter Template')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->newsletter_template ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Newsletter List')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->newsletter_list_name ?? '' }}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Created At')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {!! getDateWithIcon($newsletter->created_at) !!}
                        </div>
                        <div class="col-md-6 mb-2">
                            <b>{{__('Total Number Of User')}} :</b>
                        </div>
                        <div class="col-md-6 mb-2">
                            {{ $newsletter->newsletter_user_count ?? 0 }}
                        </div>
                        @foreach($newsletterReport as $report)
                            <div class="col-md-6 mb-2">
                                <b>{{ucwords(str_replace('_',' ',$report->status))}} :</b>
                            </div>
                            <div class="col-md-6 mb-2">
                                {{ $report->count ?? '-' }}
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card mt-2">
        <div class="card-body">
            <p class="fw-bold p-0 m-0 text-danger">{{__('Note : Campaign report successfully retrieved 30 minutes after the send time.')}}</p>
            <div class="table-responsive">
                <table class="table table-bordered " id="bstable" data-unique-id="counter" table-for="newsletter_campaign_report"
                        data-toolbar="#custom_toolbar_user" data-toggle="bstable" data-show-export="false"
                        data-ajax="getNewsletterCampaignReport" data-show-button-text="true"
                        data-show-columns="true" data-show-toggle="false" data-show-columns-toggle-all="false"
                        data-side-pagination="server" data-pagination="true"
                        data-total-field="count" data-sortable="true" data-data-field="items" data-filter-control="true"
                        data-icons="icons" data-icons-prefix="bi" data-show-search-clear-button="true" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">

                    <thead>
                        <tr>
                            <th data-field="counter" data-sortable="false" title="#" data-width-unit="px">#</th>
                            <th data-field="email" data-sortable="false" data-filter-control="input" title="Email" data-filter-control-placeholder="Email">Email</th>
                            <th data-field="send_date" data-sortable="true" class="send_date" data-filter-control="input" title="Sent Date" data-filter-control-placeholder="Sent Date">Sent Date</th>
                            <th data-field="delivered_date" data-sortable="true" class="delivered_date" data-filter-control="input" title="Delivered Date" data-filter-control-placeholder="Delivered Date">Delivered Date</th>
                            <th data-field="hard_bounce_reason" data-sortable="false" data-filter-control="input" title="Hard Bounce Reason" data-filter-control-placeholder="Hard Bounce Reason">Hard Bounce Reason</th>
                            <th data-field="status" data-sortable="false" data-filter-control="select" title="Status"  data-filter-data="var:newsletterReportStatus" data-formatter="newsletterCampaignReportStatusFormat" data-filter-control-placeholder="Status">Status</th>
                            <th data-field="created_at" data-filter-control="input" data-width-unit="px" class="created_at" data-sortable="true" data-filter-control-placeholder="Created At">{{ __('Created At') }} </th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <input type="hidden" value="{{ route('admin.newsletter-campaign.getNewsletterCampaignReport',$id) }}" id="getNewsletterCampaignReport">

</section>
@endsection
@push('scripts')
<script>
    var newsletterReportStatus =  JSON.parse('{!! json_encode($finalNewsletterReportStatus ?? []) !!}');
</script>
<script src="{{ asset('backend/js/pages-js/newsletter-campaign.js') }}"></script>
@endpush