@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/triggers-view.css') }}?v={{time()}}">
@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/jquery-ui.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/sweetalert2.min.js') }}" type="text/javascript"></script>
<script>
    function useTemp(id)
    {
        $.ajax({
            url: "{{ url('trigger/clone') }}/"+id,
            type: 'POST',
            success: function (data) {
                $(".blockUI").hide();
                if(data.status=='success') {
                    $("#templates-blk").slideUp();
                    $("#btn-templates").removeClass("section-close");
                    Command: toastr["success"](data.message);
                }
                else {
                    $("#btn-templates").addClass("section-close");
                    Command: toastr["error"](data.message);
                }
                setTimeout(() => {
                    window.location.href = '{{route('trigger.index')}}';
                }, 800);
            }
        });
    }
    $(document).ready(function() {
            
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://support.mumara.com/hc/articles/1/9/23/triggers");
        
        $(".checkboxBlk2").hide();
        setTimeout(function(){
            $(".checkboxBlk2").css("display", "inline-block");
        }, 500);
    });

    $( function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
    } );
    $('#sortable').sortable({
        items: "li:not(.not_draggable)"
    });
    function saveOrder() {
        var sortedIDs = $('#sortable').sortable("toArray");
        $('.blockUI').show();

        $.ajax({
            type: "POST",
            url: "{{route('triggerSaveOrder')}}",
            data: {"ids":sortedIDs},
            cache: false,
            dataType: 'json',
            success: function (data) {
                $('.blockUI').hide();
                if(data.status == "success"){
                    Command: toastr["success"] ('{{trans('trigger.view.success_message.save_order')}}');
                }
                else{
                    Command: toastr["error"] ('{{trans('common.message.opps')}}');
                }
            }
        });
    }
    $('#sortable').sortable({
        connectWith: '.dropme',
        cursor: 'pointer',
        stop: function(event, ui) {
            saveOrder()
        }
    });

    function changeStatus(id) {
        $('.blockUI').show();
        $.ajax({
            type   : "GET",
            url    : "{{ url('/') }}"+'/trigger/status/'+id,
            success: function(result) {
                $('.blockUI').hide();
                if(result == "success"){
                    Command: toastr["success"] ('{{trans('trigger.view.success_message.change_status')}}');
                } else if(result == "list_blocked"){
                    Command: toastr["warning"] ('{{trans('trigger.view.alert_warning.blocked_contact_list_command')}}');
                }else{
                    Command: toastr["error"] ('{{trans('trigger.view.error_message.change_status')}}');
                }
            }
        });
    }

    function deleteTrigger(id) {
        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) {
                $("#"+id).attr("style", "display:none");
                $.ajax({
                    url: "{{ url('/') }}"+'/trigger/'+id,
                    type: "DELETE",
                    success: function(result) {
                        if(result == 'delete') {
                            $('#msg').css("display", "flex");
                            $('#msg-text').html('{{trans('common.message.delete')}}');
                            $('#msg').removeClass('display-hide').addClass('alert alert-success');
                        }
                    }
                });
            }
        });
    }

    function deleteAll() {
        if(!$('input:checkbox[name=ids]:checked').length){
            Swal.fire({icon: 'info', text: '{{trans('common.message.alert_no_record')}}'});
            return false;
        }
        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) {
                var ids = $('input:checkbox[name=ids]:checked').map(function() {
                    return this.value;
                }).get();
                $.ajax({
                    type    : "Delete",
                    url: "{{ url('/') }}"+'/trigger/'+ids,
                    data    : {ids: ids},
                    success: function(result) {
                        if(result == 'delete') {
                            window.location.href = "{{ route('trigger.index') }}";
                        }
                    }
                });
            }
        });
    }
    // Search & filter triggers
    function filterTriggers() {
        var searchVal = $('#trigger-search').val().toLowerCase();
        var statusVal = $('#trigger-status-filter').val();
        $('#sortable li.ui-sortable-handle').each(function() {
            var name = $(this).find('.ui_label').text().toLowerCase();
            var isChecked = $(this).find('.trigger_status').is(':checked');
            var matchSearch = !searchVal || name.indexOf(searchVal) > -1;
            var matchStatus = statusVal === 'all' ||
                (statusVal === 'active' && isChecked) ||
                (statusVal === 'inactive' && !isChecked);
            $(this).toggle(matchSearch && matchStatus);
        });
    }
    $('#trigger-search').on('keyup', filterTriggers);
    $('#trigger-status-filter').on('change', filterTriggers);

    $("#clone_all").click(function() {
        $.ajax({
            url: "{{ route('trigger.copyAll') }}",
            type: "POST",
            beforeSend: function ()
            {
                $(".blockUI").show();
            },
            success: function(result) {
                $(".blockUI").hide();
                if(result.status=='fail')
                    Command: toastr["error"] (result.message);
                else{
                    Command: toastr["success"](result.message);
                    $("#all_templates_modal").modal("hide");
                }
                setTimeout(() => {
                        window.location.href = '{{route('trigger.index')}}';
                }, 800);
            }
        });
    });
