@extends('layouts.admin')

@section('page-title', trans('crm.newsletter_report'))

@section('content')

    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@lang('crm.newsletter_report')</span>
                </h4>
                {{--<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>--}}
            </div>
        </div>
    </div>



    <div class="content">
        @include('partials.messages')

        <div class="card">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">@lang('crm.newsletter_report')</h5>
            </div>
            <div class="card-body">
                <table class="table" id="table-newsletter-emails">
                    <thead>
                    <th>@lang('crm.newsletter_email_id')</th>
                    <th>@lang('crm.newsletter_email_to_email')</th>
                    <th>@lang('crm.newsletter_email_to_name')</th>
                    <th>@lang('crm.newsletter_email_status')</th>
                    <th>@lang('crm.newsletter_email_error')</th>
                    <th>@lang('crm.newsletter_email_sent_at')</th>
                    <th style="display:none;">@lang('crm.newsletter_email_read_at')</th>
                    <th style="display:none;">@lang('crm.newsletter_email_clicked_at')</th>
                    <th style="display:none;">@lang('crm.newsletter_email_ip')</th>
                    <th>@lang('crm.options')</th>
                    </thead>
                    <tbody>
                    @foreach($newsletter_emails as $newsletter_email)
                        <tr>
                            <td>{{ $newsletter_email['id'] }}</td>
                            <td>{{ $newsletter_email['to_email'] }}</td>
                            <td>{{ $newsletter_email['to_name'] }}</td>
                            <td><span class="badge badge-flat s-status border-{{ \CRM\NewsletterEmail::$statusStyles[$newsletter_email['status']] }} text-{{ \CRM\NewsletterEmail::$statusStyles[$newsletter_email['status']] }}" style="font-size:12px;padding:6px 15px">{{ \CRM\NewsletterEmail::$statuses[$newsletter_email['status']] }}</span></td>
                            <td>{{ $newsletter_email['error'] }}</td>
                            <td>{{ $newsletter_email['sent_at'] }}</td>
                            <td style="display:none;">{{ $newsletter_email['read_at'] }}</td>
                            <td style="display:none;">{{ $newsletter_email['clicked_at'] }}</td>
                            <td style="display:none;">{{ $newsletter_email['ip'] }}</td>
                            <td>
                                @if(admin_permission('newsletter.send'))
                                <a href="javascript:resend_email({{ $newsletter_email['id'] }});" class="btn btn-primary btn-circle"><i class="icon-rocket"></i></a>
                                <a href="javascript:delete_email({{ $newsletter_email['id'] }});" class="btn btn-danger btn-circle">
                                    <i class="icon-cross"></i>
                                </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $('#table-newsletter-emails').DataTable({
                'order': [[0, 'asc']]
            })
        });

        function resend_email(id){
            var url = "/admin/newsletter-emails/resend/"+id ;

            confirmAlert('', 'Are you sure to resend this item ?', 'Yes, send it', 'Cancel', function () {
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {id: id},
                    success: function (data) {
                        if(data.status == '1'){
                            successNotify('Success',data.msg);
                            reloadPage()
                        }else{
                            errorNotify('Success',data.msg);
                        }
                    },
                    error: function (error) {
                        successNotify('Error', '')
                    }
                });
            })
        }

        function delete_email(id){
            var url = "/admin/newsletter-emails/delete/"+id ;

            confirmAlert('', 'Are you sure to delete this item ?', 'Yes, delete it', 'Cancel', function () {
                $.ajax({
                    type: 'POST',
                    url: url,
                    success: function (data) {
                        if(data.status == '1'){
                            successNotify('Success',data.msg);
                            reloadPage()
                        }else{
                            errorNotify('Success',data.msg);
                        }
                    },
                    error: function (error) {
                        successNotify('Error', '')
                    }
                });
            })
        }
    </script>
@stop