<div>
    <h1 align="center">Reacciones de las cápsulas - <button onclick="fnExcelReport()" class="btn btn-success">Descargar reacciones</button></h1>
    <div class="card">
    	<div class="card-header">
			<div class="col-md-12">
              	<input wire:model="search" class="form-control" type="search" placeholder="Buscar" />
        	</div>
		</div>
		<div class="card-body">
		    <table class="table table-bordered" id="headerTable">
		        <thead>
		            <tr>
		                <th>Cápsulas</th>
		                <th>Reacciones</th>
		                <th>Opciones</th>
		            </tr>
		        </thead>
		        <tbody>
		            @foreach($capsulas as $value)
			            <tr>
			                <td>
                                <b>Cápsula: </b>{{ $value->titulo }} <br>
                                <b>Curso: </b>{{ $value->curso }}
                            </td>
			                @livewire('reaccionescursocontador', ['capsula_id' => $value->id ])
			            </tr>
		            @endforeach
		        </tbody>
		    </table>
		</div>
        <div class="card-footer">
            <div class="col-12">
	        	{{ $capsulas->links() }}
            </div>
		</div>
    </div>
	
</div>