@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<style>
.mr-2 {
    margin-right: 5px;
}
#add_credits_model .modal-body {
    padding: 30px;
}
.form-group.row.mb0 {
    padding-left: 15px;
}
.table-relative {
    position: relative;
    display: block;
}
.climit {
    position: absolute;
    top: 0px;
    left: 190px;
    z-index: 1;
}
.climit button.btn.btn-label-warning {
    font-weight: 600;
    text-transform: uppercase;
    min-width: 60px !important;
    white-space: nowrap;
    color: #f8a800;
}
@media (max-width: 440px) {
	.climit {
		position: relative;
		width: 100%;
		display: block;
		left: 0;
		top: 0;
	}
}
#users tr th, #users tr td {
    text-align: center !important;
}
#users tr th:nth-child(2), #users tr td:nth-child(2) {
    text-align: left !important;
    min-width: 130px;
    max-width: 300px;
    white-space: normal;
    word-break: break-all;
}
#users tr th:nth-child(6), #users tr td:nth-child(6) {
    min-width: 120px;
}
/* .dataTables_wrapper>.row:nth-child(2)>.col-sm-12 {
    overflow-x: scroll;
    overflow-x: overlay;
} */
#users tr th:nth-child(3), #users tr td:nth-child(3), #users tr th:nth-child(4), #users tr td:nth-child(4) {
    white-space: nowrap;
    max-width: 300px;
    min-width: 240px;
    white-space: normal !important;
    word-break: break-all !important;
}
#users.collapsed tr td:first-child, 
#users.collapsed tr th:first-child {
    min-width: 20px;
    text-align: right !important;
    width: 20px !important;
    padding-right: 20px !important;
    padding-left: 30px !important;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    display: flex;
}
.dataTables_wrapper .child .dtr-details>li .dtr-title {
    padding: 0.5rem 0.5rem 0;
    min-width: 120px;
    text-align: left;
}
#users.collapsed tr.child td.child {
    padding-left: 0 !important;
}
#users>tbody>tr>td:first-child, #users>thead>tr>th:first-child {
    max-width: 30px !important;
    text-align: center !important;
    width: 30px !important;
}
@media(max-width:360px) {
    table.dataTable>tbody>tr.child ul.dtr-details {
        overflow: auto;
    }
}
@media (max-width: 767px) {
    .dataTables_wrapper .child .dtr-details>li .dtr-title {
        min-width: 105px !important;
        padding-left: 10px !important;
        margin-right: 5px;
        font-size: 13px;
    }
    table.dataTable>tbody>tr ul.dtr-details>li span.dtr-data {
        line-height: 30px;
        padding-top: 3px;
    }
    .climit.client_limit {
        margin-bottom: 10px;
        margin-top: -15px;
    }
}
@media (max-width:767px) {
    .dataTables_wrapper .dataTable tbody tr td .dropdown ul.dropdown-menu {
        min-width: 11rem !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>
    $(document).ready(function() {
            
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://support.mumara.com/hc/articles/1/11/31/users");

        // function in master2 layout
        var page_limit=show_per_page('','all_users_pageLength',10);  // Params (table,page,default_limit=10)
        var table=$('#users').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,7]}],
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[4, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": "{{ url('/getClients') }}",
             "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]],
            createdRow: function( row, data, dataIndex ) {
                $( row ).addClass(data['deleted']==1 ? "deleted":"");
            }
        });
         page_limit=show_per_page(table,'all_users_pageLength');
    });

    function userStatus(id, status) {
        if(confirm('{{trans('user_management.role.alert_confirm.update_status')}}')) {
            $.ajax({
                url: "{{ url('/') }}"+'/userStatus',
                type: "PUT",
                data: {id: id, status: status},
                success: function(result) {
                    if(result == 'success') {
                        $('#msg').css("display", "flex");
                        $('#msg-text').html('{{trans('user_management.role.alert_message.user_status_updated')}}');
                        $('#msg').removeClass('display-hide').addClass('alert alert-success');

                        $('#users').DataTable().ajax.reload();
                    }
                }
            });
        }
    }
    function addCredits(id) {
        $("#credit_user_id").val(id);
        $("#add_credits_model").modal("show");
    }

    $("body").on("click" , "#AddCreditId" , function() { 
        if($("#user_credits").val() == "") {
            $("#user_credits").addClass("is-invalid");
            Command: toastr["error"] ("{{trans('user_management.error_message.client_error')}}");
            return false;
        }
        else {
            $('.blockUI').show();
            $("#user_credits").removeClass("is-invalid");
            var form_data = {
                id:$("#credit_user_id").val(),
                credits:$("#user_credits").val()
            };
           // console.log(form_data);
            $.ajax({
                url: "{{ route('add_credits') }}",
                type: "POST",
                data :form_data,
                success: function(result) {
                    $('.blockUI').hide();
                    $('#users').DataTable().ajax.reload();
                    $("#add_credits_model").modal("hide");
                    $("#user_credits").val("");
                    $("#user_credits").removeClass("is-invalid");
                }
            });
        }
    });


  
    function restore(id) {
            if(confirm('{{ trans("common.message.confirmation_alert")}}')){
            $('.blockUI').show();
            $.ajax({
                url: "{{ route('restore_user') }}",
                type: "POST",
                data :{ id:id },
                success: function(result) {
                    $('#msg').css("display", "flex");
                    $('#msg-text').html('{{trans('common.message.success_operation')}}');
                    $('#msg').removeClass('display-hide').addClass('alert alert-success');
                    $('.blockUI').hide();
                    window.location.reload();
                }
            });
            }
    }
    function userDelete(id,type='') {
            if(confirm('{{ trans("common.message.confirmation_alert")}}')){
            $("#row_"+id).attr("style", "display:none");
            $('.blockUI').show();
            $.ajax({
                url: "{{ url('/') }}"+'/user/'+id,
                type: "DELETE",
                data :{ type:type },
                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');
                }else{
                        toastr.error(result);
                }
                 $('#soft_hard_delete_confirmation').modal('hide');
                 $('.blockUI').hide();
                }
            });
            }
    }
   
      function deleteAll (type='') {
            if(!$('input:checkbox:checked').length){
               alert('{{trans('common.message.alert_no_record')}}');
               return false;
            }
             $('.blockUI').show();
            $('#soft_hard_delete_confirmation').modal('hide');
            var users = $('input:checkbox:checked').map(function() {
                return this.value;
            }).get();
            $.ajax({
                type    : "DELETE",
                url     : "{{ url('/') }}"+"/user/"+users,
                data    : {ids: users,type:type},
                success: function(result) {
                     $('.blockUI').hide();
                    if(result == 'delete') {
                        $('#msg').css("display", "flex");
                        $('#msg-text').html('{{trans('common.message.delete')}}');
                        $('#msg').removeClass('display-hide').addClass('alert alert-success');
                        window.location.reload();
                    }else{
                        toastr.error(result);
                    }
                }
            });
                
    }
        // Show user deleting modal
    function showDeleteModal(id=0,type='',delete_all='') {
        
            if(type==''){
                $('#user_id').val(id);
                $('#delete_all').val(delete_all);
                $('#soft_hard_delete_confirmation').modal('show');
                return false;
            }
             var delete_all=$('#delete_all').val();
              if(delete_all !=""){
                deleteAll (type);
            }else{
                var id=$('#user_id').val();
                userDelete(id,type)
            }
            $('#user_id').val('');
            $('#delete_all').val('');
        }
