<div>
    <div class="card">
        <div class="card-header">
            <div class="col-12">
                <div class="form-group">
                    <input wire:model="buscar" type="search" class="form-control" placeholder="Buscar" />
                </div>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-bordered" id="example">
                <thead>
                    <tr>
                        <th>Solicitante</th>
                        <th>Producto</th>
                        <th>Monedas</th>
                        <th>Fecha de solicitud</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($canjes as $value)
                    <tr>
                        <td>{{ $value->name }}</td>
                        <td>{{ $value->nombre }}</td>
                        <td>{{ $value->monedas }}</td>
                        <td>{{ $value->fecha }}</td>
                        <td>Aprobado</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-12">
        @if($canjes->count())
                {{ $canjes->links() }}
        @else
                No hay resultados para la búsqueda "{{ $buscar }}"
        @endif
    </div>
</div>