</script>
@endsection

@section(decide_content())

    <!-- will be used to show any messages -->
    @if (Session::has('msg'))
        <div class="alert alert-success" data-name="dPgORGRh">
            {{ Session::get('msg') }}
        </div>
    @endif
    @if (Session::has('error-msg'))
    <div class="alert alert-danger" data-name="aVAnDlnO">
        {!! Session::get('error-msg') !!}
    </div>
    @endif


    @if($trigger_actions_limit > 0 and  $trigger_actions_this_month < $trigger_actions_limit) 
    
    <div class="alert alert-info" data-name="aVAnDlnO">
        {{trans('trigger.view.alert_message.actions_usage' , ['precentage' => number_format((($trigger_actions_this_month * 100)/$trigger_actions_limit)) , 'usedLimit' => $trigger_actions_this_month, 'totalLimit' => $trigger_actions_limit])}}
    </div>

    @elseif($trigger_actions_limit == 0 && Auth::user()->is_client)
    <div class="alert alert-danger" data-name="aVAnDlnO">
        {{trans('trigger.view.error_message.actions_limit')}}
    </div>
    @elseif(($trigger_actions_this_month >= $trigger_actions_limit) && ($trigger_actions_limit != -1 && $trigger_actions_limit != NULL ) && Auth::user()->is_client)
    <div class="alert alert-danger" data-name="aVAnDlnO">
        {{trans('trigger.view.error_message.actions_limit')}}
    </div>
    @endif
   

    <div id="msg" class="display-hide" data-name="DxqSnCnO">
        <button class="close" data-close="alert"></button>
        <span id='msg-text' class="alert-text"><span>
    </div>


    <div class="row" data-name="ZyiKkmRC">
        <div class="col-md-12" data-name="KxaVEuYY">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="kt-portlet kt-portlet--height-fluid" data-name="rdnZNvgR">
                <div class="kt-portlet__body" data-name="SlpjrTOX">
                    <div class="table-toolbar" data-name="hcmKlbSI">
                        <div class="form-group row" data-name="YciKZqLw">
                            <div class="col-md-12" data-name="TeHYvjgy">
                               
                                @if(routeAccess('trigger.create'))
                                <a href="{{ route('trigger.create') }}">
                                    <button id="sample_editable_1_new" class="btn btn-label-success">
                                        <i class="la la-plus"></i> {{trans('common.form.button.add_new')}}
                                    </button>
                                </a>
                                @endif
                                @if($admin)
                                <a href="{{ route('trigger.templates') }}">
                                    <button class="btn btn-label-success">
                                        @lang('spintag.templates.button.defined_templated')
                                    </button>
                                </a>
                                @endif
                                @if(!$admin && routeAccess('clone_trigger') && count($templates)>0)
                                <button class="btn btn-label-success" data-toggle="modal" data-target="#all_templates_modal">
                                    @lang('trigger.view.button.templates')
                                </button>
                                @endif
                                @if($triggers_limit > 0)
                                <button class="btn btn-label-warning btn-sm" id="contacts_limit">Triggers Limit: {{$triggers_count}} / {{$triggers_limit}}</button> 
                                @endif  
                             

                                @if(routeAccess('trigger.destroy'))
                                <div class="btn-group pull-right mb1" data-name="xhjFiXcW">
                                    <button class="btn btn-label-info dropdown-toggle" data-toggle="dropdown">
                                        {{ trans('common.button.bulk_actions') }}
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li>
                                            <a href="javascript:;" onclick="deleteAll();" class=""> <i class="fa fa-remove"></i> {{trans('common.form.button.delete')}}  </a>
                                        </li>
                                    </ul>
                                </div>
                                @endif  
                            </div>
                        </div>
                    </div>
                    <form class="" id="saveOrder" novalidate="novalidate" autocomplete="off">
                        <div class="user-table-warning"><b>{{trans('trigger.view.table_warning.label_note')}}:</b> {{trans('trigger.view.table_warning.set_run_ever')}}  <code>{{ \App\Models\UserCronSetting::getCronTime("trigger_cron")}}</code> {{trans('trigger.view.table_warning.minutes_text')}}  @if(!isClient()) {{trans('trigger.view.table_warning.change_this_cron_setting')}} @endif</div>

                        <div class="trigger-filter-bar">
                            <input type="text" class="form-control" id="trigger-search" placeholder="Search triggers by name...">
                            <select class="form-control" id="trigger-status-filter">
                                <option value="all">All Status</option>
                                <option value="active">Active</option>
                                <option value="inactive">Inactive</option>
                            </select>
                        </div>

                        <ul class="" id="sortable">
                            <li class="ui-state-default not_draggable">
                                <span class="la la-bars"></span>
                                <span class="ui_check"><label class="kt-checkbox kt-checkbox--single kt-checkbox--all"><input type="checkbox" autocomplete="off" class="checkboxes checkbox-all-index"><span></span></label></span>
                                <span class="ui_label uibold">{{trans('trigger.view.table_heading.name')}}</span>
                                <span class="ui_reason uibold">{{trans('trigger.view.table_heading.status')}}</span>
                                <span class="ui_detail uibold">{{trans('trigger.view.table_heading.last_activity')}}</span>
                                <span class="ui_detail uibold">{{trans('trigger.view.table_heading.added_on')}}</span>
                                <span class="ui_detail uibold">{{trans('trigger.view.table_heading.trigger_action')}}</span>
                                <span class="ui_action uibold">{{trans('common.table_heading.actions')}}</span>
                            </li>
                            @php
                            $canDel  = routeAccess('trigger.destroy');
                            $canEdit = routeAccess('trigger.edit');
                            @endphp
                            @if(count($triggersData) > 0)
                                @foreach($triggersData as $trigger)

                                    <li class="ui-state-default ui-sortable-handle" id="<br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>329</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>329</b><br />
