@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
{!! Html::style('css/datepicker.css')!!}
@stop

@section('content')
@if(Session::has('message_error_eliminar'))
<div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
        <div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error_eliminar') !!}</strong></div>
    </div>
</div>
@endif
@if(Session::has('message_error_crear'))
<div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
        <div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error_crear') !!}</strong></div>
    </div>
</div>
@endif
@if(Session::has('message_success_crear'))
<div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
        <div class="alert alert-success success-msg centrado"><strong>{!! Session::get('message_success_crear') !!}</strong></div>
    </div>
</div>
@endif
<ul class="nav nav-pills nav-justified" role="tablist">
    <li class="@if($tab=='usuarios'){!!'active'!!}@endif" ><a href="#usuarios" data-toggle="tab">Usuarios</a></li>
    <li class="@if($tab=='crear'){!!'active'!!}@endif"><a href="#crear" data-toggle="tab">Crear Usuario</a></li>
</ul>
<br><br />
<div class="tab-content">
    <div class="tab-pane @if($tab=='usuarios'){!!'active'!!}@endif" id="usuarios">
        <table id="tabla_usuarios" class="table table-hover" width="100%">
            <thead>
                <tr class="info text-center">
                    <td>Username</td>
                    <td>Nombres</td>
                    <td>Apellidos</td>
                    <td>Acciones</td>
                </tr>
            </thead>

            <tbody>
                @foreach($usuarios as $usuario)
                <tr>
                    <td>{!!$usuario->username!!} </td>
                    <td>{!!$usuario->nombres!!} </td>
                    <td>{!!$usuario->apellidos!!}</td>
                    <td class="text-center">
                        <a class="btn btn-info btn-xs"  href="{!! URL::to('sistema/editarusuario',array('data_get'=>Crypt::encrypt($usuario->id)))!!}" >Editar</a>
                        <button type="button" data-toggle="modal" data-target="#Resetear" value="{!!$usuario->id!!}" class="btn btn-warning btn-xs resetear">Reestablecer</button>
                        <button type="button" data-toggle="modal" data-target="#Eliminar" value="{!!$usuario->id!!}" class="btn btn-danger btn-xs eliminar">Eliminar</button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <div class="modal fade bs-example-modal-sm ventanamodal" id="Eliminar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Eliminar usuario</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" method="post" action="{!!URL::to('sistema/eliminarusuario')!!}">{!! csrf_field() !!}
                            <div class="form-group">
                                <div class="col-xs-12 col-md-12 col-lg-12 text-center"  class="input-group" style="margin-bottom: 25px">
                                  <label for="LabelCodigo">¿Confirma que desea eliminar el usuario seleccionado?</label>
                                  {!! Form::hidden('id',NULL ,array('id'=>'usuario_id'))!!}
                              </div>
                          </div>
                          <div class="modal-footer">
                            <input type="submit" class="btn btn-success" value="Si" name="si">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm ventanamodal" id="Resetear" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Reestablecer clave de acceso</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form" method="post" action="{!!URL::to('sistema/resetearusuario')!!}">{!! csrf_field() !!}
                        <div class="form-group">
                            <div class="col-xs-12 col-md-12 col-lg-12 text-center"  class="input-group" style="margin-bottom: 25px">
                                <label for="LabelCodigo">¿Confirma que desea reestablecer la clave de acceso del usuario?</label>
                                  {!! Form::hidden('id',NULL ,array('id'=>'usuario_id_r'))!!}
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" class="btn btn-success" value="Si" name="si">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="tab-pane @if($tab=='crear'){!!'active'!!}@endif " id="crear">
    {!! Form::open(array('url'=>'sistema/guardarusuario','class'=>'formulario'))!!}{!! csrf_field() !!}
    <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('nombre de usuario')){!!'has-error'!!} @endif">
        <label >Username</label>
        {!! Form::text('username', NULL , $attributes = array('class' => 'form-control', 'id'=>'username','placeholder'=>''))!!}
        <div class="text-danger">
            @if($errors->has('nombre de usuario'))   {!! $errors->first('nombre de usuario') !!}    @else {!! "&nbsp;" !!} @endif
        </div>
    </div>
    <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('nombres')){!!'has-error'!!} @endif">
        <label >Nombres</label>
        {!! Form::text('nombres', NULL , $attributes = array('class' => 'form-control', 'id'=>'nombres'))!!}
        <div class="text-danger">
            @if($errors->has('nombres'))   {!! $errors->first('nombres') !!}    @else {!! "&nbsp;" !!} @endif
        </div>
    </div>
    <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('apellidos')){!!'has-error'!!} @endif">
        <label >Apellidos</label>
        {!! Form::text('apellidos', NULL , $attributes = array('class' => 'form-control', 'id'=>'apellidos'))!!}
        <div class="text-danger">
            @if($errors->has('apellidos'))   {!! $errors->first('apellidos') !!}    @else {!! "&nbsp;" !!} @endif
        </div>
    </div>
    <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('correo')){!!'has-error'!!} @endif">
        <label >E-mail</label>
        {!! Form::text('correo', NULL , $attributes = array('class' => 'form-control', 'id'=>'correo','placeholder'=>'example@iutar.com'))!!}
        <div class="text-danger">
            @if($errors->has('correo'))   {!! $errors->first('correo') !!}    @else {!! "&nbsp;" !!} @endif
        </div>
    </div>
    <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('clave de acceso')){!!'has-error'!!} @endif">
        <label for="password">Clave de Acceso</label>
        {!! Form::password('password', $attributes = array('class' => 'form-control','id' => 'password','required' => 'required')) !!}
        <div class="text-danger">
            @if($errors->has('clave de acceso'))   {!! $errors->first('clave de acceso') !!}    @else {!! "&nbsp;" !!} @endif
        </div>
    </div>
    <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
      <div class="pre-scrollable">
        <table class="table">
          <thead>
            <tr class="info">
              <th width="5%">
                    <input type="checkbox" class="todos" id="seleccionarModulo"/>
              </th>
              <th>
                <label class="checkbox-inline" for="seleccionarModulo">
                    <strong>Módulos</strong>
                </label>
              </th>
            </tr>
          </thead>
          <tbody>
            @foreach($permisos as $permiso)
              <tr>
                <td>
                    <input type="checkbox" id="permiso-{!!$permiso->id !!}" name="permiso-{!!$permiso->id!!}"/>
                </td>
                <td>
                    <label class="checkbox-inline" for="permiso-{!!$permiso->id!!}">
                        {!!$permiso->descripcion!!}
                    </label>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
        <input type="submit" value="Crear Usuario" class="btn btn-success">
    </div>
    {!!form::close()!!}
