@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="post" action="{{ route('admin.roles.store') }}">


        <x-form.input id="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' : '') : '' }}>--}}
                    {{--{{ $permission->display_name }}--}}
                {{--</option>--}}
            {{--@endforeach--}}
        {{--</x-form.select2>--}}

        {{--@foreach ($permissions as $permission)--}}
        {{--<input name="permissions[]" type="checkbox" class="custom-control-input"--}}
               {{--value="{{$permission->id}}" {{ old('permissions') ? (in_array($permission->id, old('permissions')) ? 'checked' : '') : '' }}>--}}
        {{--<label class="custom-control-label"--}}
               {{--for="{{$permission->display_name}}">--}}
                {{--{{$permission->display_name}}--}}
        {{--</label>--}}
        {{--@endforeach--}}

        <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' : '') : '' }}
                    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