@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
<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 src="{{ asset('themes/default/js/sweetalert2.min.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) {
        Swal.fire({
            title: "{{trans('common.message.are_you_sure')}}",
            text: "{!! trans('common.message.confirmation_alert') !!}",
            iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-info swal-icon">
                <div class="d-flex align-items-center justify-content-center" >
                    <i class="fa fa-question text-info"></i>
                </div>
            </div>`,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#3085d6'
            // confirmButtonText: "{{trans('dynamic_tags.alert_confirm.button.delete')}}"
        }).then((result) => {
            if (result.isConfirmed) {
                $('.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='') {
        Swal.fire({
            title: "{{trans('common.message.are_you_sure')}}",
            text: "{!! trans('common.message.confirmation_alert') !!}",
            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',
            confirmButtonText: "{{trans('dynamic_tags.alert_confirm.button.delete')}}"
        }).then((result) => {
            if (result.isConfirmed) {
                $("#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/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php on line <i>370</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/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php on line <i>370</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.0007</td><td bgcolor='#eeeeec' align='right'>444616</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/user/clients.blade.php' bgcolor='#eeeeec'>.../clients.blade.php<b>:</b>0</td></tr>
</table></font>