@extends('layouts.app')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('modern/app-assets/vendors/css/forms/icheck/icheck.css')}}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern/app-assets/vendors/css/forms/icheck/custom.css')}}">
    <style>

    </style>
@endsection

@section('content')

    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-header separator">
                    <h4 class="card-title" id="heading-buttons1">Add Role Permission</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">

                    </div>
                </div>
                <div class="card-content">
                    <div class="card-body skin skin-flat">
                        <form role="form" action="{{url('create_role_permission')}}" method="POST"
                              class="add form-validations">

                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group form-group-default required">
                                        <label>Name</label>
                                        <input type="text" class="form-control validate[required]" name="name">
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-12">
                                    <label>Assign Permissions</label>
                                </div>
                            </div>
                            <div class="row">

                                                                @foreach ($permission as $value)

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

                                        <div class="checkbox check-success  ">
                                            <input name="permission[]" type="checkbox" value="{{$value->id}}"
                                                   id="checkbox{{$value->id}}">
                                            <label for="checkbox{{$value->id}}">{{ucfirst($value->name)}}</label>
                                        </div>

                                    </div>
                                                                    @endforeach

                            </div>
                            <br/>

                            <div class="clearfix">
                                <div class="float-right">
                                    <button class="btn btn-warning btn-min-width btn-cons cancel-btn" type="button"
                                            data-redirect_url="{{url('role_permission')}}">
                                        <i class="ft-x"></i>Cancel
                                    </button>
                                    <button class="btn btn-info btn-min-width btn-cons image-form-save" type="button"
                                            data-formname="add"
                                            data-posttype="POST">
                                        <i class="la la-check-square-o"></i> Save
                                    </button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>



@endsection



@section('script')
    <script src="{{ asset('modern/app-assets/vendors/js/forms/icheck/icheck.min.js')}}"></script>
    <script src="{{ asset('modern/app-assets/js/scripts/forms/checkbox-radio.js')}}"></script>

    <script>
        $(document).ready(function () {
            $('#email').on('blur', function (evt) {
                var checkExistUrl = '