@component('components.widget')

    @if(isset($role_permissions) && count($role_permissions) > 0)
        {!! Form::open(['url' => action([\App\Http\Controllers\RoleController::class, 'update'], [$role->id]), 'method' => 'PUT', 'id' => 'role_form']) !!}
    @else
        {!! Form::open(['url' => action([\App\Http\Controllers\RoleController::class, 'store']), 'method' => 'post', 'id' => 'role_add_form','class'=>'needs-validation' , 'novalidate' ]) !!}
    @endif
    @php
        $role_name = '';
        if(!empty($role)){
            $role_name = explode('#',$role->name);
            $role_name = $role_name[0];
        }
    @endphp
    <div class="row">
        <div class="col-md-12">
            @component('components.widget', ['title' => __('app.new_role'),'icon' => __('<i class="ti-envelope me-15"></i>')])
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="form-label"> {!! Form::label('name', __( 'user.role_name' ) . ':*') !!}</label>
                            {!! Form::text('name', $role_name, ['class' => 'form-control', 'required', 'placeholder' => __( 'user.role_name' ),'data-validation-required-message'=>"This field is required" ]); !!}
                        </div>
                    </div>
                </div>
            @endcomponent
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            @component('components.widget', ['title' => __('user.permissions'),'icon' => __('<i class="ti-envelope me-15"></i>')])
                <div class="row">
                    <div class="col-md-2 box-header">
                        <i class="fa fa-check-square-o text-black"></i>
                        <h4 class="box-title">@lang( 'app.others' )</h4>
                    </div>
                    <div class="col-md-2  box-header">
                        <div class="checkbox">
                            <input type="checkbox" class="filled-in chk-col-success check-all check-all-others"
                                   id="others">
                            <label for="others"> {{ __( 'role.select_all' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="col-md-3 box-header">
                        <div class="demo-checkbox">
                            {!! Form::checkbox('permissions[]', 'view_export_buttons', in_array('view_export_buttons', $role_permissions),
                                [ 'class' => 'others-child filled-in chk-col-primary child' , 'id'=>'others_view_export_buttons']); !!}
                            <label for="others_view_export_buttons">   {{ __( 'app.view_export_buttons' ) }}</label>
                            <div class="help-block"></div>
                        </div>

                    </div>
                </div>
                <div class="row">

                    <div class="col-md-2 box-header">

                        <i class="fa fa-check-square-o text-black"></i>

                        <h4 class="box-title">@lang( 'role.user' )</h4>


                    </div>


                    <div class="col-md-2 box-header">
                        <div class="controls">
                            <input type="checkbox" id="user" class="filled-in chk-col-success check-all check-all-user">
                            <label for="user">{{ __( 'role.select_all' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'user.view', in_array('user.view', $role_permissions),
                                 [ 'class' => 'user-child filled-in chk-col-primary child','id'=>'user_view']); !!}
                            <label for="user_view">  {{ __( 'role.user.view' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'user.create', in_array('user.create', $role_permissions),
                                       [ 'class' => 'user-child filled-in chk-col-primary child','id'=>'user_create']); !!}
                            <label for="user_create">    {{ __( 'role.user.create' ) }}</label>
                            <div class="help-block"></div>
                        </div>

                    </div>
                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'user.update', in_array('user.update', $role_permissions),
                                 [ 'class' => 'user-child filled-in chk-col-primary child','id'=>'user_update']); !!}
                            <label for="user_update">    {{ __( 'role.user.update' ) }}</label>
                            <div class="help-block"></div>
                        </div>

                    </div>
                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'user.delete', in_array('user.delete', $role_permissions),
                                 [ 'class' => 'user-child filled-in chk-col-primary child','id'=>'user_delete']); !!}
                            <label for="user_delete">   {{ __( 'role.user.delete' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 box-header">
                        <i class="fa fa-check-square-o text-black"></i>
                        <h4 class="box-title">@lang( 'user.roles' )</h4>
                    </div>

                    <div class="col-md-2 box-header">
                        <div class="controls">
                            <input type="checkbox" id="roles"
                                   class="filled-in chk-col-success check-all check-all-roles">
                            <label for="roles">{{ __( 'role.select_all' ) }}</label>
                            <div class="help-block"></div>
                        </div>

                    </div>
                    <div class="col-md-2 box-header">

                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'roles.view', in_array('roles.view', $role_permissions),
                                    [ 'class' => 'roles-child filled-in chk-col-primary child','id'=>'roles_view']); !!}
                            <label for="roles_view"> {{ __( 'app.view_role' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'roles.create', in_array('roles.create', $role_permissions),
                                 [ 'class' => 'roles-child filled-in chk-col-primary child','id'=>'roles_create']); !!}
                            <label for="roles_create"> {{ __( 'role.create' ) }}</label>
                            <div class="help-block"></div>
                        </div>

                    </div>
                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'roles.update', in_array('roles.update', $role_permissions),
                               [ 'class' => 'roles-child filled-in chk-col-primary child','id'=>'roles_update']); !!}
                            <label for="roles_update"> {{ __( 'role.edit_role' ) }}</label>
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="col-md-2 box-header">
                        <div class="controls">
                            {!! Form::checkbox('permissions[]', 'roles.delete', in_array('roles.delete', $role_permissions),
                                [ 'class' => 'roles-child filled-in chk-col-primary child','id'=>'roles_delete']); !!}
                            <label for="roles_delete"> {{ __( 'app.delete_role' ) }}
                        </div>

                    </div>
                </div>
            @endcomponent
        </div>
    </div>
    

    </div>

    <div class="box-footer">
        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary pull-left">@lang( 'messages.save' )</button>
            </div>
        </div>


        {!! Form::close() !!}
        @endcomponent


        @section('javascript')
            <script src="{{asset('theme/js/pages/validation.js')}}"></script>
            <script src="{{asset('theme/js/pages/form-validation.js')}}"></script>
    @endsection