@extends('layouts.app')
@section('page_head')
@parent

@endsection
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Edit Role Permissions - {{$role->title}}</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Edit Role Permissions - {{$role->title}}</div>
        </li>
    </ul>
</div>
<!-- form-add-product -->
<form method="POST">
    @csrf
    @honeypot
    <div class="wg-box mb-30">
        <div class="d-flex justify-content-between mb-0">

            <h5>Permissions</h5>
            <div class="d-flex justify-content-end">
                <div>
                    <a href="#" onclick="$('input[type=\'checkbox\']').attr('checked',true);" class="fs-5 text-primary">Select All</a> |
                    <a href="#" onclick="$('input[type=\'checkbox\']').removeAttr('checked',true);" class="fs-5 text-primary">Deselect All</a>
                </div>
            </div>
        </div>
        <div class="row">
                <div class="col-md-12">
                    <div class="">
                        <div class=" card-body">
                            <div class="row">
                            @foreach($permissions as $key => $module)
                                <div class="col-md-4 col-12 mb-2">
                                <label class="form-label mb-0 fs-5 mb-10 mt-5">{{$module->module}}</label>
                                <div class="separator separator-dashed my-3"></div>
                                    <div class="row mb-4">
                                        @foreach($module->permission as $permission)
                                        <div class="col-12 pe-5">

                                            <div class="form-check form-check-inline mb-5">
                                                <fieldset >
                                                    <input type="checkbox" name="permissions[{{$permission->id}}]" id="permission_read_write_{{$permission->id}}" value="1" {{$permission->status === 1? 'checked' : ''}}>
                                                    <label class="form-check-label fs-5" style="padding-top:8px;padding-left:5px" for="permission_read_write_{{$permission->id}}">{{$permission->name}}</label>
                                                </fieldset>
                                            </div>
                                            @if(!empty($permission->special_conditions))

                                                <div class="d-flex justify-content-between mb-0">

                                                    <h6 class='text-muted'>{{$permission->name}} - Special Conditions</h6>
                                                </div>
                                                <div class="separator separator-dashed mb-3"></div>
                                            @endif
                                            @foreach(json_decode($permission->special_conditions) ?? [] as $user => $special_conditions)

                                                <div>{{$user}}</div>
                                                @foreach($special_conditions as $condition_name => $special_condition)
                                                <div class="mb-4 ms-5">
                                                    <label class="form-check-label">{{$condition_name}}:</label>
                                                    <input type="text" name="special_conditions[{{$permission->id}}][{{$condition_name}}]"
                                                        class="form-control" value="{{$special_condition}}">
                                                </div>
                                                @endforeach
                                            @endforeach
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endforeach
                            </div>
                            <!--<div class="separator separator-dashed my-3"></div>-->
                            <!--<div class="col-md-12">-->
                            <!--    <div class="mb-4">-->
                            <!--        <button class="btn w-100 btn-danger btn-sm blocker" type="submit">Save Changes</button>-->
                            <!--    </div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
    </div>

    <div class="cols gap10">
        <button class="tf-button w380" type="submit">Save Changes</button>
    </div>
</form>
<!-- /form-add-product -->
@endsection
@section('page_script')
@parent
<script>
    $(".roles-and-permissions-menu").addClass("active");
    $(".roles-and-permissions-index").addClass("active");

    $('#contact_number').on('keypress input', function(event) {
    var keyCode = event.which ? event.which : event.keyCode;
    var isValid = (keyCode >= 48 && keyCode <= 57) || keyCode === 8;
    return isValid;
  });
</script>
@endsection
<!-- App js -->