<div wire:ignore.self class="modal fade" id="exampleModal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Agregar alumnos a grupo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">


            <div class="mb-3">
                 <table id="tcont" class="table table-striped table-bordered nowrap table-hover" style="width:100%;">
                        <thead>
                            <tr>
                                <th>Seleccionar</th>
                                <th>Id</th>
                                <th>Nombre</th>
                                <th>Nivel</th>
                                <th>Carrera</th>
                            </tr>
                        </thead>
                        <tbody>
                                @forelse ($alumnos as $alumno)
                                    <tr style="width:100%">
                                        <td class="text-center">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input cb"
                                                    wire:model="selectedAlumnos" value="{{ $alumno->id }}">
                                            </div>
                                        </td>
                                        <td>{{$alumno->id}}</td>
                                        <td>{{$alumno->usuario->first()?->name}} {{$alumno->usuario->first()?->apellidoPaterno}} {{$alumno->usuario->first()?->apellidoMaterno}}</td>
                                        <td>{{$alumno->nivelRel?->name}}</td>

                                        <td>
                                            {{$alumno->plan?->carreraRel?->name}}
                                        </td>

                                    </tr>
                                @empty
                                    <p>Sin alumnos.</p>
                                @endforelse

                        </tbody>
                    </table>
            </div>
        <button wire:click="guardar" class="btn btn-primary">
            Agregar
        </button>

      </div>
    </div>
  </div>
</div>


