@extends('layouts.app')

@section('content')
<!-- Horizontal Layout -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Usuarios</strong>
                </h2>
                <ul class="header-dropdown m-r--5">
                    <li class="dropdown">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="material-icons">more_vert</i>
                        </a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="{{ url('/') }}/usuario/exportar" target="_blank">Exportar</a></li>
                            <li><a href="{{ url('/') }}/usuario">Refrescar</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="body">
                <div class="row clearfix">
                    <form class="form-horizontal" id="form-buscar-usuario" method="post" action="{{ url('/') }}/usuario">
                        <div class="col-md-2" style="margin-bottom: 0px;"></div>
                        <div class="col-md-3">
                            <div class="form-line">
                                <select class="form-control show-tick" name="opcion" required>
                                    <option value="">-----</option>
@foreach ($opciones as $key => $value)
                                    <option value="{{ $key }}"
@if (isset($buscar))
    @if ($buscar['opcion'] == $key)
                                     selected="selected"
    @endif
@endif
                                    >{{ $value }}</option>
@endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-line">
                                <input type="text" name="busqueda" class="form-control" placeholder="Buscar" autocomplete="off" 
@if (isset($buscar))
                                value="{{ $buscar['busqueda'] }}" 
@endif
                                required>
                            </div>
                            {{ csrf_field() }}
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-block bg-blue waves-effect"> <i class="material-icons">search</i> <strong>Buscar</strong> </button>
                        </div>
                        <div class="col-md-2" style="margin-bottom: 0px;"></div>
                    </form>
                </div>
                <a class="btn bg-fia btn-circle-lg waves-effect waves-circle waves-float btn-float" href="{{ url('/') }}/usuario/editar">
                    <i class="material-icons">add</i>
                </a>
                <div class="row clearfix">
                    <div class="col-md-12 table-responsive" style="margin-bottom: 0px;">
                        <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0px;">
                            <thead class="bg-blue-grey">
                                <tr>
                                    <th class="align-center">Usuario</th>
                                    <th class="align-center">Foto</th>
                                    <th class="align-center">Formalidad</th>
                                    <th class="align-center">Nombre</th>
                                    <th class="align-center">Rol</th>
                                    <th class="align-center">Ingreso</th>
                                    <th class="align-center">Opc.</th>
                                </tr>
                            </thead>
                            <tbody>
@foreach($usuarios as $usuario)
                                <tr
@if ($usuario->estado == '0')
                                 style="color: red;"
@endif
                                >
                                    <td class="align-center" style="vertical-align: middle;">{{ $usuario->usuario }}</td>
                                    <td class="align-center" style="vertical-align: middle;">
@if (empty($usuario->foto))
                                        <img src="{{ asset('img/template/user.png') }}" width="35" height="35" style="border-radius: 50%;">
@else
                                        <img src="data:image/jpeg;base64,{{ base64_encode(Storage::get($usuario->foto)) }}" width="35" height="35" style="border-radius: 50%;">
@endif
                                    </td>
                                    <td class="align-center" style="vertical-align: middle;">{{ $usuario->abreviaturaFormalidad }}</td>
                                    <td style="vertical-align: middle;">{{ trim(trim($usuario->nombreUsuario).' '.trim($usuario->apellidoPaterno).' '.trim($usuario->apellidoMaterno)) }}</td>
                                    <td class="align-center" style="vertical-align: middle;">{{ $usuario->nombreRol }}</td>

                                    @if($usuario->indPrimerAcceso == 1)
                                        <td class="align-center" style="vertical-align: middle;">NO</td>
                                    @else
                                        <td class="align-center" style="vertical-align: middle;">SI</td>
                                    @endif
                                    <td class="align-center" style="vertical-align: middle;">
                                        <ul class="body-dropdown">
                                            <li class="dropdown">
                                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                                    <i class="material-icons">more_vert</i>
                                                </a>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="{{ url('/') }}/usuario/editar/{{ $usuario->usuarioId }}">Editar</a></li>
                                                    <!-- <li><a href="{{ url('/') }}/rol/editar/{{ $usuario->rolId }}">Rol</a></li> -->
                                                    <li>
@if ($usuario->estado == '1')
                                                    <a href="{{ url('/') }}/usuario/estado/{{ $usuario->usuarioId }}/D">Desactivar</a>
@else
                                                    <a href="{{ url('/') }}/usuario/estado/{{ $usuario->usuarioId }}/A">Activar</a>
@endif
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
@endforeach
@for ($nr = 0; $nr < $filaVacia; $nr++)
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                </tr>
@endfor
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
@if(count($usuarios) > 0)
            <div class="footer">
                <div class="row clearfix">
                    <div class="col-md-6 align-left">
                        <p class="font-bold" style="margin-top: 9px;">Mostrando {{ $usuarios->firstItem() }} a {{ $usuarios->lastItem() }} de {{ $usuarios->total() }} registros</p>
                    </div>
                    <div class="col-md-6 align-right">
                        {{ $usuarios->links() }}
                    </div>
                </div>
            </div>
@endif
        </div>
    </div>
</div>
<!-- #END# Horizontal Layout -->
@endsection