@model AccountManagement.Application.Contracts.Role.EditRole
@{
    <style>
        .child-check {
            margin-left: 15px;
            display: none;
        }

            .child-check.active {
                display: block;
            }

        .level2 {
            margin-right: 40px;
        }

        .level3 {
            margin-right: 80px;
        }

        .parent {
            border-radius: 10px 0px 0px 10px;
            min-width: 220px;
            text-align: start;
            margin-right: -4px;
        }

        .children {
            min-width: 220px !important;
            text-align: start;
            border-radius: 10px;
            background-color: #898989 !important;
            border: 1px solid #898989 !important;
        }

        .parentLevel2 {
            border-radius: 10px 0px 0px 10px;
            min-width: 220px !important;
            text-align: start;
            background-color: #666666 !important;
            border: 1px solid #666666 !important;
            margin-right: -4px;
        }

        .ion-plus {
            position: relative !important;
            top: 4px !important;
        }

        .ion-minus {
            position: relative !important;
            top: 4px !important;
        }

        .open-close {
            border-radius: 0px 10px 10px 0px;
            height: 38px;
            border-color: #5a5a5a;
        }
    </style>
}

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4 class="modal-title">ویرایش نقش : @Model.Name</h4>
</div>
<form asp-page="./Index" asp-page-handler="EditRole"
      method="post"
      data-ajax="true"
      data-callback=""
      data-action="Refresh">
    <div class="modal-body">
        <div class="row">

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label asp-for="Name" class="control-label">نام نقش</label>
                        <input disabled="disabled" type="text" class="form-control" asp-for="Name">
                        <input type="hidden" class="form-control" asp-for="Name">
                        <span asp-validation-for="Name" class="error"></span>
                        @*@if (TempData["name"] != null)
        {<br /><span class="error">@TempData["name"]</span>}*@

                    </div>
                </div>


            </div>
            <div class="row">
                @*<div id="default-tree"></div>*@
                <div class="container">
                    <fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert; height: 500px; overflow-y: scroll">
                        <legend style="margin-bottom: 5px; font-size: large; border-bottom: 0px; color: #505458; width: 180px; text-align: center; "> تعیین سطح دسترسی </legend>
                         @* داشبورد *@
                         <div class="parent-check">
                             <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                         
                             <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="1" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  داشبورد </span>&nbsp;</label>
                             @*بکاپ خودکار*@
                             <div class="child-check level2">
                                 <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                 <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="2" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  بکاپ خودکار </span> </label>
                              
                             </div>
                            
                         
                         </div>
                        @* بانک اطلاعات *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="100" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  بانک اطلاعات </span>&nbsp;</label>
                            @*طرف حساب*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="101" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  طرف حساب  </span> </label>

                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد طرف حساب حقیقی  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد طرف حساب حقوقی  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست طرف حساب ها  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی طرف حساب  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش   </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10115" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   جزئیات  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10116" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  غیر فعال نمودن  </span>   </label>
                                </div>
                            </div>
                            @*کارقرما*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="102" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  کارفرما   </span>  </label>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد کارفرمای حقیقی  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد کارفرمای حقوقی  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی کارفرما </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10213" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست کارفرما ها </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10214" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10215" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جزئیات </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10216" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  غیر فعال نمودن  </span>   </label>
                                </div>
                              
                            </div>
                            @*کارگاه*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="103" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  کارگاه   </span>  </label>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10310" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد کارگاه  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10311" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی کارگاه  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10312" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست کارگاه ها </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10314" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10315" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جزئیات </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10316" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  غیر فعال نمودن  </span>   </label>
                                </div>
                                <!--مودال ویرایش و ایجاد کارگاه-->
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10326" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تب مشخصات کارگاه  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10323" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تب امور قرارداد  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10324" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تب امور بیمه ای </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10327" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تب امور مالیاتی </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10328" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تب طرح طبقه بندی </span>   </label>
                                </div>
                                <!--پایان مودال-->
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10320" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  محاسبه مزایای پایان کار  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10322" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  نمایش مجموع مبالغ تصفیه حساب </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10321" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد قرارداد  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10317" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   اطلاعات پرسنل  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10318" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   گزارش سالانه پرسنل  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10319" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   تنظیمات فنی پرسنل </span>   </label>
                                </div>
                            </div>
                            @*پرسنل*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="104" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  پرسنل   </span>  </label>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10410" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد پرسنل  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10444" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   ویرایش گروهی کد پرسنلی  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10411" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی پرسنل  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10412" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست پرسنل  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10414" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10426" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات اجباری)</span> ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10427" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات تکمیلی)</span> ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10428" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات سامانه ای)</span> ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10415" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جزئیات </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10416" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  غیر فعال نمودن  </span>   </label>
                                </div>
                              
                                @* ترک کار قرارداد*@
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10417" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  <span>(آیکون)</span> ترک کار/شروع بکار قرارداد </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10421" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  حذف کارگاه در <span>(مودال)</span>شروع/ترک کار قرارداد </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10422" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   حذف تاریخ در <span>(مودال)</span> شروع/ترک کار قرارداد </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10423" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش تاریخ در <span>(مودال)</span> شروع/ترک کار قرارداد </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10424" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  گزینه های پاداش و عیدی در <span>(مودال)</span> ترک کار قرارداد </span>   </label>
                                 </div>
                                @*ترک کار بیمه  *@
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10418" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(آیکون)</span> ترک کار/شروع بکار بیمه </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10419" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   حذف کارگاه در <span>(مودال)</span> شروع/ترک کار بیمه </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10420" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  حذف تاریخ در <span>(مودال)</span> شروع/ترک کار بیمه </span>   </label>
                                 </div>
                                 <div class="child-check level3">
                                     <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10425" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش تاریخ در <span>(مودال)</span> شروع/ترک کاربیمه </span>   </label>
                                 </div>
                            </div>
                            @*معرف*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="105" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  معرف   </span>  </label>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10510" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد معرف  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10511" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی معرف  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10512" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست معرف ها </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10514" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10515" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جزئیات </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10516" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  غیر فعال نمودن  </span>   </label>
                                </div>
                            </div>

                        </div>

                        @* قرارداد و تسویه *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="200" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  قرارداد و تسویه </span>&nbsp;</label>
                            @*قراداد*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="201" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> قرارداد  </span> </label>

                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد قرارداد  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تمدید قرارداد  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی قرارداد   </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست قراداد ها  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش   </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20115" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   پرینت قراداد  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20116" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  حذف قراداد  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20117" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  امضای قراداد  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20122" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  برداشتن امضای قرارداد </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20118" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  چکباکس پرینت یا حذف  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20119" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ترک کار/شروع بکار  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20120" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  مرخصی استعلاجی </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20121" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  مرخصی استحقاقی </span>   </label>
                                </div>
                            </div>
                            @*تصفیه*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="202" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تصفیه  </span> </label>

                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد تصفیه حساب  </span>  </label>
                                </div>
                                       
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد تصفیه حساب  </span>  </label>
                                </div>
                                
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی تصفیه حساب   </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست تصفیه حساب  </span>  </label>
                                </div>
                              
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20214" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   پرینت تصفیه حساب  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20218" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   پاداش و مساعده  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20215" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  حذف تصفیه حساب  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20216" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  امضای تصفیه حساب  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20222" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> برداشتن امضای تصفیه حساب  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20217" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  چکباکس پرینت یا حذف  </span>   </label>
                                </div>
                            </div>

                        </div>

                        @* بانک اطلاعات مدیریتی *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="300" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بانک اطلاعات مدیریتی  </span>&nbsp;</label>
                            @*قرارداد های مالی موسسه*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="307" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  قراردادهای مالی موسسه   </span> </label>

                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30710" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد    </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30711" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  حذف  </span>  </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30712" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   ویرایش  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30713" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   پرینت </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30714" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تمدید   </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30715" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  وضعیت مالی  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30716" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> فعال/غیرفعال  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30717" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  بلاک/آنبلاک  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30718" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  موجود/ناموجود  </span>   </label>
                                </div>
                                <div class="child-check level3">
                                    <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30719" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  بدهی کل/جمع قرادادها  </span>   </label>
                                </div>

                            </div>
                            @*ایجاد عناوین مقادیر سالانه*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="301" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  عناوین مقادیر سالانه   </span> </label>



                            </div>
                            @*مقادیر سالانه*@
                            <div class="child-check level2">
	                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
	                            <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="302" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  مقادیر سالانه   </span>  </label>

                            </div>
                            @*مزد سنوات*@
                            <div class="child-check level2">
	                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
	                            <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="309" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  مزد سنوات  </span>  </label>

                            </div>
                            @* مزد سنوات بیمه*@
                            <div class="child-check level2">
	                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
	                            <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="310" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  مزد سنوات بیمه </span>  </label>

                            </div>
                            @*لیست مشاغل*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="303" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  لیست مشاغل   </span>  </label>

                            </div>
                            @*تعطیلات رسمی*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="304" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تعطیلات رسمی   </span>  </label>

                            </div>
                            @*ساعت موظفی*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="305" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ساعت موظفی   </span>  </label>
                            </div>
                            @* مدیریت کاربران *@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="306" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   مدیریت کاربران   </span>  </label>
                            </div>
                            @* تشخیص چهره *@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="308" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   تشخیص چهره   </span>  </label>
                            </div>
                        </div>

                        @* پرونده *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="400" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرونده  </span>&nbsp;</label>
                            @*لیست پرونده ها*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="401" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست پرونده ها  </span> </label>

                            </div>
                            @*گزارش ها*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="402" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست گزارش ها   </span> </label>

                            </div>
                            @*جلسات*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="403" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جلسات  </span> </label>

                            </div>
                            @*مخاطب*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="404" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مخاطب </span> </label>

                            </div>
                        </div>
                        @* مدیریت متن *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="500" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مدیریت متن  </span>&nbsp;</label>
                            @*لیست متون*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="501" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست متون  </span> </label>

                            </div>
                            @*عنوان*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="502" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> عنوان   </span> </label>

                            </div>
                            @*بخش*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="503" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  بخش  </span> </label>

                            </div>
                            @*فصل*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="504" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> فصب </span> </label>

                            </div>
                            @*ماژول*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="505" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ماژول </span> </label>

                            </div>
                        </div>
                        @* مدیریت وظایف *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="600" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مدیریت وظایف  </span>&nbsp;</label>
                            @*لیست وظایف*@
                        <div class="child-check level2">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                            <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="601" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست وظایف  </span> </label>

                            <div class="child-check level3">
                                <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="60110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  تعریف وظیفه جدید </span>   </label>
                            </div>
                            <div class="child-check level3">
                                <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="60111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  جستجوی وظیفه ها </span>   </label>
                            </div>
                            <div class="child-check level3">
                                <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="60112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  دکمه ها </span>   </label>
                            </div>
                            <div class="child-check level3">
                                <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="60113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ویرایش </span>   </label>
                            </div>
                            <div class="child-check level3">
                                <label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="60114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">   حذف </span>   </label>
                            </div>
                        </div>
                            @*لیست عناوین وظایف*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="602" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست عناوین وظایف  </span> </label>

                            </div>

                        </div>
                        @* مدیریت لوایح *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="700" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مدیریت لوایح  </span>&nbsp;</label>
                            @*لیست لوایح*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="701" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست لوایح  </span> </label>

                            </div>
                            @*ایجاد*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="702" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative">  ایجاد  </span> </label>

                            </div>
                            @*مخاطب*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="703" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مخاطب </span> </label>

                            </div>
                        </div>
                        @* بیمه *@
                        <div class="parent-check">
                            <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>

                            <label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="800" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بیمه  </span>&nbsp;</label>
                            @*لیست مشاغل مقطوع*@
                            <div class="child-check level2">
                                <label class="btn btn-icon waves-effect btn-default m-b-5 open-close"><i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" /></label>
                                <label class="btn btn-inverse waves-effect waves-light m-b-5  parentLevel2"> <input type="checkbox" disabled="disabled" value="801" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست مشاغل مقطوع  </span> </label>

                            </div>

                        </div>

                    </fieldset>
                    <div id="hiddenInput" @*style="display: none"*@>
                       
                    </div>
                </div>



            </div>

        </div>

    </div>
    <input type="hidden" asp-for="Id" value="@Model.Id" />

    <div class="modal-footer">

        <a href="#" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" onclick="saveRole();"> ذخیره تغییرات </a>
        <button type="button" class="btn btn-default btn-rounded waves-effect waves-light m-b-5" data-dismiss="modal">بستن فرم</button>
        <button type="submit" id="subm" style="display: none"></button>
    </div>
