@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('css/schedule-view.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<style>
.hideLoader{
    display: none;
}
#custom-fields tr td:last-child div {
    margin-right: 5px;
}

#custom-fields tr th:last-child, #custom-fields tr td:last-child {
    white-space: nowrap !important;
    max-width: 80px !important;
    text-align: center;
}
#custom-fields tr td:last-child {
    /* padding: 20px 10px; */
    /* display: flex; */
}
#custom-fields tr td:last-child div a {
    width: 26px !important;
    height: 26px;
    text-align: center;
    padding: 0 !important;
    line-height: 23px !important;
}
.dropdown-filter {
    display: inline-block;
    width: 220px;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .dropdown-filter {
        width: 100%;
        display: block;
        float: none;
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;
        margin-bottom: 15px;
        margin-top: 5px;
    }
}
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;
}
#kt_repeater_3 .btn.btn-icon.btn-sm.btn-danger {
    color: var(--btn-danger-color);
    background-color: var(--btn-danger-bg-color) !important;
    border-color: var(--btn-danger-border-color) !important;
    cursor: pointer;
}
</style>
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/jquery.form.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.validate.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/additional-methods.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/init.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/datatables.bundle.js') }}" type="text/javascript"></script>
<script  src="{{ asset('themes/default/js/fnReloadAjax.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.plugin.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/jquery.countdown.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/includes/common.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 stopExecution = 0;
    
    
    function editSpeed(speed,broadcast_id) {
        $('#broadcast_id').val(broadcast_id);
        $('#hourly_speed').val(speed);
        $('#editSpeed').modal('show');
    }
    var objTable;
    var record_type = 'our_records';
    $(document).ready(function() {
        
 
        
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://support.mumara.com/hc/articles/1/8/17/scheduled-broadcasts");
        
        $('.m-select2').select2({
            templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });
 // function in master2 layout
        var page_limit=show_per_page('','schedule-view-pageLength',10);  // Params (table,page,default_limit=10)
        var startDB = 0;
        var autoDB = 0;
        var campaignsTable;
        var rows=[];
        var requests=[];
        var oldRandom='';
        campaignsTable = $('#custom-fields').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,5,6]}],
            "bProcessing": false,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": "{{ url('/evergreen/scheduled/campaigns/' . $id) }}",
            "pageLength" : page_limit,
            "stateSave" : true,
            "bStateSave": true,
            "fnStateSave": function (oSettings, oData) {
                localStorage.setItem('offersDataTables', JSON.stringify(oData));
            },
            "fnStateLoad": function (oSettings) {
                return JSON.parse(localStorage.getItem('offersDataTables'));
            },
           createdRow: function( row, data, dataIndex ) {
                    if(parseInt(data.DT_impr)==1){
                     var params=$('#custom-fields').DataTable().ajax.params();
                     rows.push({rowIndex:dataIndex,params:params,segment_id:data.DT_RowId.replace('row_','')});
                    }
                },
                  "drawCallback": function( settings, json ) {

                    if(rows.length > 0 && requests.length<=0){
                       var segment_ids=[];
                       $.each(rows,function(i,val){
                        segment_ids.push(val.segment_id);
                       });
                       var data=rows[0].params;
                           data.segment_ids=segment_ids;
                        request=$.ajax({
                            url: "{{ url('getScheduledBroadcasts') }}",
                            type: "GET",
                            data:data,
                            success: function(result) {
                                var data=result;
                                var retry=0;
                               $.each(data.aaData,function(i,val){
                                for (var key in val) {
                                    if (val.hasOwnProperty(key) && key !="DT_RowId" && key !="DT_impr") {
                                         $('#'+val.DT_RowId).find('td').eq(key).html(val[key]);
                                    }
                                } 
                                    if(parseInt(val.DT_impr)==1 ){
                                        retry++;
                                    }

                                }); 
                               if(retry >0 ){
                                var $this=this;
                                var random = (Math.random() + 1).toString(36).substring(2);
                                if(oldRandom)
                                 $this.url=($this.url).replace(oldRandom,random);
                                else
                                 $this.url=($this.url)+"&random="+random; 
                                 oldRandom=random;
                                setTimeout(function(){
                                  $.ajax($this);
                                },3000);
                               }
                            }
                        });
                        requests.push(request);
                    }
                  rows=[];
                },
            "fnServerParams": function (aoData) {
                aoData.push({"name": "campaign_type", "value": $('input[name=campaign_type]:checked').val()},{"name": "statusFilter", "value": $("#statusFilter").val()});
                aoData.push({"name": "record_type", "value": record_type});
                aoData.push({"name": "clients", "value": $("#clients").val()});
                aoData.push({"name": "admins", "value": $("#admins").val()});
                stopExecution = 0;
            },
            "aLengthMenu": [[10, 50, 100, 500], [10, 50, 100, 500]]
        });
        
        objTable = campaignsTable;
       
        $(".form-control-sm").keydown(function(e){
            if(e.which === 13){ //if (key == 8 || key == 46) {
                requests=[];
                objTable.ajax.reload( null, false );
            }
            
        });
        
        
        $('.dataTables_filter input').on('click', function(e) {
            if($('.dataTables_filter input').val()!=""){
                requests=[];
                objTable.ajax.reload( null, false );
            }
        });
        
        
     
        //form-control-sm
      
        ///getPrepairing();
         page_limit=show_per_page(campaignsTable,'schedule-view-pageLength'); 
        $("#campaign_type, #statusFilter").change(function () {
            //campaignsTable.draw();
            requests=[];
            objTable.ajax.reload( null, false );
        });
        
    });
    
    // submit hourly speed form
    $('#saveSpeed').on('click',function () {

        $.ajax({
            type    : "POST",
            url     : "{{ route('saveBroadcastSpeed') }}",
            data    : $('#editSpeedForm').serialize(),
            dataType: 'json',
            success: function(result) {
                if(result.status)
                {
                    Command: toastr["success"] ("{{trans('response.broadcast.speed_updated')}}");
                    $('#editSpeed').modal('hide');
                    requests=[];
                    objTable.draw();
                }
                else
                    Command: toastr["error"] ("{{trans('response.opps.error')}}");

            }
        });
    });

    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');
            }
        });
    }
    // delete schedule campaign
    function deleteScheduleCampaign(id) {
        //id_to_delete = id;
        $("#delSchedileID").val(id);
        $("#isDeleteSingle").val(1);
        $('#soft_hard_delete_confirmation').modal('show');
        //if(confirm('{{trans('common.message.alert_delete')}}')) {
        //}
    }
    // play or resume campaign
    function sendCampaign(id) {
        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/scheduled/pause/'+id+'/processing',
            type: "POST",
            success: function(result) {
                requests=[];
                objTable.draw();
            }
        });
    }
    // pause campaign
    function pauseCampaign(id) {
        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/scheduled/pause/'+id+'/pause',
            type: "POST",
            success: function(result) {
                requests=[];
                objTable.draw();
            }
        });
    }

    function deleteAll () {
        if(!$('input:checkbox:checked').length){
           alert('{{trans('common.message.alert_no_record')}}');
           return false;
        }
        var campaigns = $('input:checkbox:checked').map(function() {
            return this.value;
        }).get();
        $.ajax({
            type  : "POST",
            url   : "{{ route('delete.selected.schedule.campaigns') }}",
            data    : {ids: campaigns},
            beforeSend: function() {
                $('.blockUI').show();    
            },
           success: function(result) {
               $('.blockUI').hide();    
                if(result == 'delete') {
                   location.reload();
                }
            }
    });

    }
