@extends('layouts.master2')

@section('title', trans('evergreen.view.title'))

@section('page_styles')
<link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/evergreen-view.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/datatables.bundle.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/includes/common.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/sweetalert2.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.full.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/bootstrap-multiselect.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/components-bootstrap-multiselect.min.js') }}" type="text/javascript"></script>
<script>
     var objTable;
      var record_type = 'our_records';
    $(document).ready(function() {
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://docs.mumara.com/campaigns/campaigns/evergreen-campaigns");

        $(".m-select2").select2();

        $("body").on("click", ".schedule-delete",function() {
            var id = $(this).attr('id');
            // console.log(id);
            Swal.fire({
                title: "{{trans('dynamic_tags.alert_confirm.title_sure')}}",
                text: "{!! trans('dynamic_tags.alert_confirm.description_not_revert') !!}",
                iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-danger swal-icon">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-trash text-danger"></i>
                    </div>
                </div>`,
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: "{{trans('dynamic_tags.alert_confirm.button.delete')}}"
            }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        url: "{{ url('/') }}"+'/broadcasts/evergreen/delete/'+id,
                        type: "GET",
                        success: function(result) {
                            if(result == 'delete') {
                                Swal.fire({
                                    title: "{{trans('dynamic_tags.alert_confirm.message_deleted')}}",
                                    text: "{{trans('common.campaign_delete')}}",
                                    iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-success swal-icon">
                                        <div class="d-flex align-items-center justify-content-center">
                                            <i class="fa fa-check text-success"></i>
                                        </div>
                                    </div>`,
                                    showConfirmButton: false,
                                    closeClick: false,
                                    timer: 2000
                                });
                                setTimeout(function() {
                                    Swal.close()
                                    location.reload();
                                }, 2000);
                            }
                        }
                    });

                    
                   
                }
            });
        });

       
        // function in master2 layout
        var page_limit=show_per_page('','evergreen-view-pageLength',10);  // Params (table,page,default_limit=10)
        var campaignsTable;
      
      
        campaignsTable = $('#custom-fields').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,3,5,6,8]}],
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[7, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": "{{ url('/campaign/get-evergreen-campaign') }}",
            "pageLength" : page_limit,
            "fnServerParams": function (aoData) {
                // aoData.push({"name": "record_type", "value": "our_records"});
                // aoData.push({"name": "clients", "value": $("#clients").val()});
                // aoData.push({"name": "admins", "value": $("#admins").val()});
                aoData.push(
                    {"name": "campaign_type", "value": $('input[name=campaign_type]:checked').val()},
                    {"name": "statusFilter", "value": $("#statusFilter").val()},
                    {"name": "record_type", "value": record_type},
                    {"name": "clients", "value": $("#clients").val()},
                    {"name": "admins", "value": $("#admins").val()}
                );
              
            },
            "aLengthMenu": [[10, 50, 100, 500], [10, 50, 100, 500]]
        });
        objTable = campaignsTable;
         page_limit=show_per_page(campaignsTable,'evergreen-view-pageLength'); 
        $("#campaign_type, #statusFilter , #admins, #clients").change(function () {
            campaignsTable.draw();
        });
    });

    function systemPaused(id) {
        $.ajax({
            type    : "GET",
            url     : "{{ url('/') }}"+'/broadcasts/system-paused',
            data    : {id: id},
            success: function(result) {
                // console.log(result);
                $('#smtp-error-data').html(result);
                $("#modal-smtp-failed").modal('show');
            }
        });
    }
    

    function deleteScheduleCampaign(id , type) {
        if(type == 1) { 
            Swal.fire({
                title: "{{trans('common.message.are_you_sure')}}",
                text: "{{trans('common.message.alert_delete')}}",
                iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-danger swal-icon">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-trash text-danger"></i>
                    </div>
                </div>`,
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                cancelButtonText: "{{ trans('common.form.button.cancel') }}",
                confirmButtonText: "{{ trans('common.alert_confirm.button.yes_delete') }}",
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#row_"+id).attr("style", "display:none");
                    $.ajax({
                        url: "{{ url('/') }}"+'/broadcasts/evergreen/deleteall/'+id,
                        type: "POST",
                        success: function(result) {
                            if(result == 'delete') {
                                $('#msg').show();
                                $('#msg-text').html('{{trans('common.message.delete')}}');
                                $('#msg').removeClass('display-hide').addClass('alert alert-success display-show');
                                toastr.success("{{trans('evergreen.view.success_message.delete_process_started')}}");
                            }
                        }
                    });
                }
            });
        } else { 
            Swal.fire({
                title: "{{trans('common.message.are_you_sure')}}",
                text: "{{trans('common.message.alert_delete')}}",
                iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-danger swal-icon">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-trash text-danger"></i>
                    </div>
                </div>`,
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                cancelButtonText: "{{ trans('common.form.button.cancel') }}",
                confirmButtonText: "{{ trans('common.alert_confirm.button.yes_delete') }}",
            }).then((result) => {
                if (result.isConfirmed) {
                    // $("#row_"+id).attr("style", "display:none");
                    $.ajax({
                        url: "{{ url('/') }}"+'/broadcasts/evergreen/delete/'+id,
                        type: "POST",
                        success: function(result) {
                            if(result == 'delete') {
                                $('#msg').show();
                                $('#msg-text').html('{{trans('common.message.delete')}}');
                                $('#msg').removeClass('display-hide').addClass('alert alert-success display-show');
                                toastr.success("{{trans('evergreen.view.success_message.flush_process_started')}}");
                            }
                        }
                    });
                }
            });
        }
        
    }

    function sendCampaign(id) {
        $("#play-schedule-"+id).attr("style","display: none")
        $("#pause-schedule-"+id).removeAttr("style");
        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/scheduled/pause/'+id+'/processing',
            type: "POST",
            success: function(result) {
            }
        });
    }

    // function pauseCampaign(id , action) {
        $("body").on("change" , ".statusC", function() { 
            let action = "inactive";
            let id = $(this).attr("data-id");
            if($(this).is(":checked")) { 
                action = "active";
            }
            $.ajax({
                url: "{{ url('/') }}"+'/evergreen/scheduled/pause/'+id+'/' + action,
                type: "POST",
                success: function(result) {
                    toastr.success("{{trans('evergreen.view.success_message.status_updated')}}");
                }
            });
        });
</script>
@include('includes.view-pages-filter-script')
@endsection
@section('content')
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="SFFBfmXv">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="CUGkkFtk">
    <button class="close" data-close="alert"></button>
    <span id='msg-text' class="alert-text"><span>
</div>

<div class="row" data-name="hEGiqMlF">
    <div class="col-md-12" data-name="KEmwouSp">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="xeYGmFdz">
            <div class="kt-portlet__body" data-name="voBjAhOf">
                <div class="table-toolbar mb1" data-name="HwGuUMau">
                    <div class="form-group row mb0" data-name="jGnpjCrY">
                        <div class="col-md-10 col-sm-6 mb1" data-name="ilGrsOZo">