<!-- Form -->
<div class="content-animation animated">
    <div class="row clearfix fBTitrBold ">
        <!-- Advanced Form Example With Validation -->
        <!--<div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header text-center">
                        <h2 class="content-title">ثبت کاربر جدید</h2>
                    </div>
                    <div class="body">
                        <form id="wizard_with_validation" method="POST">
                            <h3>مشخصات عمومی</h3>
                            <fieldset>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input type="text" class="form-control cFName rtl" id="aFName" name="aFName"
                                                   minlength="2" title="" required>
                                            <label class="form-label">نام*</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input type="text" class="form-control cLName rtl" id="aLName" name="aLName"
                                                   title="" required>
                                            <label class="form-label">نام خانوتدگی*</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>شماره ملی</b>
                                        <div class="input-group">
                                            <div class="form-line">
                                                <input type="text" class="form-control registerCode" id="registerCode"
                                                       name="registerCode"
                                                       placeholder="Ex: 000 000 00 00" minlength="10" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>شماره مبایل</b>
                                        <div class="input-group">
                                             <span class="input-group-addon">
                                                 <i class="material-icons">phone_iphone</i>
                                             </span>
                                            <div class="form-line">
                                                <input type="text" class="form-control phoneNumber"
                                                       id="phoneNumber" name="phoneNumber"
                                                       placeholder="Ex: 0 000 000 00 00" minlength="10" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>شماره ملی</b>
                                        <div class="input-group">
                                            <div class="form-line">
                                                <input type="text" class="form-control registerCode" id="registerCode"
                                                       name="registerCode"
                                                       placeholder="Ex: 000 000 00 00" minlength="10" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>شماره مبایل</b>
                                        <div class="input-group">
                                             <span class="input-group-addon">
                                                 <i class="material-icons">phone_iphone</i>
                                             </span>
                                            <div class="form-line">
                                                <input type="text" class="form-control phoneNumber"
                                                       id="phoneNumber" name="phoneNumber"
                                                       placeholder="Ex: 0 000 000 00 00" minlength="10" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>کد 13 رقمی پشت ملی</b>
                                        <div class="input-group">
                                            <div class="form-line">
                                                <input type="text" class="form-control registerCode" id="registerCode"
                                                       name="registerCode"
                                                       placeholder="Ex: 0000 0000 00000" minlength="13" maxlength="13"
                                                       required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-float">
                                        <b>شماره کارت بانکی</b>
                                        <div class="input-group">
                                             <span class="input-group-addon">
                                                 <i class="material-icons">phone_iphone</i>
                                             </span>
                                            <div class="form-line">
                                                <input type="text" class="form-control phoneNumber"
                                                       id="phoneNumber" name="phoneNumber"
                                                       placeholder="Ex: 0000 0000 0000 0000" minlength="16"
                                                       maxlength="16" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>-->
        <!-- Exportable Table -->
        <div class="row clearfix text-center">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
                <div class="card ">
                    <div class="header">
                        <h2>جستوجو کاربر</h2>
                    </div>
                    <div class="body ">
                        <div class="row">
                            <div class="col-md-12 " style="font-size: 12px">
                                <div class="table-responsive text-center p-t-20 no-overflow-y align-center">
                                    <table class="table table-bordered no-overflow-y no-overflow-x table-striped table-hover dataTable js-exportable text-center full_width align-center">
                                        <thead>
                                        <tr class="align-center">
                                            <td class="text-center">تنظیمات</td>
                                            <td class="text-center">زمان تایید</td>
                                            <td class="text-center">زمان ارسال</td>
                                            <td class="text-center">شماره تماس</td>
                                            <td class="text-center">شماره کارت</td>
                                            <td class="text-center">کد 13 رقمی پشت ملی</td>
                                            <td class="text-center">شماره ملی</td>
                                            <td class="text-center">نام - نام خانوادگی</td>
                                            <td class="text-center">شماره کاربری</td>
                                            <td class="text-center">شماره</td>
                                        </tr>
                                        </thead>
                                        <tbody class="bordered align-center text-center">
                                        </tbody>
                                        <tfoot>
                                        <tr class="align-center text-center">
                                            <td class="text-center">تنظیمات</td>
                                            <td class="text-center">زمان تایید</td>
                                            <td class="text-center">زمان ارسال</td>
                                            <td class="text-center">شماره تماس</td>
                                            <td class="text-center">شماره کارت</td>
                                            <td class="text-center">کد 13 رقمی پشت ملی</td>
                                            <td class="text-center">شماره ملی</td>
                                            <td class="text-center">نام - نام خانوادگی</td>
                                            <td class="text-center">شماره کاربری</td>
                                            <td class="text-center">شماره</td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- #END# Exportable Table -->
        <!-- #END# Advanced Form Example With Validation -->
    </div>
</div>
<!-- #END# Form -->

