@extends("layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="https://cdn.ihouse.ps/assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet"
          type="text/css"/>
@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">@lang("constants.new_role")</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    {{Form::open(['route'=>"roles.store",'role'=>"form"])}}
                    <div class="form-body">
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("name",NULL,['class'=>'form-control m-input'])}}
                            {{Form::label("name",trans("constants.name"))}}
                        </div>

                        <div class="form-group m-form__group">
                            {{Form::label("permissions",trans("constants.permissions"))}}
                            {{Form::select("permissions[]",$permissions,NULL,["multiple"=>"true",'class'=>'form-control select2-multiple'])}}
                        </div>
                        <div class="form-actions noborder">
                            <button type="submit" class="btn blue">@lang("constants.create")</button>
                            <button type="reset" class="btn default">@lang("constants.clear")</button>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script src="https://cdn.ihouse.ps/assets/global/plugins/select2/js/select2.full.min.js"
            type="text/javascript"></script>
    <script>
        $.fn.select2.defaults.set("theme", "bootstrap");
        $(".select2, .select2-multiple").select2({
            placeholder: "@lang("constants.select_permission_or_more")",
            width: null
        });
    </script>
@endsection