@extends("layouts.app")

@section("content")
<div id="content-page" class="content-page">
  <div class="container-fluid">
    <div class="row row-eq-height">
      <div class="col-sm-12">
        <div class="iq-card">
          <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
              <h4>
                Crear roles
              </h4>
            </div>
          </div>
          <div class="iq-card-body">
            {!! Form::open(['url' => url('/sistema/roles/guardar')]) !!}
              <div class="row">
                @if(session()->has('mensaje'))
                  <div class="col-md-12">
                    <div class="alert alert-success">
                      {{ session()->get('mensaje') }}
                    </div>
                  </div>
                @endif
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Nombre:</label>
                    {{Form::text('nombre', NULL, ['class'=>'form-control'])}}
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <label>Permisos:</label>                      
                    {{Form::select('permisos[]', $permisos, NULL, ['class'=>'form-control', 'multiple' => true, 'style' => 'height:300px'])}}
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <button type="submit" class="btn btn-primary">Guardar</button>
                    <a href="{{url('/sistema/roles')}}" class="btn btn-dark"><i class="ion-android-arrow-back"></i> Regresar</a>
                  </div>
                </div>
              </div>
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection