@extends('admin.base')

@section('title', 'Marketing Emails Management')

@section('account_content')

    <div class="ui grid">
        <div class="fourteen wide column">
            <div class ="content">
                <div class="ui center aligned basic segment">
                    <div class="ui left icon action input">
                        <div class="ui horizontal divider"><h3>{{ __('Marketing Emails Management') }}</h3>
                        </div>
                    </div>
                </div>
                <div class="content_top">
                    <div class="ui form">
                        <div class="table" id="tableContainer">
                            <table class="ui celled table" id="table">
                                <thead>
                                <tr>
                                    <th>{{ __('No.') }}</th>
                                    <th>{{ __('Subject') }}</th>
                                    <th>{{ __('Operations') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($emailsList as $key=>$email)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$email['subject']}}</td>

                                        <td>
                                            <button class="mini ui button" onclick="confirmEmailDelete('{{$email['index']}}')">Delete </button>
                                            <button class="mini ui button" onclick="previewMarketingEmail('{{$email['index']}}')">Preview </button>
                                            <button class="mini ui button" onclick="sendTestMarketingEmail('{{$email['index']}}')">Test Send </button>
                                            <button class="mini ui button" onclick="confirmSendMassMarketingEmail('{{$email['index']}}')">Mass Send </button>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Start Confirm Modal --}}
    <div class="ui tiny modal" id="submit_confirmation_modal">
        <div class="header">
            {{ __('Confirm Change') }}
        </div>
        <div class="actions">
            <div class="ui grey deny button" onclick="cancelChange()">
                {{ __('Cancel') }}
            </div>
            <button type="submit" class="ui yellow submit button" id="confirmSubmit"> {{ __('Confirm') }}</button>
        </div>
    </div>

    {{-- Start Confirm Modal --}}
    <div class="ui tiny modal" id="submit_confirmation_modal">
        <div class="header">
            {{ __('Confirm Change') }}
        </div>
        <div class="actions">
            <div class="ui grey deny button" onclick="cancelChange()">
                {{ __('Cancel') }}
            </div>
            <button type="submit" class="ui yellow submit button" id="confirmSubmit"> {{ __('Confirm') }}</button>
        </div>
    </div>

    {{-- Start Confirm Modal --}}
    <div class="ui modal" id="emailPreviewerModal">
        <div class="header">Marketing Email Preview</div>
        <div class="content">
            <object id="emailPreviewerContainer" type="text/html" data="" width="800px" height="600px">
            </object>
        </div>
    </div>

    <script>
        $('#marketingEmailContainer').addClass('active');
        function confirmEmailDelete(emailIndex){
            $('#submit_confirmation_modal').attr('onclick', 'location.href=\'{{route('deleteMarketingEmail')}}/'+emailIndex+' \'');
            $('#submit_confirmation_modal').modal('show');
        }

        function confirmSendMassMarketingEmail(emailIndex){
            $('#submit_confirmation_modal').attr('onclick', 'location.href=\'{{route('sendMassMarketingEmail')}}/'+emailIndex+' \'');
            $('#submit_confirmation_modal').modal('show');
        }

        function previewMarketingEmail(emailIndex){
            $('#emailPreviewerContainer').attr('data', '{{route('previewMarketingEmail')}}/'+emailIndex);
            $('#emailPreviewerModal').modal('show');
        }

        function sendTestMarketingEmail(index) {
            var data = {
                '_token':"{{ csrf_token() }}"
            };
            data['index'] = index;
            $.ajax({
                type: 'GET',
                url: "{{route('sendTestMarketingEmail')}}",
                data: data,
                success: function (data) {
                    if(data.status === 'SUCCESS'){
                        alert('check the inbox for the email:'+data.email);
                    }
                    else{
                        alert('failed to send email, try again' +data.email);
                    }
                }
            });
        }
    </script>
@endsection

@section('breadcrumbs')
    <a href="{{route('admin-landing')}}">Backend Management</a><i class="right angle icon divider"></i><span>Marketing Emails Management</span>
@endsection