@extends('dashboard.layouts.app')
@section('style')
@endsection
@section('content')
<form class="perm-wr" action="{{route('permissions-page-up', $role->id)}}" method="post" enctype="multipart/form-data">
    @csrf
        {{-- <p>
            مثال لخصائص اساسيه وفرعيه داخل جدول يستخدم عند تساوي عدد الخصائص الفرعيه لكل خاصيه اساسيه
            <br>
            استخدم الكلاس "deafult-option" لتحديد الخاصيه الاساسيه التي يتم اختيارها تلقائيا مع الخاصيه
            الرئيسيه التابعه لها مثل خاصيه المشاهده في هذا المثال
        </p> --}}
        <div class="card group-card">
            <div class="card-header bg-light-info ">
                <h5 class="text-primary"> الصلاحيات الاساسية  </h5>
                <div class="form-check check-all">
                    <input class="form-check-input check-all-input" type="checkbox" />
                    <label class="form-check-label"> تحديد الكل </label>
                </div>
            </div>
            <div class="card-body">
                <div class="minus-margin">
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered">
                            <thead>
                                <tr>
                                    <th>نوع المعامله</th>
                                    <th class="text-center">مشاهده</th>
                                    <th class="text-center">اضافه</th>
                                    <th class="text-center">تعديل</th>
                                    <th class="text-center">حذف</th>
                                </tr>
                            </thead>
                            @php
                                $i = 0;
                            @endphp
                            @foreach(PermissionModels() as $model)
                            @php
                                $i++;
                            @endphp
                            <tr>
                                <td>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input table-parent" type="checkbox" />
                                        <label class="form-check-label">{{__('translation.permission_'.$model)}} </label>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input table-child " type="checkbox"
                                        name="_show"  value="1" {!! ($role->Permission()->where('permission', $model.'_show')->exists())? 'checked' : '' !!} />
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input table-child " type="checkbox"
                                        name="_add"  value="1" {!! ($role->Permission()->where('permission', $model.'_add')->exists())? 'checked' : '' !!} />
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input table-child " type="checkbox"
                                        name="_edit"  value="1" {!! ($role->Permission()->where('permission', $model.'_edit')->exists())? 'checked' : '' !!} />
                                    </div>
                                </td>
                                <td class="text-center">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input table-child " type="checkbox"
                                        name="_delete"  value="1" {!! ($role->Permission()->where('permission', $model.'_delete')->exists())? 'checked' : '' !!} />
                                    </div>
                                </td>
                            </tr>
                            @endforeach

                        </table>
                    </div>
                </div>
            </div>
        </div>
        {{-- <p>
            مثال لمجموعه خصائص اساسيه وفرعيه بدون جدول في حاله ان اعداد الخصائص الفرعيه غير متساويه
            <br>
            "main-prem-input" للخاصيه الاساسيه استخدم الكلاس
            <br>
            "sub-prem-input" للخاصيه الفرعيه استخدم الكلاس
            <br>

            يمكن استخدام الكلاس "deafult-option" لتحديد الخاصيه الفرعيه الاساسيه
        </p> --}}
        <div class="card group-card">
            <div class="card-header bg-light-info mb-1">
                <h5 class="text-primary"> صلاحيات اخري </h5>
                <div class="form-check check-all">
                    <input class="form-check-input check-all-input" type="checkbox" />
                    <label class="form-check-label"> تحديد الكل </label>
                </div>
            </div>
            <div class="card-body">
                {{-- <div class="prem-group row">
                    <!-- use the class "main-prem-input"  for the main prop and  for the sub-prem  -->
                    <div class="form-check  prem-input main-prem bg-light-success">
                        <input class="form-check-input main-prem-input" type="checkbox" />
                        <label class="form-check-label"> انواع المعاملات </label>
                    </div>
                    <!-- sub start -->
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input deafult-option " value="1" name="general_exporter_show"
                            type="checkbox" {!! ($role->Permission()->where('permission', 'general_exporter_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label"> صادر عام  </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input deafult-option " name="general_importer_show" value="1"
                            type="checkbox" {!! ($role->Permission()->where('permission', 'general_importer_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label">وارد عام</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input " type="checkbox"  name="internal_show" value="1" 
                        {!! ($role->Permission()->where('permission', 'internal_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label"> معاملة داخلية</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input " type="checkbox"  name="archived_show" value="1" 
                        {!! ($role->Permission()->where('permission', 'archived_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label"> ارشيف الكتروني</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input disabled" type="checkbox" disabled />
                        <label class="form-check-label"> اسم الخاصيه الفرعيه</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input disabled" type="checkbox" disabled />
                        <label class="form-check-label"> اسم الخاصيه الفرعيه</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4 col-sm-6">
                        <input class="form-check-input sub-prem-input disabled" type="checkbox" disabled />
                        <label class="form-check-label"> اسم الخاصيه الفرعيه</label>
                    </div>

                    <!-- sub end -->
                </div> --}}
                <div class="prem-group row">
                    <!-- use the class main-prem  for the main prop and sub-prem for the sub prem  -->
                    <div class="form-check  prem-input main-prem  bg-light-success">
                        <input class="form-check-input main-prem-input" type="checkbox" />
                        <label class="form-check-label"> صلاحيات عامة </label>
                    </div>
                    <!-- sub start -->
                    <div class="form-check  prem-input sub-prem col-md-4">
                        <input class="form-check-input sub-prem-input " type="checkbox"  name="settings_show" value="1" 
                        {!! ($role->Permission()->where('permission', 'settings_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label">الاعدادات</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4">
                        <input class="form-check-input sub-prem-input " type="checkbox"  name="notifications_show" value="1" 
                        {!! ($role->Permission()->where('permission', 'notifications_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label">الاشعارات</label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-md-4">
                        <input class="form-check-input sub-prem-input " type="checkbox"  name="item_assignment_show" value="1" 
                        {!! ($role->Permission()->where('permission', 'item_assignment_show')->exists())? 'checked' : '' !!} />
                        <label class="form-check-label">طلبات الاعتماد</label>
                    </div>

                    <!-- sub end -->
                </div>
            </div>
        </div>

        {{-- <div class="card group-card">
            <div class="card-header bg-light-info mb-1">
                <h5 class="text-primary">عنوان مجموعه الخصائص</h5>
                <div class="form-check check-all">
                    <input class="form-check-input check-all-input" type="checkbox" />
                    <label class="form-check-label"> تحديد الكل </label>
                </div>
            </div>
            <div class="card-body">
                <div class="row m-0">
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>

                </div>
            </div>
        </div>
        <div class="card group-card">
            <div class="card-header bg-light-info mb-1">
                <h5 class="text-primary">عنوان مجموعه الخصائص</h5>
                <div class="form-check check-all">
                    <input class="form-check-input check-all-input" type="checkbox" />
                    <label class="form-check-label"> تحديد الكل </label>
                </div>
            </div>
            <div class="card-body">
                <div class="row m-0">
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input sub-prem col-lg-3 col-md-6">
                        <input class="form-check-input" type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="form-check  prem-input col-lg-3 col-md-6">
                        <input class="form-check-input " type="checkbox" />
                        <label class="form-check-label"> اسم الخاصيه </label>
                    </div>
                    <div class="col-12 bold2 p-0">
                        مثال ل radio input
                    </div>
                    <div class="form-check form-check col-lg-3 col-md-4">
                        <input class="form-check-input" type="radio" name="r1" />
                        <label class="form-check-label" for="inlineRadio2">الاول</label>
                    </div>
                    <div class="form-check form-check col-lg-3 col-md-4">
                        <input class="form-check-input" type="radio" name="r1" />
                        <label class="form-check-label" for="inlineRadio2">الثاني </label>
                    </div>
                    <div class="form-check form-check col-lg-3 col-md-4">
                        <input class="form-check-input" type="radio" name="r1" />
                        <label class="form-check-label" for="inlineRadio2">الاختيار الثالث</label>
                    </div>
                </div>
            </div>
        </div> --}}
        {{-- <div class="card group-card">
            <div class="card-header bg-light-info mb-1">
                <h5 class="text-primary">عنوان مجموعه الخصائص</h5>
                <div class="form-check check-all">
                    <input class="form-check-input check-all-input" type="checkbox" />
                    <label class="form-check-label"> تحديد الكل </label>
                </div>
            </div>
            <div class="card-body">
                <div class="row m-0">
                    <div class="col-lg-6">
                        <div class="custom-control custom-switch custom-switch-success">
                            <input type="checkbox" class="custom-control-input" id="Switch1" checked />
                            <label class="custom-control-label" for="Switch1">
                                <span class="switch-icon-left"><i data-feather="check"></i></span>
                                <span class="switch-icon-right"><i data-feather="x"></i></span>
                            </label>
                            <p>مثال لنص يمكن استبداله </p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="custom-control custom-switch custom-switch-success">
                            <input type="checkbox" class="custom-control-input" id="Switch2" checked />
                            <label class="custom-control-label" for="Switch2">
                                <span class="switch-icon-left"><i data-feather="check"></i></span>
                                <span class="switch-icon-right"><i data-feather="x"></i></span>
                            </label>
                            <p>مثال لنص يمكن استبداله </p>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="custom-control custom-switch custom-switch-success">
                            <input type="checkbox" class="custom-control-input" id="Switch3" checked />
                            <label class="custom-control-label" for="Switch3">
                                <span class="switch-icon-left"><i data-feather="check"></i></span>
                                <span class="switch-icon-right"><i data-feather="x"></i></span>
                            </label>
                            <p>مثال لنص يمكن استبداله </p>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="custom-control custom-switch custom-switch-success">
                            <input type="checkbox" class="custom-control-input" id="Switch4" checked />
                            <label class="custom-control-label" for="Switch4">
                                <span class="switch-icon-left"><i data-feather="check"></i></span>
                                <span class="switch-icon-right"><i data-feather="x"></i></span>
                            </label>
                            <p>مثال لنص يمكن استبداله </p>
                        </div>
                    </div>



                </div>
            </div>
        </div> --}}
        <div class="form-row">
            <div class="col-12 form-btns-wr">
                <button type="submit" class="btn btn-success btn-lg my-2 ">حفظ </button>
                <a href="{{route('permissions.index')}}" class="btn btn-warning btn-lg my-2"> الغاء</a>
            </div>
        </div>
    </form>
@endsection
@section('js')

<!--form wysiwig js-->
<script type="text/javascript">
  
    $('.check-all-input').on('click', function(){
            if ($(this).is(':checked') ) {
                //
                $(this).parent().parent().parent().find('input').prop('checked', true);
            } else {
                //
                $(this).parent().parent().parent().find('input').prop('checked', false);
            }
        } );
    $('.main-prem-input').on('click', function(){
            if ($(this).is(':checked') ) {
                //
                $(this).parent().parent().find('input').prop('checked', true);
            } else {
                //
                $(this).parent().parent().find('input').prop('checked', false);
            }
        } );
    $('.table-parent').on('click', function(){
        // alert(1);
            if ($(this).is(':checked') ) {
                //
                $(this).closest('tr').find('input').prop('checked', true);
            } else {
                //
                $(this).closest('tr').find('input').prop('checked', false);
            }
        } );
</script>
@endsection