</form>
<script>
    var pnumber = [];
    var checks = document.querySelectorAll("input[class='check-btn']");
    @foreach (var item in Model.Permissions)
    {
        @:pnumber.push({id: @item});
    }
    //pnumber.forEach(printFunc);

    //function printFunc(item) {
    //    $('#hiddenInput').append(
    //        '<input class="item1" type="text" value="' + item.id + '" name="Permissions[' + item.id + ']"/>'

    //     );
    //}
    for (const el1 of checks) {
        for (const el2 of pnumber) {
            if (el1.value == el2.id) {
                el1.removeAttribute("disabled", "disabled");
                el1.checked = true;
            }
        }
    }
 
    for (var m = 0; m < checks.length; m++) {
      if (checks[m].checked) {
         
          var p1 = checks[m].parentNode;
          var p2 = p1.parentNode;
          var childCheks = p2.children;
          for (var i = 0; i < childCheks.length; i++) {
              if (hasClass(childCheks[i], 'child-check')) {

                  var ch = childCheks[i].querySelectorAll("input[class='check-btn']");
                 
                  for (var a = 0; a < ch.length; a++) {

                      var parent1 = ch[a].parentNode;
                      var parent2 = parent1.parentNode;
                      var parent3 = parent2.parentNode;
                      var c = parent3.querySelector("input[class='check-btn']");
                      if (c.checked) {
                          ch[a].removeAttribute("disabled", "disabled");
                      }
                      

                  }

              }
          }
          
      }
    }
    var checks2 = document.querySelectorAll("input[class='open-btn']");

    for (var i = 0; i < checks.length; i++) {
        checks[i].addEventListener('change', function () {
            if (this.checked) {
                showChildrenChecks(this);
              
                this.setAttribute("checked", "checked");
                this.checked = true;
            } else {
                hideChildrenChecks(this);
                this.removeAttribute("checked", "checked");
                this.checked = false;
            }
        });
    }
    for (var i = 0; i < checks2.length; i++) {
        checks2[i].addEventListener('change', function () {
            if (this.checked) {
                showChildrenChecks2(this);
                this.setAttribute("checked", "checked");
                this.checked = true;


            } else {
                hideChildrenChecks2(this);
                this.removeAttribute("checked", "checked");
                this.checked = false;
            }
        });
    }

    function showChildrenChecks(elm) {
        var pOne = elm.parentNode;
        var pN = pOne.parentNode;
        var childCheks = pN.children;

        for (var i = 0; i < childCheks.length; i++) {
            if (hasClass(childCheks[i], 'child-check')) {

                var ch = childCheks[i].querySelectorAll("input[class='check-btn']");
                for (var a = 0; a < ch.length; a++) {
                    var p1 = ch[a].parentNode;
                    var p2 = p1.parentNode;
                    /*    p2.classList.add("active");*/

                    ch[a].setAttribute("checked", "checked");
                    ch[a].checked = true;
                    ch[a].removeAttribute("disabled", "disabled");

                }

            }
        }


    }

    function hideChildrenChecks(elm) {
        var pOne = elm.parentNode;
        var pN = pOne.parentNode;
        var childCheks = pN.children;

        for (var i = 0; i < childCheks.length; i++) {
            if (hasClass(childCheks[i], 'child-check')) {

                var ch = childCheks[i].querySelectorAll("input[class='check-btn']");
                for (var a = 0; a < ch.length; a++) {
                    var p1 = ch[a].parentNode;
                    var p2 = p1.parentNode;
                    /*  p2.classList.remove("active");*/

                    ch[a].removeAttribute("checked", "checked");
                    ch[a].checked = false;
                    ch[a].setAttribute("disabled", "disabled");

                }

            }

        }

    }

    async function showChildrenChecks2(elm) {

        var pOne = elm.parentNode;
        var pN = pOne.parentNode;
        var childCheks = pN.children;
        var plus = pOne.querySelector("i[class='ion-plus']");
        var minus = pOne.querySelector("i[class='ion-minus']");
        for (var i = 0; i < childCheks.length; i++) {
            if (hasClass(childCheks[i], 'child-check')) {
                plus.style.display = "none";
                minus.style.display = "";
                await sleep(i * 10);
                childCheks[i].classList.add("active");
                var el = childCheks[i];
                fadeiin(el, 2000);

            }
        }


    }
    function sleep(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }
    function fadeiin(el, time) {
        el.style.opacity = 0;

        var last = +new Date();
        var tick = function () {
            el.style.opacity = +el.style.opacity + (new Date() - last) / time;
            last = +new Date();

            if (+el.style.opacity < 1) {
                (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
            }
        };

        tick();
    }
    function hideChildrenChecks2(elm) {
        var pOne = elm.parentNode;
        var pN = pOne.parentNode;
        var childCheks = pN.children;
        var plus = pOne.querySelector("i[class='ion-plus']");
        var minus = pOne.querySelector("i[class='ion-minus']");
        for (var i = 0; i < childCheks.length; i++) {
            if (hasClass(childCheks[i], 'child-check')) {
                childCheks[i].classList.remove("active");
                minus.style.display = "none";
                plus.style.display = "";

            }
        }

    }
    function hasClass(elem, className) {
        return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
    }

</script>
<script>
    function saveRole() {
        var checks = document.querySelectorAll("input[class='check-btn']");

        for (var i = 0; i < checks.length; i++) {

            if (checks[i].checked) {
                $('#hiddenInput').append(
                    '<input class="item1" type="hidden" value="' + checks[i].value + '" name="Permissions[' + i + ']"/>'

                );
            } else {
                $('#hiddenInput').append(
                    '<input class="item1" type="hidden" value="' + 0 + '" name="Permissions[' + i + ']"/>'
                );
            }

        }

        $('#subm').click();
    }
</script>