</div>


</div>

@stop
@section('postscript')
{!! Html::script('js/jquery_ui.js') !!}
{!! Html::script('js/datepicker/bootstrap-datepicker.js') !!}
{!! Html::script('js/datepicker/locales/bootstrap-datepicker.es.js') !!}
{!! Html::script('js/datatable/jquery.dataTables.js') !!}
{!! Html::script('js/datatable/dataTables.bootstrap.js') !!}
<script type="text/javascript">
    $(document).ready(function(){

        $('#tabla_usuarios').dataTable();

        $(document).on("change","input[type='checkbox'].todos",function(){
          var input = $(this);
          input.parents("table").children("tbody").children("tr").each(function(){
            $(this).children().first().find("input[type='checkbox']").prop("checked",(input.is(":checked") ? true : false));
          });
        });

        $(document).on("change","input[type='checkbox']:not(.todos)",function(){
          var todos = false;
          $(this).parents("table").children("tbody").children("tr").each(function(){
            if($(this).children().first().find("input[type='checkbox']").is(":checked")){
              todos = true;
            }else{
              todos = false;
              return false;
            }
          });
          if(todos){
            $(this).parents("table").children("thead").find("input[type='checkbox'].todos").prop("checked",true);
          }else{
            $(this).parents("table").children("thead").find("input[type='checkbox'].todos").prop("checked",false);
          }
        });
    });

    $(".eliminar").click(function(){
        var parametro=$(this).val();
        $("#usuario_id").val(parametro);
    });

    $(".resetear").click(function(){
        var parametro=$(this).val();
        $("#usuario_id_r").val(parametro);

    });
</script>
@stop