<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Roles</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
	        <div class="response-data">
				
			</div>
			<form action="{{ url('user/config/roles') }}" method="POST" onsubmit="createform(this); return false">
				<input type="hidden" name="action" value="add">
				<div class="row">
					<div class="col-12">
						<label for=""><b>Rol:</b></label>
						<input type="text" class="form-control" name="name" required="" placeholder="Ingresa tu rol">
					</div>

				</div>
				<hr>
				<div class="row">
					<div class="col-12">
						<h3>Permisos</h3>
					</div>
				</div>
				<hr>
				<div class="row">
					@foreach ($permisos as $p)
					<div class="col-12">
						<input type="checkbox" name="permisos[]" value="{{$p->name}}" >
						<span class="text-uppercase" ><b>{{$p->name}}</b></span>
					</div>
					@endforeach
				</div>

				<hr>
				<div class="row selected_items">
		
				</div>
				<hr>
				<div class="row">
					<div class="col-12 text-center">
						<button class="btn btn-primary"><i class="icon-floppy-disk "></i> Guardar</button>
					</div>
				</div>
			</form>
      </div>
    </div>
  </div>
</div>