Sindbad~EG File Manager

<div>
<div class="container">
<div class="row">
        <div class="col-md-12"> 
           @if($updateMode)
                @include('livewire.usuario.update')
            @else
                @include('livewire.usuario.matricular')
            @endif
        </div>
        <div class="col-md-12">
              <input wire:model="search" class="form-control" type="search" placeholder="Buscar Usuario">
        </div>
</div>
        <br>
	    <div class="row">
            @if ($usuarios->count())
                <table class="table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Nombre</th>
                            <th>Correo</th>
                            <th>Datos</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($usuarios as $us)
                            <tr>
                                <td>{{ $us->id }}</td>
                                <td>{{ $us->name }}</td>
                                <td>{{ $us->email }}</td>
                                <td>
                                    <p><b>Area: </b>{{ $us->area }}</p>
                                    <p><b>Puesto: </b>{{ $us->puesto }}</p>
                                    <p><b>Fecha de ingreso: </b>{{ $us->ingreso }}</p>
                                    <p><b>Fecha de ingreso al cargo: </b>{{ $us->ingresocargo }}</p>
                                </td>
                                <td>
                                    <button wire:click="edit({{ $us->id }})" class="btn btn-sm btn-info"><i class="far fa-edit"></i></button>
                                    <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $us->matricula_id }}"><i class="far fa-trash-alt"></i></button>

                                    <!-- Modal -->
                                    <div class="modal fade" id="exampleModal{{$us->matricula_id}}" 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">Eliminar Usuario</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <p>¿Realmente quiere eliminar el Usuario {{ $us->name }}?</p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                                                    <button type="button" wire:click="delete({{ $us->matricula_id }})" class="btn btn-danger" data-dismiss="modal">Eliminar</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="col-12">
                    {{ $usuarios->links() }}
                </div>
            @else
                <div class="col-12 alert alert-warning">
                    No se encuentran registros para {{ $search }}
                </div>
            @endif
        </div>
</div>
</div>