</script>

<script>
    $(document).ready(function() {
        $("#change-campaign").on("change", function() {
            $(".blockUI").show();
            setTimeout(function() {
                $(".blockUI").hide();
            }, 1000);
        });
        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/schedule/initiate',
            type: "get",
            success: function (data) {
            }
        });
        
	$("#bulk_operation").change(function(){
            if($(this).val()==1){
                if(!$('input:checkbox:checked').length){
                    alert('{{trans('common.message.alert_no_record')}}');
                    $("#bulk_operation").val("");
                    return false;
                }
                $('#soft_hard_delete_confirmation').modal('show');
                $("#isDeleteSingle").val(0);
            }
        });
    });
    function showDeleteModal(id) {
            id_to_delete = id;
            $('#soft_hard_delete_confirmation').modal('show');
        }
    function hideDeleteModal() {
        $('#soft_hard_delete_confirmation').modal('hide');
        if($("#isDeleteSingle").val()==0){
            deleteAll();
        }else{
            var id = $("#delSchedileID").val();
            $("#row_"+id).attr("style", "display:none");
            $.ajax({
                url: "{{ url('/') }}"+'/broadcasts/schedule/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');
                    }
                }
            });
        }
    }    
    function deleteCancel(){
	$("#isDeleteSingle").val(1);
        $("#delSchedileID").val("");
        $("#bulk_operation").val("");
    }
		
</script>

@if(Session::get('queue_job') == 'true')
@php Session::forget('queue_job'); @endphp
<script>
    $(document).ready(function() {
        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/prepare',
            type: "post",
            success: function (data) {
            }
        });
    });
</script>
@endif
@include('includes.view-pages-filter-script')
@endsection

@section(decide_content())

