@extends('panel.layouts.master')
@section('title', 'نقش ها-ویرایش نقش')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            <form action="{{ route('roles.update', $role) }}" method="post">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label">نام نقش</label>
                        <input type="text" name="title" value="{{ old('title', $role->title) }}" class="form-control" placeholder="معاونت">
                    </div>
                    <div class="col-lg-6 col-md-6 mb-3">
                        <label class="form-label">کلید</label>
                        <input type="text" name="name" value="{{ old('name', $role->name) }}" class="form-control" placeholder="role">
                    </div>
                </div>
                <hr>
                <div class="row">
                    <h5>دسترسی‌ها</h5>
                    <div class="form-check">
                        <input type="checkbox" id="check-all" class="form-check-input">
                        <label class="form-check-label" for="check-all">انتخاب همه</label>
                    </div>
                    @foreach($permissions as $groupTitle => $pers)
                        <div class="col-md-4 col-sm-6 mb-3 shadow-sm p-2 rounded">
                            <h6 class="mb-2 text-dark">{{ $groupTitle }}</h6>
                            @foreach($pers as $permission)
                                @php
                                    $actionWord = explode(' ', $permission->title)[0];
                                @endphp
                                <div class="form-check">
                                    <input type="checkbox"
                                           name="permissions[]"
                                           value="{{ $permission->name }}"
                                           id="{{ $permission->name }}"
                                           class="form-check-input permission-checkbox"
                                           @if(isset($rolePermissions) && in_array($permission->id, $rolePermissions)) checked @endif
                                    >
                                    <label class="form-check-label" for="{{ $permission->name }}">
                                        {{ $actionWord }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
                    @endforeach
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-2"></i>ذخیره
                    </button>
                    <button type="reset" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-2"></i>پاک کردن
                    </button>
                    <button class="btn btn-outline-danger ms-auto back-btn">
                        انصراف<i class="fas fa-chevron-left ms-2"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $('#check-all').on('change', function() {
                var checked = $(this).is(':checked');
                $('.permission-checkbox').prop('checked', checked);
            });
        });
    </script>
@endsection