@extends('base.layouts.master')

@section('content')
<h3 class="page-title">
      @lang('menu.roles.role-modules')

</h3>
       <div style="text-align:center;border:1px solid #bce8f1; color:#31708f;background-color:#d9edf7;margin-top:20px;height:50px;padding-top:13px;">   @lang('menu.roles.role-modules')</div>
        <div class="portlet-body form">
            <!-- showing possible errors   -->
            @if(count($errors))
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
            @endif

            <!--showing messages     -->
            @include('base.layouts.partials.general.message')
            <form action="{{route('roleModule.store')}}"  method="POST">
                {{ csrf_field() }}
                <div class="form-body">
                    <div class="row">

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label">    @lang('form.inputs.admin-role')</label>
                                <select id="role_id" name="role_id" class="form-control">
                                    <option value=""> @lang('form.inputs.select')</option>
                                    @foreach($roles as $role)
                                    <option value="{{$role['id']}}">@if(app()->getLocale() != 'en'){{$role['fa_name']}} @else {{$role['name']}} @endif</option>
                                    @endforeach
                                </select>
                                <span class="help-block">  </span>
                            </div>
                        </div>
                        <br>

                        <div class="col-md-12">
                            <fieldset>
                                <legend>@lang('form.inputs.module-name')</legend>
                            <div class="form-group">
                                <label class="control-label">  </label><br>
                                <div class="row">
                                     @foreach($modules as $module)
                                     <div class="col-md-3">
                                        <div class="checkbox">
                                            <label><input type="checkbox" class="checkmodule" data-id="{{$module['id']}}"name="modules[]" value="{{$module['id']}}">@if(app()->getLocale() != 'en'){{$module['fa_name'] }} @else {{$module['name'] }} @endif</label>
                                        </div>
                                     </div>
                                     @endforeach
                               </div>
                               <span class="help-block">  </span>
                            </div>
                        </fieldset>
                        </div>

                        <br>
                    </div>


                </div>
                <br>
                <div class="form-actions right">
                    <button type="reset" class="btn default">@lang('form.inputs.clear')</button>
                    <input id="image_name" name="image_name" type="hidden" value="">
                    <button type="submit" class="btn blue">
                        <i class="fa fa-check"></i>@lang('form.inputs.save')
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')

<script>
$(function () {
    $('#role_id').change(function(){
        var selectedRole=$(this).val();
        // alert(selectedRole);
        $('input[type="checkbox"]').prop("checked", false);
        $.ajaxSetup({
        headers: { 'X-CSRF-Token' : $('meta[name=csrf-token]').attr('content') }
        });
        $.ajax({
            url: '/admin/base/role/'+selectedRole+'/modules',
            type: 'GET',
                success: function(data) {
                //console.log(data.role);
                    for (i = 0; i < data.role.length; i++) {
                        $( "input[value=" + data.role[i] + "]" ).prop("checked", true);
                    }
                },
            });
    });
});
</script>
@endsection