@extends('layouts.app')

@section('styles')
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
    <!--Page header-->
    <div class="page-header">
        <div class="page-leftheader">
            <h4 class="page-title mb-0 text-primary">الصلاحيات والأدوار</h4>
        </div>
    </div>
    <!--End Page header-->

    <!-- Row -->
    <x-form.form title="تعديل دور" method="put" action="{{ route('admin.roles.update', $role->id) }}">


        <x-form.input id="display_name" value="{{ old('display_name') ?? $role->display_name }}" name='display_name'
            title="إسم الدور" />

        {{--<x-form.select2 name="permissions[]" placeholder="الصلاحيات" multiple="{{ true }}">--}}
            {{--@foreach ($permissions as $permission)--}}
                {{--<option value="{{ $permission->id }}"--}}
                    {{--{{ old('permissions') ? (in_array($permission->id, old('permissions')) ? 'selected' : '') : (in_array($permission->id, $role->permissions->pluck('id')->toArray()) ? 'selected' : '') }}>--}}
                    {{--{{ $permission->display_name }}--}}
                {{--</option>--}}
            {{--@endforeach--}}
        {{--</x-form.select2>--}}

        <div class="form-group">
            <label for="userName">الصلاحيات</label>
            <br>
            <label><input id="selectAll" type="checkbox">
                الكل</label>
            <br>

            @foreach($permissions as $permission)
                <label style="width:32%; display: inline-block">
                    <input
                        type="checkbox" name="permissions[]" {{ old('permissions') ? (in_array($permission->id, old('permissions')) ? 'checked' : '') : (in_array($permission->id, $role->permissions->pluck('id')->toArray()) ? 'checked' : '') }}
                    value="{{$permission->id}}">
                    {{$permission->display_name}}</label>
            @endforeach
            <p class="help-block" id="error_userName"></p>
            @if($errors->has('permissions'))
                <div id="{{ $id }}Feedback" class="invalid-feedback">
                    {{ $errors->first('permissions') }}
                </div>
            @endif
        </div>

        <button type="submit" class="btn btn-primary mt-4 mb-0">حفظ</button>


    </x-form.form>
    <!-- /Row -->
@endsection('content')

@section('scripts')
    <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script type="text/javascript">
        $("#selectAll").click(function(){
            $("input[type=checkbox]").prop('checked', $(this).prop('checked'));

        });
    </script>
@endsection