</script>
@endsection

@section(decide_content())
<style type="text/css">
    #users .deleted td, #users .deleted span {
    color: #999 !important;
}
</style>
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="DLPTdiBe">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="GMZJIhaB">
    <button class="close" data-close="alert"></button>
    <span id='msg-text' class="alert-text"><span>
</div>
<div class="row" data-name="qgjUZgMC">
    <div class="col-md-12" data-name="ifhswtxu">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="dXebkUVX">
            <div class="kt-portlet__body" data-name="LvTxZjEk">
                <div class="table-toolbar" data-name="zPjUnVjp">
                    <div class="form-group row" data-name="aaKphxff">
                        <div class="col-md-6" data-name="qtNvtNIZ">
                            <div class="btn-group" data-name="Rzwitnmn">
                              @if(rolePermission(229))
                                <a href="{{ route('user.create') }}">
                                <button id="sample_editable_1_new" class="btn btn-label-success">
                                    {{trans('common.form.button.add_new')}} <i class="la la-plus"></i>
                                </button></a>
                              @endif
                            </div>
                        </div>
                        <div class="col-md-6" data-name="PLnKnWjX">
                            <div class="btn-group pull-right client_btn_left" data-name="kHIsshwr">
                                <button class="btn btn-label-info dropdown-toggle" data-toggle="dropdown">
                                    {{ trans('common.button.bulk_actions') }}
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                 @if(rolePermission(234))
                                    <li>
                                        <a href="javascript:;" onclick="showDeleteModal(0,'',1);"class=""> <i class="fa fa-remove"></i> {{trans('common.form.button.delete')}}  </a>
                                    </li>
                                 @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <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 getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php on line <i>340</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 getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php on line <i>340</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.0011</td><td bgcolor='#eeeeec' align='right'>440520</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php' bgcolor='#eeeeec'>.../clients.blade.php<b>:</b>0</td></tr>
</table></font>