<?php $__env->startSection('content'); ?>

    <div class="sixteen wide tablet sixteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">PERSONAL REGISTRADO</h4>
            
            <table class="ui celled striped table">
                <thead>
                    <tr>
                        <th class="head_table">N°</th>
                        <th class="head_table">Nombres</th>
                        <th class="head_table">Apellidos</th>
                        <th class="head_table">Telefono</th>
                        <th class="head_table">Rol</th>
                        <th class="head_table">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                   <?php /**/ $i = $data->firstItem() /**/ ?>
                    <?php $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $usuario): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <tr data-table="<?php echo e($usuario->id_usuario); ?>">
                        <td><?php echo e($i); ?></td>
                        <td><?php echo e($usuario->nombres); ?></td>
                        <td><?php echo e($usuario->apellidos); ?></td>
                        <td><?php echo e($usuario->telefono); ?></td>
                        <td><?php echo e($usuario->rol->nombre); ?></td>
                        <td>                            
                            <div class="ui mini vertical animated positive button button_info_modal" title="Ver informacion detallada" data-id="<?php echo e($usuario->id_usuario); ?>">
                                <div class="hidden content">Info</div>
                                <div class="visible content"><i class="search icon"></i></div>
                            </div>
                            <a class="ui mini vertical animated blue button" title="Editar datos" href="<?php echo e(url('personal/editar/'.$usuario->id_usuario)); ?>">
                                <div class="hidden content">Editar</div>
                                <div class="visible content"><i class="pencil alternate icon"></i></div>
                            </a>
                            <div class="ui mini vertical animated red button button_delete_modal" title="Eliminar registro" data-id="<?php echo e($usuario->id_usuario); ?>">
                                <div class="hidden content">Eliminar</div>
                                <div class="visible content"><i class="trash alternate icon"></i></div>
                            </div>
                        </td>
                    </tr>
                    <?php /**/ $i++ /**/ ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="6">
                            <?php echo $__env->make('layout.includes.pagination', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        </th>
                    </tr>
                </tfoot>
            </table>

        </div>
    </div>

    <!--start delete modal -->
    <div class="ui small basic modal" id="delete_modal">
        <div class="ui icon header"><i class="trash alternate icon"></i>Eliminar Registro</div>
        <div class="content" style="text-align: center; font-size: 16px">
          <p>¿Está seguro que quiere eliminar este registro del sistema?</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button" title="Haga clic para salir"><i class="remove icon"></i>Cancelar</div>
            <div class="ui green ok inverted button" title="Haga clic para eliminar"> <i class="checkmark icon"></i>Eliminar</div>
        </div>
    </div>
    <!--end delete modal -->
    
    <!--start details modal -->
    <div class="ui standard small modal" id="detalles_modal">
        <div class="header">Información de Personal</div>
        <div class="image content">
            <div class="ui large circular image">
                <img id="url_avatar" src="">
            </div>
            <div class="description">
                <div class="ui equal width grid">
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Usuario : </b></div>
                        <div class="eleven wide column"><span id="username"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Nombres : </b></div>
                        <div class="eleven wide column"><span id="nombres"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Apellidos : </b></div>
                        <div class="eleven wide column"><span id="apellidos"></span></div>
                    </div>
                   <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>DNI : </b></div>
                        <div class="eleven wide column"><span id="dni"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Telefono : </b></div>
                        <div class="eleven wide column"><span id="telefono"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Domicilio : </b></div>
                        <div class="eleven wide column"><span id="domicilio"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>F. Nacimiento : </b></div>
                        <div class="eleven wide column"><span id="fecha_nacimiento"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Email : </b></div>
                        <div class="eleven wide column"><span id="email"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Rol : </b></div>
                        <div class="eleven wide column"><span id="rol"></span></div>
                    </div>
                    <div class="row" style="padding-bottom: 0 !important">
                        <div class="five wide column " style="text-align: right"><b>Lugar de Trabajo : </b></div>
                        <div class="eleven wide column"><span id="local"></span></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="actions">
            <div class="ui primary right labeled icon deny button">Cerrar<i class="times icon"></i></div>
        </div>
    </div>
    <!--end details modal -->

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script src="<?php echo e(asset('js/usuario/listar.js')); ?>"></script>
<?php $__env->stopSection(); ?>



<?php echo $__env->make('layout.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>