@extends('layouts.md-admin')
@section('title', trans('cruds.role.title'))
@section('content')

    <div class="card">

        <div class="row card-header">
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                <h6> {{ trans('global.edit') }} {{ trans('cruds.role.title_singular') }}</h6>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <div class="right-content">
                    <a class="btn btn-sm btn-dark" href="{{ route('admin.roles.index') }}">
                        {{ trans('global.back') }}
                    </a>
                </div>
            </div>
        </div>

        <div class="card-body">
            <form method="POST" action="{{ route('admin.roles.store') }}" enctype="multipart/form-data"
                class="text-start artical">
                @csrf
                <div class="row">
                    <div class="form-group col-md-4">
                        <label class="required" for="title">{{ trans('cruds.role.fields.title') }}</label>
                        <div class="input-group input-group-outline mb-3">
                            <input class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" type="text"
                                name="title" id="title" value="{{ old('title', '') }}" maxlength="255" required>
                        </div>
                        @if ($errors->has('title'))
                            <div class="invalid-feedback">
                                {{ $errors->first('title') }}
                            </div>
                        @endif
                        <span class="help-block">{{ trans('cruds.role.fields.title_helper') }}</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                            <label class="required"
                                for="permissions">{{ trans('cruds.role.fields.permissions') }}</label><br>
                        </div>
                    </div>
                </div>

                <hr>
                <div class="row m-0">

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="dashboard" />
                            {{ trans('cruds.roles.fields.dashboard') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="dashboard" name="permissions[]" value="48">
                                {{ trans('cruds.roles.fields.dashboard_admin') }} </li>

                            <li><input type="checkbox" class="dashboard" name="permissions[]" value="47">
                                {{ trans('cruds.roles.fields.dashboard_user') }} </li>

                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="research_article">
                            {{ trans('cruds.roles.fields.research_article') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="28">
                                {{ trans('cruds.roles.fields.research_article_add') }} </li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="29">
                                {{ trans('cruds.roles.fields.research_article_edit') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="30">
                                {{ trans('cruds.roles.fields.research_article_show') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="31">
                                {{ trans('cruds.roles.fields.research_article_delete') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="32">
                                {{ trans('cruds.roles.fields.research_article_list') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="54">
                                {{ trans('cruds.roles.fields.research_article_submit') }} </li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="55">
                                {{ trans('cruds.roles.fields.research_article_approve') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="56">
                                {{ trans('cruds.roles.fields.research_article_reject') }}</li>
                            <li><input type="checkbox" class="research_article" name="permissions[]" value="56">
                                {{ trans('cruds.roles.fields.research_article_user_list') }}</li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong> <input type="checkbox" id="user" />
                            {{ trans('cruds.roles.fields.user') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="user" name="permissions[]" value="12">
                                {{ trans('cruds.roles.fields.user_add') }}</li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="13">
                                {{ trans('cruds.roles.fields.user_edit') }}</li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="14">
                                {{ trans('cruds.roles.fields.user_show') }}</li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="15">
                                {{ trans('cruds.roles.fields.user_delete') }} </li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="16">
                                {{ trans('cruds.roles.fields.user_list') }}</li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="44">
                                {{ trans('cruds.roles.fields.user_review') }}</li>
                            <li><input type="checkbox" class="user" name="permissions[]" value="45">
                                {{ trans('cruds.roles.fields.user_approve') }}</li>
                        </ul>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <strong style="font-size: 16px;"><input type="checkbox" class="menu-management"
                                    name="permissions[]"> {{ trans('cruds.roles.fields.account') }}</strong>
                        </div>
                    </div>
                    <hr>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="profile" />
                            {{ trans('cruds.roles.fields.profile') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="profile" name="permissions[]" value="46">
                                {{ trans('cruds.roles.fields.profile_view') }}</li>

                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="change_password" />
                            {{ trans('cruds.roles.fields.change_password') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="change_password" name="permissions[]" value="43">
                                {{ trans('cruds.roles.fields.change_password') }}</li>
                        </ul>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <strong style="font-size: 16px;"><input type="checkbox" class="menu-management"
                                    name="permissions[]" value="1">
                                {{ trans('cruds.roles.fields.user_Management') }} </strong>
                        </div>
                    </div>
                    <hr>

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="permissions" />
                            {{ trans('cruds.roles.fields.Permissions') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="permissions" name="permissions[]" value="2">
                                {{ trans('cruds.roles.fields.permissions_add') }}</li>

                            <li><input type="checkbox" class="permissions" name="permissions[]" value="3">
                                {{ trans('cruds.roles.fields.permissions_edit') }}</li>

                            <li><input type="checkbox" class="permissions" name="permissions[]" value="4">
                                {{ trans('cruds.roles.fields.permissions_show') }}</li>

                            <li><input type="checkbox" class="permissions" name="permissions[]" value="5">
                                {{ trans('cruds.roles.fields.Permissions_delete') }}</li>

                            <li><input type="checkbox" class="permissions" name="permissions[]" value="6">
                                {{ trans('cruds.roles.fields.Permissions_list') }}</li>
                        </ul>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="roles" />
                            {{ trans('cruds.roles.fields.roles') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="roles" name="permissions[]" value="7">
                                {{ trans('cruds.roles.fields.roles_add') }}</li>

                            <li><input type="checkbox" class="roles" name="permissions[]" value="8">
                                {{ trans('cruds.roles.fields.roles_edit') }}</li>

                            <li><input type="checkbox" class="roles" name="permissions[]" value="9">
                                {{ trans('cruds.roles.fields.roles_show') }}</li>

                            <li><input type="checkbox" class="roles" name="permissions[]" value="10">
                                {{ trans('cruds.roles.fields.roles_delete') }} </li>

                            <li><input type="checkbox" class="roles" name="permissions[]" value="11">
                                {{ trans('cruds.roles.fields.roles_list') }}</li>
                        </ul>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <strong style="font-size: 16px;"><input type="checkbox" class="menu-management"
                                    name="permissions[]" value="57">
                                {{ trans('cruds.roles.fields.support_data') }} </strong>
                        </div>
                    </div>
                    <hr>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="area_of_expertise" />
                            {{ trans('cruds.roles.fields.areaOfExpertise') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="area_of_expertise" name="permissions[]" value="17">
                                {{ trans('cruds.roles.fields.areaOfExpertiseAdd') }}</li>

                            <li><input type="checkbox" class="area_of_expertise" name="permissions[]" value="18">
                                {{ trans('cruds.roles.fields.areaOfExpertiseEdit') }}</li>

                            <li><input type="checkbox" class="area_of_expertise" name="permissions[]" value="19">
                                {{ trans('cruds.roles.fields.areaOfExpertiseShow') }} </li>

                            <li><input type="checkbox" class="area_of_expertise" name="permissions[]" value="20">
                                {{ trans('cruds.roles.fields.areaOfExpertiseDelete') }}</li>

                            <li><input type="checkbox" class="area_of_expertise" name="permissions[]" value="21">
                                {{ trans('cruds.roles.fields.areaOfExpertiseList') }}</li>
                        </ul>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="academic_title" />
                            {{ trans('cruds.roles.fields.academicTitle') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="academic_title" name="permissions[]" value="22">
                                {{ trans('cruds.roles.fields.academicTitleAdd') }}</li>

                            <li><input type="checkbox" class="academic_title" name="permissions[]" value="23">
                                {{ trans('cruds.roles.fields.academicTitleEdit') }}</li>

                            <li><input type="checkbox" class="academic_title" name="permissions[]" value="24">
                                {{ trans('cruds.roles.fields.academicTitleShow') }}</li>

                            <li><input type="checkbox" class="academic_title" name="permissions[]" value="25">
                                {{ trans('cruds.roles.fields.academicTitleDelete') }} </li>

                            <li><input type="checkbox" class="academic_title" name="permissions[]" value="26">
                                {{ trans('cruds.roles.fields.academicTitleList') }} </li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="scientific_area" />
                            {{ trans('cruds.roles.fields.scientificAreaofResearch') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="scientific_area" name="permissions[]" value="33">
                                {{ trans('cruds.roles.fields.scientificAreaofResearchAdd') }}</li>

                            <li><input type="checkbox" class="scientific_area" name="permissions[]" value="34">
                                {{ trans('cruds.roles.fields.scientificAreaofResearchEdit') }}</li>

                            <li><input type="checkbox" class="scientific_area" name="permissions[]" value="35">
                                {{ trans('cruds.roles.fields.scientificAreaofResearchShow') }} </li>

                            <li><input type="checkbox" class="scientific_area" name="permissions[]" value="36">
                                {{ trans('cruds.roles.fields.scientificAreaofResearchDelete') }}</li>

                            <li><input type="checkbox" class="scientific_area" name="permissions[]" value="37">
                                {{ trans('cruds.roles.fields.scientificAreaofResearchList') }} </li>
                        </ul>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="keyword" />{{ trans('cruds.roles.fields.keyword') }}
                        </strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="keyword" name="permissions[]" value="38">
                                {{ trans('cruds.roles.fields.keywordAdd') }}</li>

                            <li><input type="checkbox" class="keyword" name="permissions[]" value="39">
                                {{ trans('cruds.roles.fields.keywordEdit') }}</li>

                            <li><input type="checkbox" class="keyword" name="permissions[]" value="40">
                                {{ trans('cruds.roles.fields.keywordShow') }}</li>

                            <li><input type="checkbox" class="keyword" name="permissions[]" value="41">
                                {{ trans('cruds.roles.fields.KeywordDelete') }}</li>

                            <li><input type="checkbox" class="keyword" name="permissions[]" value="42">
                                {{ trans('cruds.roles.fields.keywordList') }}</li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="country" />
                            {{ trans('cruds.roles.fields.country') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="country" name="permissions[]" value="59">
                                {{ trans('cruds.roles.fields.countryAdd') }}</li>

                            <li><input type="checkbox" class="country" name="permissions[]" value="60">
                                {{ trans('cruds.roles.fields.countryEdit') }}</li>

                            <li><input type="checkbox" class="country" name="permissions[]" value="61">
                                {{ trans('cruds.roles.fields.countryShow') }}</li>

                            <li><input type="checkbox" class="country" name="permissions[]" value="62">
                                {{ trans('cruds.roles.fields.countryDelete') }}</li>

                            <li><input type="checkbox" class="country" name="permissions[]" value="58">
                                {{ trans('cruds.roles.fields.countryList') }}</li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                        <strong><input type="checkbox" id="slider" />
                            {{ trans('cruds.roles.fields.sliders') }}</strong><br>
                        <ul class="padding-left">
                            <li><input type="checkbox" class="slider" name="permissions[]" value="65">
                                {{ trans('cruds.roles.fields.sliderAdd') }}</li>

                            <li><input type="checkbox" class="slider" name="permissions[]" value="66">
                                {{ trans('cruds.roles.fields.sliderEdit') }}</li>

                            <li><input type="checkbox" class="slider" name="permissions[]" value="67">
                                {{ trans('cruds.roles.fields.sliderShow') }}</li>

                            <li><input type="checkbox" class="slider" name="permissions[]" value="68">
                                {{ trans('cruds.roles.fields.sliderDelete') }}</li>

                            <li><input type="checkbox" class="slider" name="permissions[]" value="64">
                                {{ trans('cruds.roles.fields.sliderList') }}</li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <strong style="font-size: 16px;"><input type="checkbox" class="menu-management"
                                name="permissions[]"> {{ trans('cruds.roles.fields.notification') }} </strong>
                    </div>
                </div>
                <hr>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 single-category">
                    <strong><input type="checkbox" id="notification" />
                        {{ trans('cruds.roles.fields.notification') }}</strong><br>
                    <ul class="padding-left">
                        <li><input type="checkbox" class="notification" name="permissions[]" value="53">
                            {{ trans('cruds.roles.fields.notificationDelete') }}</li>

                        <li><input type="checkbox" class="notification" name="permissions[]" value="52">
                            {{ trans('cruds.roles.fields.notificationList') }}</li>
                    </ul>
                </div>
                <div class="form-group">
                    <button class="btn btn-sm btn-dark" type="submit">
                        {{ trans('global.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    @parent
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $('#dashboard').change(function() {
            $('.dashboard').prop('checked', this.checked);
        });

        $('.dashboard').change(function() {
            if ($('.dashboard:checked').length == $('.dashboard').length) {
                $('#dashboard').prop('checked', true);
            } else {
                $('#dashboard').prop('checked', false);
            }
        });

        $('#research_article').change(function() {
            $('.research_article').prop('checked', this.checked);
        });

        $('.research_article').change(function() {
            if ($('.research_article:checked').length == $('.research_article').length) {
                $('#research_article').prop('checked', true);
            } else {
                $('#research_article').prop('checked', false);
            }
        });

        $('#user').change(function() {
            $('.user').prop('checked', this.checked);
        });

        $('.user').change(function() {
            if ($('.user:checked').length == $('.user').length) {
                $('#user').prop('checked', true);
            } else {
                $('#user').prop('checked', false);
            }
        });

        $('#profile').change(function() {
            $('.profile').prop('checked', this.checked);
        });

        $('.profile').change(function() {
            if ($('.profile:checked').length == $('.profile').length) {
                $('#profile').prop('checked', true);
            } else {
                $('#profile').prop('checked', false);
            }
        });

        $('#change_password').change(function() {
            $('.change_password').prop('checked', this.checked);
        });

        $('.change_password').change(function() {
            if ($('.change_password:checked').length == $('.change_password').length) {
                $('#change_password').prop('checked', true);
            } else {
                $('#change_password').prop('checked', false);
            }
        });


        $('#permissions').change(function() {
            $('.permissions').prop('checked', this.checked);
        });

        $('.permissions').change(function() {
            if ($('.permissions:checked').length == $('.permissions').length) {
                $('#permissions').prop('checked', true);
            } else {
                $('#permissions').prop('checked', false);
            }
        });

        $('#roles').change(function() {
            $('.roles').prop('checked', this.checked);
        });

        $('.roles').change(function() {
            if ($('.roles:checked').length == $('.roles').length) {
                $('#roles').prop('checked', true);
            } else {
                $('#roles').prop('checked', false);
            }
        });

        $('#area_of_expertise').change(function() {
            $('.area_of_expertise').prop('checked', this.checked);
        });

        $('.area_of_expertise').change(function() {
            if ($('.area_of_expertise:checked').length == $('.area_of_expertise').length) {
                $('#area_of_expertise').prop('checked', true);
            } else {
                $('#area_of_expertise').prop('checked', false);
            }
        });

        $('#academic_title').change(function() {
            $('.academic_title').prop('checked', this.checked);
        });

        $('.academic_title').change(function() {
            if ($('.academic_title:checked').length == $('.academic_title').length) {
                $('#academic_title').prop('checked', true);
            } else {
                $('#academic_title').prop('checked', false);
            }
        });

        $('#scientific_area').change(function() {
            $('.scientific_area').prop('checked', this.checked);
        });

        $('.scientific_area').change(function() {
            if ($('.scientific_area:checked').length == $('.scientific_area').length) {
                $('#scientific_area').prop('checked', true);
            } else {
                $('#scientific_area').prop('checked', false);
            }
        });

        $('#keyword').change(function() {
            $('.keyword').prop('checked', this.checked);
        });

        $('.keyword').change(function() {
            if ($('.keyword:checked').length == $('.keyword').length) {
                $('#keyword').prop('checked', true);
            } else {
                $('#keyword').prop('checked', false);
            }
        });

        $('#country').change(function() {
            $('.country').prop('checked', this.checked);
        });

        $('.country').change(function() {
            if ($('.country:checked').length == $('.country').length) {
                $('#country').prop('checked', true);
            } else {
                $('#country').prop('checked', false);
            }
        });

        $('#notification').change(function() {
            $('.notification').prop('checked', this.checked);
        });

        $('.notification').change(function() {
            if ($('.notification:checked').length == $('.notification').length) {
                $('#notification').prop('checked', true);
            } else {
                $('#notification').prop('checked', false);
            }
        });

        $('#slider').change(function() {
            $('.slider').prop('checked', this.checked);
        });

        $('.slider').change(function() {
            if ($('.slider:checked').length == $('.slider').length) {
                $('#slider').prop('checked', true);
            } else {
                $('#slider').prop('checked', false);
            }
        });
    </script>

@stop