<script type="text/javascript">
    // let validateNumber = false;
    let table = null, client_list = null, form = null;
    // let contentTitle = $(".content-title"), flag = true;
    $(function () {
        $(document).ready(function () {
            $("body").tooltip({selector: '[data-toggle=tooltip]'});
            LoadDataInTable();
        });
    }(jQuery));


    function LoadDataInTable() {
        LoadData({
            request: 'proxy',
            object: {
                user: user.uid,
                uid: user.uniqid
            },
            action: 'clientController',
            'header-type': 'load'
        }, null, true, function (data) {
            client_list = data;
            if (table !== null)
                table.destroy();

            console.log(data);
            columns = [
                {"data": "option"},
                {"data": "time2"},
                {"data": "time"},
                {"data": "phone"},
                {"data": "bank"},
                {"data": "rCode2"},
                {"data": "rCode"},
                {"data": "full-name"},
                {"data": "ID"},
                {"data": "counter"}
            ];
            table = $('.js-exportable').DataTable({
                "data": data,
                "fnInitComplete": function (e) {
                    OnEventListener();
                },
                "fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) {
                    OnEventListener();
                },
                columns,
                responsive: true,
                "language": {
                    "lengthMenu": "نمایش _MENU_ کاربر در صفحه",
                    "zeroRecords": " چیزی یافت نشد",
                    "info": "نمایش از _START_ تا _END_ در _TOTAL_ رکورد",
                    "infoEmpty": "<center>رکوردی پیدا نشد</center>",
                    "infoFiltered": "(filtered from _MAX_ total records)",
                    "paginate": {
                        "next": "بعدی",
                        "previous": "قبلی"
                    }
                }
            });

        });
    }

    function OnEventListener() {
        let body = $(".js-exportable tbody");
        body.find("button").unbind().bind("tap", function (e) {
            let btn = $(this),
                mode = btn.attr("data-mod");
            switch (mode) {
                case "client":
                    let action = btn.attr("data-action"),
                        id = btn.attr("data-id");
                    switch (action) {
                        case "delete-item":
                            OnDeleteButton(id, btn.parents('tr'));
                            break;
                        default:
                            break;
                    }
                    break;
                default:
                    break;
            }
        });
        body.find("select").unbind().change(function () { // any select that changes.
            OnChangeScenario($(this).attr("data-id"), $(this).val());
        });
    }


    function OnChangeScenario(id, mode) {
        swal({
            title: "آیا این مورد ویرایش شود؟",
            text: "شما سطح دسترسی این سرویس را ویرایش میکنید.",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "بله ویرایش شود",
            cancelButtonText: "نه ویرایش نشود",
            closeOnConfirm: false,
            closeOnCancel: false
        }, function (isConfirm) {
            if (isConfirm) {
                let object = {
                    user: user.uid,
                    uid: user.uniqid,
                    ID: id,
                    mode: mode,
                };
                LoadData({
                    request: 'proxy',
                    object: object,
                    action: 'clientController',
                    'header-type': 'scenario-change'
                }, null, true, function (data) {
                    console.log(data);
                    if (data.fanava != null) {
                        let socket = data.ws.client;
                        if (data.fanava === true) {
                            if (data.ws !== "" && typeof data.ws === 'object') {
                                let text = socket.ErrorFieldName + "\n";
                                text += socket.ResponseMessage;
                                alert(text);
                                socket = data.ws.card;
                                if (socket.ResponseMessage !== undefined) {
                                    text = socket.ErrorFieldName + "\n";
                                    text += socket.ResponseMessage;
                                    alert(text + "\n" + data.ws);
                                }
                            } else {
                                alert("این درخواست انجام نشد.");
                            }
                        }
                    } else {
                        if (data.state === '1') {
                            swal("ویرایش شد", "این مورد ویرایش شد", "success");
                        } else {
                            swal("خطا", "این درخواست انجام نشد", "error");
                        }
                    }
                });
            } else {
                swal("لغو شد", "این درخواست لغو شد", "error");
            }
        });
    }

    function OnDeleteButton(id, tr) {
        swal({
            title: "آیا این مورد حذف شود؟",
            text: "شما قادر به بازگردانی این مورد نخواهید بود",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "بله حذف شود",
            cancelButtonText: "نه حذف نشود",
            closeOnConfirm: false,
            closeOnCancel: false
        }, function (isConfirm) {
            if (isConfirm) {

                LoadData({
                    request: 'proxy',
                    object: {
                        user: user.uid,
                        uid: user.uniqid,
                        ID: id
                    },
                    action: 'clientController',
                    'header-type': 'delete'
                }, null, false, function (data) {
                    if (data === '1') {
                        tr.fadeOut(function (e) {
                            table.row(tr)
                                .remove()
                                .draw();
                        });
                        swal("حذف شد", "این مورد حذف شد", "success");
                    } else {
                        swal("خطا", "این درخواست انجام نشد", "error");
                    }
                });
            } else {
                swal("لغو شد", "این درخواست لغو شد", "error");
            }
        });
    }

</script>