<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="DkiRWUax">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="kPymdNcw">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
<div class="row schedule-view" data-name="CujRoJDA">
    <div class="col-md-12" data-name="HBrDDqhe">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="gzoaiofk">
            <div class="kt-portlet__body" data-name="WoSZzKPV">
                <div class="rel-block" data-name="onwYwkLn">
                   <div class="dropdown-filter">
                       <select onchange="if (this.value) window.location.href=this.value" class="form-control m-select2" id="change-campaign" data-placeholder="Select Campaign">
                           <option value="">{{trans('evergreen.view_campaign.filter_placeholder.select_campaign')}}</option>
                           @foreach($campaigns_schedules as $campaign)
                           <option @if($id == $campaign->id) selected @endif value="{{url('campaign/evergreen/' . $campaign->id)}}">{{$campaign->name}}</option>
                           @endforeach
                       </select>
                   </div>
                    <table class="table table-striped table-hover table-checkable responsive" id="custom-fields" role="grid" >
                        <thead>
                            <tr role="row">
                                <th style="width: 25px;">
                                    <label class="kt-checkbox kt-checkbox--single kt-checkbox--all kt-checkbox--solid">
                                        <input type="checkbox" autocomplete="off" class="checkboxes checkbox-all-index" onclick="$('#bulk_operation').val('')">
                                        <span></span>
                                    </label>
                                </th>
                                <th>{{trans('campaign.view.table_heading.name')}}</th>
                                <th>{{trans('campaign.view.table_heading.start_time')}}</th>
                                <th>{{trans('campaign.view.table_heading.status')}}</th>
                                <th>{{trans('campaign.view.table_heading.contacts')}}</th>
                                <th>{{trans('campaign.view.table_heading.progress')}}</th>
                                <th>{{trans('common.table_heading.actions')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>
<!-- SMTP Failed Modal -->
<div id="modal-smtp-failed" class="modal" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false" data-name="iHcTTUSG">
    <div class="modal-dialog" style="width: 500px;" data-name="TRroNmBX">
        <div class="modal-content" data-name="lTaClAmS">
            <div class="modal-header" data-name="IINDblxw">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">{{ trans('campaign.view.modal_heading.system_paused') }}</h4>
            </div>
            <div class="modal-body" data-name="qoKCJXyD">
                <div id="smtp-error-data" data-name="FZRCvLGs"></div>
            </div>
        </div>
    </div>
</div>
<!-- SMTP Failed Modal -->

<!-- Edit Hourly Speed Modal -->
<div id="editSpeed" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-name="UneZObIA">
    <div class="modal-dialog" data-name="KNiQZRej">
        <div class="modal-content" data-name="bcIbLvZk">
            <div class="modal-header" data-name="dLzYBKUN">
                <h5 class="modal-title">{{trans('campaign.view.modal_heading.edit_hourly_speed')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" data-name="YdSvmKlk">
                <form action="" id="editSpeedForm" method="post" class="kt-form kt-form--label-right" autocomplete="off">
                    <div class="form-group row" data-name="AruxrnLk">
                        <label class="col-md-3 col-form-label" >{{trans('campaign.view.modal.label.hourly_speed')}} </label>
                        <div class="col-md-8" data-name="fQBTLQsP">
                            <input type="number" id="hourly_speed"  name="hourly_speed" class="form-control">
                            <small>{{trans('common.label.minus_1_for_unlimited')}}</small>
                        </div>
                    </div>
                    <div class="form-actions" data-name="aMgzEAsg">
                        <div class="row" data-name="sNlhblyi">
                            <label class="col-md-3 col-form-label" ></label>
                            <div class="col-md-8" data-name="DKelWXBW">
                                <button id="saveSpeed" type="button" class="btn btn-success">{{trans('common.form.button.submit')}}</button>
                                <input type="hidden" id="broadcast_id" value="" name="broadcast_id">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Edit Hourly Speed Modal -->
<!-- delete confirmation modal -->
<div id="soft_hard_delete_confirmation" class="modal" tabindex="-1" role="dialog" data-name="lUStLzlG">    
    <input type="hidden" name="isDeleteSingle" id="isDeleteSingle" value="1" />
    <input type="hidden" name="delSchedileID" id="delSchedileID" value="" />
  <div class="modal-dialog" role="document" data-name="aZDECfWt">
    <div class="modal-content" data-name="CNQEEpwV">
      <div class="modal-header" data-name="AEYNGPAJ">
        <h5 class="modal-title"> {{trans('common.form.button.delete')}}</h5>
        <!-- <h5 class="modal-title"> {{trans('user_management.view.modal_heading.delete_confirmation')}}</h5> -->
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        </button>
      </div>
      <div class="modal-body" data-name="hLDdUdQT">
        <div class="alert alert-danger" data-name="pmiqGrMS"><span class="alert-text"> {{trans('campaign.view.modal.alert_danger.delete_message')}} </span></div>
      </div>
      <div class="modal-footer" data-name="ovFKfUEZ">
        <!-- <button type="button" onclick="hideDeleteModal(2)" class="btn btn-info">{{trans('user_management.modal.button.soft_delete')}}</button> -->
        <button type="button" onclick="hideDeleteModal()" class="btn btn-danger">{{trans('common.form.button.delete')}}</button>
        <button type="button" class="btn btn-secondary" onclick="deleteCancel()" data-dismiss="modal">{{trans('common.form.button.cancel')}}</button>
      </div>
    </div>
  </div>
</div>
<!-- delete confirmation modal -->
@endsection