File: /var/www/html/xfacil.desafio.com.py/resources/views/livewire/documentos.blade.php
<div>
@section('content_header')
<h1>Documentos</h1>
@stop
<div class="row">
<div class="col-12">
<div class="card card-info">
<form>
<div class="card-body">
<div class="row">
<div class="form-group" align="center">
<label>Seleccione documento a subir:</label><br>
<input type="file" wire:model='enlace' required />
<div wire:loading wire:target="enlace" class="text-sm italic text-gray-500">Cargando...</div>
@error('enlace') <span class="text-danger">{{ $message }}</span>@enderror
</div>
</div>
</div>
<div class="card-footer" align="center">
<button class="btn btn-info" wire:click.prevent="store()"><i class="fas fa-save"></i> Subir documento</button>
</div>
</form>
</div>
</div>
<div class="col-12">
<div class="card">
<!-- /.card-header -->
<div class="card-body">
<table id="tabla" class="table table-bordered table-hover">
<thead>
<tr>
<th>Enlace</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
@foreach($documentos as $doc)
<tr>
<td>
<a href="{{ url('/documentos_varios/'.$doc->enlace) }}">
{{ asset('documentos_varios/'.$doc->enlace) }} </td>
</a>
<td>
<a href="" data-target="#modal-{{$doc->id}}" data-toggle="modal"><button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button></a>
</td>
</tr>
<div class="modal fade" id="modal-{{$doc->id}}">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Eliminar documento</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>¿Esta seguro que quiere eliminar el documento {{$doc->enlace}}?</p>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" wire:click="delete({{$doc->id}})" class="btn btn-primary" data-dismiss="modal">Confirmar</button>
</div>
</div>
</div>
</div>
@endforeach
</tbody>
<tfoot>
<tr>
<th>Enlace</th>
<th>Opciones</th>
</tr>
</tfoot>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>