@extends(decide_template())
@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('css/running-process.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
@endsection

@section('page_scripts')
<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/datatables.bundle.js') }}" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $('#running-process').dataTable({
            "order": [[ 0, "desc" ]]
        });

        $("#users").select2({
            placeholder: "Select User",
            allowClear: true,
             templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });

        $("#users").on("change", function() {
            $(".blockUI").show();
            setTimeout(function() {
                $("#running-process tr.even").hide();
                setTimeout(function() {
                    $("#running-process tr.even").show();
                    $(".blockUI").hide();
                }, 100);
            }, 1000);
        });

       $(document).on("click","i.la-refresh",function() {
            $(this).addClass("fa-spin");
            $(".blockUI").show();
            setTimeout(function() {
                $(".blockUI").hide();
                $("i.la-refresh").removeClass("fa-spin");
                Command: toastr["success"] ("@lang('running_process.message.process_restarted')"); 
            }, 2000);
            var form_data = {
                task_id: $(this).attr("data-id")
            }
            $.ajax({
                url: "{{ route('restart-process') }}",
                type: "POST",
                data: form_data,
                success: function(result) {
                       
                }
            });
        });
        $(document).on("click","i.la-close",function() {
            $(".blockUI").show();
            var form_data = {
                task_id: $(this).attr("data-id")
            }
            $.ajax({
                url: "{{ route('delete-process') }}",
                type: "POST",
                data: form_data,
                success: function(result) {
                    $(".blockUI").hide();
                    Command: toastr["error"] ("@lang('running_process.message.process_killed')");  
                    location.reload();
                }
            });
        });
    });    
</script>
@endsection
@section(decide_content())

<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="HYQpsIfO">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="tBnQBsqP">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>

<div class="row" data-name="bNwSFKSl">
    <div class="col-md-12" data-name="OMEFLVdG">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="ZASqvjqO">
            <div class="kt-portlet__body" data-name="efJOcNcT">
                <div class="table-scrollable">
                    <table class="table table-striped table-hover table-checkable responsive" id="running-process" role="grid" >
                        <thead>
                            <tr role="row">
                                <th>@lang('common.label.id')</th>
                                <th>@lang('running_process.table_headings.user')</th>
                                <th>@lang('running_process.table_headings.task')</th>
                                <th>@lang('running_process.table_headings.thread')</th>
                                <th>@lang('running_process.table_headings.status')</th>
                                <th>@lang('running_process.table_headings.started')</th>
                                <th>@lang('running_process.table_headings.actions')</th>
                            </tr>
                        </thead>
                        <tbody>