<style>
    .newoption {
        background-color:#CCCCCC !important;
        font-weight:bold !important;
    }
</style>
<div class="row">
    <div class="container">
        <!--        <ol class="breadcrumb">
                    <li><a href="#">خصائص عامة</a></li>
                    <li class="active">اعدادات gt4</li>
                </ol>-->
        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title">اعدادات gt4</h3>
                <a href="{$youtubes[15]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="margin-top: -19px;width: 2%;"></a>
            </div>
            <div class="panel-body">

                <!---------- start outputString alert ----------->
                <div id="outputString" class="alert alert-block alert-success fade in" style="display:none">
                    <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <p id="outputStringValue">{$outputString}</p>
                    <div class="clearfix"></div>
                </div>
                <!---------  end outputString alert ------------>

                {literal}
                <form method="post" action="gt4setting.php?do=sql" id="settingsForm">
                    {/literal}
                    <div class="col-md-11">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#program" data-toggle="tab">البرنامج</a></li>
                            <li><a href="#productSql" data-toggle="tab">المنتجات</a></li>
                            <li><a href="#productCatSql" data-toggle="tab">تصنيفات المنتجات</a></li>
                            <li><a href="#billsSql" data-toggle="tab">الفواتير</a></li>
                            <li><a href="#database" data-toggle="tab">قاعدة البيانات</a></li>
                            <li><a href="#onlineStore" data-toggle="tab">المتجر الاونلاين</a></li>
                            <li><a href="#controlDevices" data-toggle="tab">دخول الاجهزة</a></li>
                            <li><a href="#accountsTree" data-toggle="tab">شجرة الحسابات</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">


                            <!--program-->
                            <div class="tab-pane active" id="program"><!-- start the 1st tab -->
                                <div class="row">

                                    <!-- button div -->
                                    <div class="form-group">
                                        <label class="col-lg-2 control-label">جملة حقوق البرنامج</label>
                                        <div class="col-lg-10">
                                            <div class="radio-inline">
                                                {if !isset($copyRightsStatment)||$copyRightsStatment == ""}{assign var=copyRightsStatment value="برمجة وتصميم شركة "}{/if}
                                                <input type="text" class="form-control" name="copyRightsStatment" id="copyRightsStatment" placeholder="برمجة وتصميم شركة " value="{$copyRightsStatment}">
                                            </div>

                                            <div class="radio-inline">
                                                <a class="btn btn-primary saveIt" data-type="copyRightsStatment" id="OS_copyRightsStatment_Execute"><img id="OS_copyRightsStatment_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none"> حفظ</a>
                                                <label id="OS_copyRightsStatment_Label" style="display: none"></label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                            <!--productSql-->
                            <div class="tab-pane" id="productSql"><!-- start the 1st tab -->


                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>تعديل اخر سعر شراء مع الخصم بحسب خصم التصنيف</label>
                                    </div>
                                    <!--------------------------------->




                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="applyCatDiscountThatIsDirectDisountOnLastBuyWithDiscount" class="btn btn-info col-md-6 runSql">
                                            تطبيق نسب خصم التصنيف ذات الخصم مباشر على    اخر سعر شراء مع الخصم للمنتجات
                                        </button>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="applyCatDiscountThatIsPercentageDisountOnLastBuyWithDiscount" class="btn btn-info col-md-6 runSql">
                                            تطبيق نسب خصم التصنيف ذات الخصم نسبة على    اخر سعر شراء مع الخصم للمنتجات
                                        </button>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="forCatWithoutDiscountMakeLastBuyPriceWithDiscountEQUALLastBuyPrice" class="btn btn-info col-md-6 runSql">
                                            للتصنيفات بلا خصم جعل اخر سعر شراء مع الخصم يساوى اخر سعر شراء للمنتجات
                                        </button>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="forEmptyOrNullLastBuyPriceWithDiscountValueMakeItEqualToLastBuyPrice" class="btn btn-info col-md-6 runSql">
                                            للمنتجات ذات اخر سعر شراء مع الخصم بصفر اجعله يساوى اخر سعر شراء
                                        </button>
                                    </div>
                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->



                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>اعادة اسعار المنتجات لسعر الشراء</label>
                                    </div>
                                    <!--------------------------------->




                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="forEmptyOrNullLastBuyPriceValueMakeItEqualToBuyPrice" class="btn btn-info col-md-6 runSql">
                                            للمنتجات ذات اخر سعر شراء  بصفر اجعله يساوى  سعر الشراء
                                        </button>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="makeLastBuyPriceWithDiscountEqualToBuyPrice" class="btn btn-info col-md-6 runSql">
                                            اجعل اخر سعر شراء مع الخصم يساوى  سعر الشراء
                                        </button>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="makeLastBuyPriceWithDiscountEqualToBuyPrice" class="btn btn-info col-md-6 runSql">
                                            اجعل اخر سعر شراء يساوى  سعر الشراء
                                        </button>
                                    </div>

                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->





                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>تبديل الحروف الخاصة</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="replaceSpecialCharectersInProductNameWithDash" class="btn btn-info col-md-6 runSql">
                                            تبديل الحروف الخاصة فى اسم المنتج ب Dash
                                        </button>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->




                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>المتوسط العام</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="reCalcBillPricesFunctions.php?do=updatePricesBuyBillsAllProducts" class="btn btn-warning">تحديث المتوسط العام لكل المنتجات</a>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->


                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>تصغير صور المنتجات</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="productReduceImageSizeFix.php" target="_blank" class="btn btn-warning">تصغير</a>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->

                            </div>

                            <!--productCatSql-->
                            <div class="tab-pane" id="productCatSql"><!-- start the 1st tab -->

                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>ايقاف البيع بالسالب لكل التصنيفات</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="StopNegativeSaleOnAllCategories" class="btn btn-info col-md-6 runSql">
                                            ايقاف البيع بالسالب لكل التصنيفات
                                        </button>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->





                            </div>


                            <!--billsSql-->
                            <div class="tab-pane" id="billsSql"><!-- start the 1st tab -->

                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>الارباح </label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="reCalcBillPricesFunctions.php?do=updateQuantityBeforeBuyBills" class="btn btn-success" data-toggle="tooltip" title="buy:{$last->buyquantity} , buyandret:{$last->buyandretquantity}">تحديث كميات المنتجات فى الفواتير</a>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="reCalcBillPricesFunctions.php?do=updatePricesBuyBills" class="btn btn-success" data-toggle="tooltip" title="buy:{$last->buybill} , buyandret:{$last->buyandret}">تحديث المتوسط فى فواتير الشراء</a>
                                    </div>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="reCalcBillPricesFunctions.php?do=updatePricesSellBills" class="btn btn-primary" data-toggle="tooltip" title="sell:{$last->sell} , sellandret:{$last->sellandret} , retsell:{$last->retsell}">تحديث المتوسط فى فواتير البيع</a>
                                    </div>

                                    <br/>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="calcquickprofit.php" class="btn btn-warning">حساب الارباح السريعة</a>
                                    </div>

                                    <br/>
                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="reviewBills" class="btn btn-info col-md-6 runSql">
                                            تعليم الفواتير انه تمت مراجعنها
                                        </button>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->





                            </div>




                            <!--productCatSql-->
                            <div class="tab-pane" id="database"><!-- start the 1st tab -->

                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div>
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>استعادة بكب يومى</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <a href="restoredaybackup.php" class="btn btn-success" target="_blanck">استعادة بكب يومى</a>
                                    </div>




                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>تفريغ قاعدة البيانات</label>
                                    </div>
                                    <!--------------------------------->






                                    <!-- button div -->
                                    <div class="form-group">
                                        <button data-type="emptyDB" class="btn btn-info col-md-6 runSql">
                                            تفريغ
                                        </button>
                                    </div>




                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>البكب الخارجى  - FTP</label>
                                    </div>
                                    <!--------------------------------->
                                    <div class="row">
                                        <!-- button div -->
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">الرابط</label>
                                            <div class="col-lg-10">
                                                <div class="radio-inline">
                                                    <input type="text" class="form-control" name="remoteBackupLink" id="remoteBackupLink" value="{$programSettingData->remoteBackupLink}">
                                                </div>

                                                <div class="radio-inline">
                                                    <a class="btn btn-primary saveIt" data-type="remoteBackupLink" id="OS_remoteBackupLink_Execute"><img id="OS_remoteBackupLink_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none"> حفظ</a>
                                                    <label id="OS_remoteBackupLink_Label" style="display: none"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- button div -->
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">اسم المستخدم</label>
                                            <div class="col-lg-10">
                                                <div class="radio-inline">
                                                    <input type="text" class="form-control" name="remoteBackupUser" id="remoteBackupUser" value="{$programSettingData->remoteBackupUser}">
                                                </div>

                                                <div class="radio-inline">
                                                    <a class="btn btn-primary saveIt" data-type="remoteBackupUser" id="OS_remoteBackupUser_Execute"><img id="OS_remoteBackupUser_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none"> حفظ</a>
                                                    <label id="OS_remoteBackupUser_Label" style="display: none"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- button div -->
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">كلمة السر</label>
                                            <div class="col-lg-10">
                                                <div class="radio-inline">
                                                    <input type="text" class="form-control" name="remoteBackupPass" id="remoteBackupPass" value="">
                                                </div>

                                                <div class="radio-inline">
                                                    <a class="btn btn-primary saveIt" data-type="remoteBackupPass" id="OS_remoteBackupPass_Execute"><img id="OS_remoteBackupPass_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none"> حفظ</a>
                                                    <label id="OS_remoteBackupPass_Label" style="display: none"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- button div -->
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">اسم الفولدر</label>
                                            <div class="col-lg-10">
                                                <div class="radio-inline">
                                                    <input type="text" class="form-control" name="remoteBackupFolder" id="remoteBackupFolder" value="{$programSettingData->remoteBackupFolder}" placeholder="Only Folder Name Not Path">
                                                </div>

                                                <div class="radio-inline">
                                                    <a class="btn btn-primary saveIt" data-type="remoteBackupFolder" id="OS_remoteBackupFolder_Execute"><img id="OS_remoteBackupFolder_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none"> حفظ</a>
                                                    <label id="OS_remoteBackupFolder_Label" style="display: none;padding-left: 15px;"></label>
                                                    <label style="color:#ff5722;">Only Folder Name Not Path</label>
                                                </div>
                                            </div>
                                        </div>


                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->





                            </div>




                            <!--productCatSql-->
                            <div class="tab-pane" id="onlineStore"><!-- start the 1st tab -->

                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div class="row">

                                    <!-- button div -->
                                    <div class="form-group">
                                        <label class="col-lg-2 control-label">رفع المنتجات</label>
                                        <div class="col-lg-10">
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_Product_From" id="OS_Product_From" placeholder="من">
                                            </div>
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_Product_To" id="OS_Product_To" placeholder="الى">
                                            </div>
                                            <div class="radio-inline">
                                                <label class="sr-only">
                                                    <input type="checkbox" id="OS_Product_TillEnd" name="OS_Product_TillEnd" value="1">
                                                    للنهاية
                                                </label>
                                            </div>
                                            <div class="radio-inline">
                                                <a class="btn btn-primary Execute" data-type="Product" id="OS_Product_Execute"><img id="OS_Product_Loading" src="{$hosturl}/views/default/images/6.gif" style="display: none"/> تنفيذ</a>
                                                <label id="OS_Product_Label" style="display: none">updated to id : <span id="OS_Product_IdSpan"></span></label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->




                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div class="row">

                                    <!-- button div -->
                                    <div class="form-group">
                                        <label class="col-lg-2 control-label">رفع العملاء</label>
                                        <div class="col-lg-10">
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_Client_From" id="OS_Client_From" placeholder="من">
                                            </div>
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_Client_To" id="OS_Client_To" placeholder="الى">
                                            </div>
                                            <div class="radio-inline">
                                                <label class="sr-only">
                                                    <input type="checkbox" id="OS_Client_TillEnd" name="OS_Client_TillEnd" value="1">
                                                    للنهاية
                                                </label>
                                            </div>
                                            <div class="radio-inline">
                                                <a class="btn btn-primary Execute" data-type="Client" id="OS_Client_Execute"><img id="OS_Client_Loading" src="{$hosturl}/views/default/images/6.gif" style="display: none"/> تنفيذ</a>
                                                <label id="OS_Client_Label" style="display: none">updated to id : <span id="OS_Client_IdSpan"></span></label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->




                                <!----------------------------------------------------->
                                <!-- START BUTTONS GROUP -->
                                <div class="row">

                                    <!-- button div -->
                                    <div class="form-group">
                                        <label class="col-lg-2 control-label">رفع تغيير دين العميل</label>
                                        <div class="col-lg-10">
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_ClientDept_From" id="OS_ClientDept_From" placeholder="من">
                                            </div>
                                            <div class="radio-inline">
                                                <input type="text" class="form-control positiveNo" name="OS_ClientDept_To" id="OS_ClientDept_To" placeholder="الى">
                                            </div>
                                            <div class="radio-inline">
                                                <label class="sr-only">
                                                    <input type="checkbox" id="OS_ClientDept_TillEnd" name="OS_ClientDept_TillEnd" value="1">
                                                    للنهاية
                                                </label>
                                            </div>
                                            <div class="radio-inline">
                                                <a class="btn btn-primary Execute" data-type="ClientDept" id="OS_ClientDept_Execute"><img id="OS_ClientDept_Loading" src="{$hosturl}/views/default/images/6.gif" style="display: none"/> تنفيذ</a>
                                                <label id="OS_ClientDept_Label" style="display: none">updated to id : <span id="OS_ClientDept_IdSpan"></span></label>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <!-- END BUTTONS GROUP! -->
                                <!----------------------------------------------------->



                            </div>





                            <!--productCatSql-->
                            <div class="tab-pane" id="controlDevices"><!-- start the 1st tab -->


                                <input type='hidden' id='allowedMacs' value='{$allowedMacs}'/>
                                <!-- Head ------------------------->
                                <div class="well well-sm modfywall">
                                    <label>التحكم فى اجهزة الموبايل</label>
                                </div>
                                <!--------------------------------->
                                <div class="row">
                                    <!-- button div -->
                                    <div class="form-group col-lg-12">
                                        <label class="col-lg-3 control-label">السماح بدخول اجهزة الموبايل</label>
                                        <div class="col-lg-4">
                                            <div class="radio-inline">
                                                <label>  <input value="0" {if $programSettingData->allowMobileLogin == 0}checked="checked"{/if} name="allowMobileLogin" id="allowMobileLogin0" type="radio">
                                                    السماح للكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="1" {if $programSettingData->allowMobileLogin == 1}checked="checked"{/if} name="allowMobileLogin" id="allowMobileLogin1" type="radio">
                                                    ايقاف الكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="2" {if $programSettingData->allowMobileLogin == 2}checked="checked"{/if} name="allowMobileLogin" id="allowMobileLogin2" type="radio">
                                                    السماح لاجهزة معينة</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12" style="display: none;" id="allowedMobileUsersDiv">
                                        <label class="col-lg-3 control-label">السماح لـ</label>
                                        <div class="col-lg-4">
                                            <select class="select2" name="allowedMobileUsers[]" id="allowedMobileUsers" multiple="multiple" allowClear>
                                                {foreach $users as $data}
                                                <option value="{$data->userid}" {if $data->allowRemoteAccessMobile == 0}selected{/if}>{$data->employeename}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>
                                </div>



                                <!-- Head ------------------------->
                                <div class="well well-sm modfywall">
                                    <label>التحكم - لغير اجهزة الموبايل</label>
                                </div>
                                <!--------------------------------->

                                <!-- button div -->
                                <div class="row">
                                    <div class="form-group col-lg-12">
                                        <label class="col-lg-3 control-label">الشبكة المحلية"LAN - MAC"</label>
                                        <div class="col-lg-4">
                                            <div class="radio-inline">
                                                <label>  <input value="0" name="lanAllowType" id="lanAllowType0" type="radio" {if $programSettingData->lanAllowType == 0}checked="checked"{/if}>
                                                    السماح للكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="1" name="lanAllowType" id="lanAllowType1" type="radio" {if $programSettingData->lanAllowType == 1}checked="checked"{/if}>
                                                    ايقاف الكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="2" name="lanAllowType" id="lanAllowType2" type="radio" {if $programSettingData->lanAllowType == 2}checked="checked"{/if}>
                                                    السماح لاجهزة معينة</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-12" style="display: none;" id="macsDiv">
                                        <label class="col-lg-3 control-label">السماح لـ</label>
                                        <div class="col-lg-4">
                                            <input type="hidden" name="allowedMAC" id="allowedMAC"/>
                                        </div>
                                    </div>
                                </div>

                                <br>
                                <br>
                                <!-- button div -->
                                <div class="row">
                                    <div class="form-group col-lg-12">
                                        <label class="col-lg-3 control-label">خارج الشبكة المحلية</label>
                                        <div class="col-lg-5">
                                            <div class="radio-inline">
                                                <label>  <input value="0" name="wanAllowType" id="wanAllowType0" type="radio" {if $programSettingData->wanAllowType == 0}checked="checked"{/if}>
                                                    السماح للكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="1" name="wanAllowType" id="wanAllowType1" type="radio" {if $programSettingData->wanAllowType == 1}checked="checked"{/if}>
                                                    ايقاف الكل</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="2" name="wanAllowType" id="wanAllowType2" type="radio" {if $programSettingData->wanAllowType == 2}checked="checked"{/if}>
                                                    السماح لمستخدمين معينين</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-12" style="display: none;" id="allowedUsersDiv">
                                        <label class="col-lg-3 control-label">السماح لـ</label>
                                        <div class="col-lg-4">
                                            <select class="select2" name="allowedUsers[]" id="allowedUsers" multiple="multiple" allowClear>
                                                {foreach $users as $data}
                                                <option value="{$data->userid}" {if $data->allowRemoteAccess == 0}selected{/if}>{$data->employeename}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>
                                </div>







                                <div class="row text-center">
                                    <button type="button" class="btn btn-primary" id="saveControlDevices">حفظ اعدادات الدخول</button>
                                </div>



                            </div>

                            <div class="tab-pane" id="accountsTree"><!-- start the 1st tab -->
                                <div class="row">
                                    <!-- Head ------------------------->
                                    <div class="well well-sm modfywall">
                                        <label>حساب ارقام الشجرة فى جداول العناصر</label>
                                    </div>
                                    <!--------------------------------->

                                    <div class="form-group col-lg-12">
                                        <label class="col-lg-3 control-label">الجداول</label>
                                        <div class="col-lg-4">
                                            <select class="select2" name="treeIdCalcTables[]" id="treeIdCalcTables" multiple="multiple" allowClear>
                                                <option value="all" selected>كل الجداول</option>
                                                <option value="assets">الاصول</option>
                                                <option value="assetscat">انواع الاصول</option>
                                                <option value="bankaccount">حسابات البنوك</option>
                                                <option value="capital">راس المال</option>
                                                <option value="client">العملاء</option>
                                                <option value="expensestype">انواع المصروفات</option>
                                                <option value="incometype">انواع الايرادات</option>
                                                <option value="partner">الشركاء</option>
                                                <option value="project">المشروعات</option>
                                                <option value="save">الخزن</option>
                                                <option value="store">المخازن</option>
                                                <option value="supplier">الموردين</option>
                                                <option value="employee">الموظفين</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-12">
                                        <label class="col-lg-3 control-label"> العناصر</label>
                                        <div class="col-lg-5">
                                            <div class="radio-inline">
                                                <label>  <input value="0" name="treeIdCalcItems" id="wanAllowType0" type="radio" checked="checked">
                                                    الفارغة فقط</label>
                                            </div>
                                            <div class="radio-inline">
                                                <label>  <input value="1" name="treeIdCalcItems" id="wanAllowType1" type="radio">
                                                    كل العناصر</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row text-center">
                                        <button type="button" class="btn btn-primary SaveWithManyParameters" data-type="calcTreeIds" id="calcTreeIds_Execute"><img id="OS_calcTreeIds_Loading" src="http://localhost/erp/views/default/images/6.gif" style="display: none">تحديث العناصر</button>
                                        <label id="OS_calcTreeIds_Label" style="display: none"></label>
                                    </div>

                                </div>
                            </div>

                        </div>






                    </div>

                    <input type="hidden" name="type" id="type" value=""/>
                </form>
            </div>
        </div>
    </div>
