@extends('layouts.master2')

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

@section('page_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('css/evergreen-view.css') }}?v={{$local_version}}">
<link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
<style>
#custom-fields tr th:last-child, #custom-fields tr td:last-child {
    white-space: nowrap !important;
    max-width: 80px !important;
    text-align: center;
}    
.table thead th:first-child, .table tbody td:first-child {
    text-align: center;
    max-width: 50px !important;
    width: 4% !important;
}
table.dataTable td, table.dataTable th {
    text-align:center !important;
    white-space: nowrap !important;
}
#custom-fields tr th:nth-child(2), #custom-fields tr td:nth-child(2) {
    text-align: left !important;
}
/* #custom-fields tr th:nth-child(2), #custom-fields tr td:nth-child(2), #custom-fields tr th:nth-child(3), #custom-fields tr td:nth-child(3), #custom-fields tr td:nth-child(2), #custom-fields tr th:nth-child(4), #custom-fields tr td:nth-child(4), #custom-fields tr td:nth-child(2), #custom-fields tr th:nth-child(8), #custom-fields tr td:nth-child(8) {
    width: 300px;
    min-width: 200px !important;
}
#custom-fields tr th:nth-child(2), #custom-fields tr td:nth-child(2) {
    white-space: normal !important;
    word-break: break-word;
    max-width: 400px;
    width: 100%;
} */
table.dataTable td, table.dataTable th {
    text-align:center !important
}
#custom-fields tr th:nth-child(3), #custom-fields tr td:nth-child(3), #custom-fields tr th:nth-child(4), #custom-fields tr td:nth-child(4) {
    min-width: 120px;
}

#custom-fields tr th:nth-child(2), #custom-fields tr td:nth-child(2) {
    min-width: 250px;
    text-align: left !important;
    white-space:normal !important;
    word-break: break-all;
}
@media(max-width:767px) {
    table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        position: relative;
        padding-left: 35px !important;
        cursor: pointer;
        text-align: left !important;
    }
     #custom-fields.collapsed tr th:first-child {
        text-align: left !important;
        padding-left: 36px !important;
    }
}

</style>
@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() {

        $(".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: "Cancel",
                confirmButtonText: "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: "Cancel",
                confirmButtonText: "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">
                            <br />
<font size='1'><table class='xdebug-error xe-uncaught-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught Error: Call to undefined function routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/evergreen-view.blade.php on line <i>296</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Error: Call to undefined function routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/evergreen-view.blade.php on line <i>296</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0300</td><td bgcolor='#eeeeec' align='right'>444784</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/evergreen-view.blade.php' bgcolor='#eeeeec'>.../evergreen-view.blade.php<b>:</b>0</td></tr>
</table></font>