">
                                        <span class="la la-bars"></span>
                                        <span class="ui_check"><label class="kt-checkbox kt-checkbox--single kt-checkbox--all"><input type="checkbox" autocomplete="off" class="checkbox-index" name="ids" value="<br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>331</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>331</b><br />
"><span></span></label></span>
                                        <br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>334</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>334</b><br />
<br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>337</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>337</b><br />
                                        <span class="ui_label"> <br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>341</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>341</b><br />
 </span>
                                        <span class="ui_reason">
                                            @if($canEdit)
                                            <div class="checkboxBlk2" data-name="olqMZKso">
                                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                                    <label>
                                                        <input {{ $trigger['status']==1 ? "checked":''}} {{!$canEdit?'disabled':''}} type="checkbox" autocomplete="off" name="status" class="trigger_status" @if($canEdit) onchange="changeStatus(<br />
<b>Warning</b>:  Undefined variable $trigger in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>347</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>347</b><br />
)" @endif>
                                                        <span></span>
                                                    </label>
                                                </span>
                                            </div>
                                                @endif
                                        </span>
                                        <span class="ui_detail">
                                            ---                                        </span>
                                        <span class="ui_detail"><br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function showDateTime() in /home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php:360
Stack trace:
#0 {main}
  thrown in <b>/home/rehanjt/public_html/subdomains/test.rehan.jt.mumara.dev/resources/views/themes/default/trigger/sorting.blade.php</b> on line <b>360</b><br />