</div>







<!------------------------Client Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myModalNewMac" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content bg-modal">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Mac اضافة</h4>
            </div>
            <div class="modal-body">
                <form id="newMacForm" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">الماك</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="AA:AA:AA:AA:AA:AA" id="newMac"  name="newMac" type="text"/>
                        </div>
                    </div>

                    <div class="form-group ">
                        <label class="col-lg-2 control-label">نوع الجهاز</label>
                        <div class="col-lg-6">
                            <label>
                                <input value="DESKTOP"  class="radioR" name="deviceType"  checked="checked"  type="radio" />
                                كمبيوتر</label>
                            <label>
                                <input value="MOBILE"  class="noradioR" name="deviceType"  type="radio" />
                                موبايل </label>
                            <label>
                                <input value="TABLET"  class="noradioR" name="deviceType"  type="radio" />
                                تابلت </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">الغاء</button>
                <button type="button" class="btn btn-primary" id="addMac">اضافة</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->



{literal}
<script>
    $('.positiveNo').forcepositiveNum();
    $('#allowedUsers').select2();
    $('#allowedMobileUsers').select2();
    $('#treeIdCalcTables').select2();
    $('.runSql').live('click', function () {
        if (!$(this).hasClass('processing...')) {
            $(this).addClass('processing...');

            var type = $(this).data('type');
            $('#type').val(type);
        }
    });

    $('#allowedMAC').select2({
        placeholder: "اختر",
        tags: true,
        allowClear: true,
        minimumInputLength: 0,
        //tokenSeparators: [',', ' '],
        tokenSeparators: [','],
        ajax: {
            url: "gt4setting.php?do=allMacOfMovement",
            dataType: 'json',
            data: function (term, page) {
                return {
                    term: term, //search term
                    //page_limit: 7, // page size
                    withAddOption: 1, // page size
                };
            },
            results: function (data) {
                return {results: data};
            }
        },
        formatSelection: function (item) {
            return '<span style="direction:ltr!important">' + item.text + '</span>'; //' < img src = "../views/default/images/upload/computer.png" > ';
        },
        formatResult: function format(item) {
            if (Number(item.id) == -2) {
                return  '<span class="newoption">' + item.text + '</span >';
            } else {
                return '<span style="direction:ltr!important">' + item.text + '</span>'; //'<img src="../views/default/images/upload/mobile.png">';
            }
        },
    }).on('select2-loaded', function (e) {// not "select2-open" nor "select2-opening" //http://mkurz.github.io/select2/index.html
        $('.newoption').parent().addClass('newoption');
    }).on('change', function () {
        var theselectedvalueArr = $('#allowedMAC').select2('val');//it is object
        for (const key in theselectedvalueArr) {//loop through object
            //console.log(`${key}: ${theselectedvalueArr[key]}`);
            if (theselectedvalueArr[key] == -2) {
                $('#myModalNewMac').modal('show');
                setTimeout(function () {
                    $('#newMac').focus();
                }, 800);

            }
        }
    });
    var allowedMacs = $('#allowedMacs').val();
    var allowedMacsData = [];
    if (allowedMacs != "[]") {
        JSON.parse(allowedMacs).forEach(function (obj, index) {
            var myImg = '';
            if (obj.deviceType == "DESKTOP") {
                myImg = '<img src="../views/default/images/upload/computer.png">';
            } else if (obj.deviceType == "MOBILE") {
                myImg = '<img src="../views/default/images/upload/mobile.png">';
            } else if (obj.deviceType == "TABLET") {
                myImg = '<img src="../views/default/images/upload/tablet.png">';
            }
            allowedMacsData.push({id: obj.mac + '*' + obj.deviceType, text: myImg + ' ' + obj.mac});
        });
    }
    //$('#allowedMAC').select2('data', [{id: 1, text: 'brown'}, {id: 2, text: 'red'}, {id: 3, text: 'green'}]);
    $('#allowedMAC').select2('data', allowedMacsData);
    //$('#s2id_allowedMAC .select2-search-field').forceMac();
    $('#addMac').on('click', function () {
        if (!$(this).hasClass('processing...')) {
            $(this).addClass('processing...');
            var newMac = $('#newMac').val();
            var deviceType = $('[name="deviceType"]:checked').val();
            var flag = isValidMacAddress(newMac);
            if (flag) {


                var myImg = '';
                if (deviceType == "DESKTOP") {
                    myImg = '<img src="../views/default/images/upload/computer.png">';
                } else if (deviceType == "MOBILE") {
                    myImg = '<img src="../views/default/images/upload/mobile.png">';
                } else if (deviceType == "TABLET") {
                    myImg = '<img src="../views/default/images/upload/tablet.png">';
                }
                var allowedMacsData = [];
                $('#allowedMAC').select2('data').forEach(function (obj, index) {
                    if (obj.id != -2) {
                        allowedMacsData.push(obj);
                        console.log(obj.id);
                        console.log(obj.id.split('*')[0]);
                        if (obj.id.split('*')[0] == newMac) {
                            newMac = '';
                            alert('الماك مكرر');
                        }
                    }
                });
                if (newMac != '') {
                    allowedMacsData.push({id: newMac + '*' + deviceType, text: myImg + ' ' + newMac});
                }
                $('#allowedMAC').select2('data', allowedMacsData);



                $(this).removeClass('processing...');
                $('#myModalNewMac').modal('hide');


            } else {
                $(this).removeClass('processing...');
            }
        }
    });

    function isValidMacAddress(macAdd)
    {
        var flag = false;
        var RegExPattern = /^[0-9a-fA-F:]+$/;

        if (!(macAdd.match(RegExPattern)) || macAdd.length != 17)
        {
            alert("رقم ماك خطأ");
        } else
        {
            flag = true;
            //alert(macAdd + " is a valid Media Access Control Address");
        }
        return flag;
    }
    $('[name="lanAllowType"]').change(function () {
        var val = Number($('[name="lanAllowType"]:checked').val());
        if (val == 2) {
            $('#macsDiv').show();
        } else {
            $('#macsDiv').hide();
        }
    });
    $('#lanAllowType0').trigger('change');
    $('[name="wanAllowType"]').change(function () {
        var val = Number($('[name="wanAllowType"]:checked').val());
        if (val == 2) {
            $('#allowedUsersDiv').show();
        } else {
            $('#allowedUsersDiv').hide();
        }
    });
    $('#wanAllowType0').trigger('change');
    $('[name="allowMobileLogin"]').change(function () {
        var val = Number($('[name="allowMobileLogin"]:checked').val());
        if (val == 2) {
            $('#allowedMobileUsersDiv').show();
        } else {
            $('#allowedMobileUsersDiv').hide();
        }
    });
    $('#allowMobileLogin0').trigger('change');
</script>
{/literal}