@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt' style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Admin Aula</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/curso') }}">Cursos</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            {{-- <div class="card-header d-flex justify-content-between align-items-center">
                <div class="card-body">
                    <!-- Ejemplo de mensajes de alerta -->
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>Mensaje!</strong> Todos los usuarios se registraron satisfactoriamente al curso seleccionado.<br> Hay 3 usuario(s) que no se pudieron registrar porque ya tienen registro activo con el curso seleccionado.
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
        
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>Mensaje!</strong> Se modificó el nombre del curso satisfactoriamente.
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
        
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>Mensaje de error!</strong> Uno u otros campos están vacíos, verifique.
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
        
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>Mensaje de error!</strong> No ha seleccionado ningún docente; tiene que seleccionar al menos un docente.
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
            </div> --}}
        
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Registro de acceso agrupado por curso</h3>
            </div>
        
            <div class="card-body">
                <form class="form-horizontal" method="post" name="myform" action="tu-accion-aqui" enctype="multipart/form-data">
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Seleccione Curso Actual</label>
                        <div class="col-sm-5">
                            <select name="cursoactual" id="cursoactual" class="form-control" required="" onchange="submitForm();">
                                <option value="" selected>..:: Seleccione Opción ::..</option>
                                <option value="1">Curso Ejemplo 1</option>
                                <option value="2">Curso Ejemplo 2</option>
                                <!-- Añade más opciones de curso según sea necesario -->
                            </select>
                        </div>
                    </div>
                </form>
            </div>
        
            <div class="card-body">
                <form class="form-horizontal" action="insert_acceso_group_cursos.php" enctype="multipart/form-data" method="post">
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Seleccione Curso a Inscribir</label>
                        <div class="col-sm-5">
                            <select name="cursosiguiente" class="form-control" required>
                                <option value="" selected>..:: Seleccione Opción ::..</option>
                                <option value="3">Curso Ejemplo 3</option>
                                <option value="4">Curso Ejemplo 4</option>
                                <!-- Añade más opciones de curso según sea necesario -->
                            </select>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Activación</label>
                        <div class="col-sm-5">
                            <input type="date" value="2024-08-13" class="form-control" name="fechaA" required="" />
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Vencimiento</label>
                        <div class="col-sm-5">
                            <input type="date" class="form-control" name="fechaB" required="" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Usuario</label>
                        <div class="col-sm-5">
                            <input id="" type="text" class="form-control" name="reguser" value="ejemplo_usuario" readonly />
                        </div>
                    </div>
        
                    <hr>
                    <h4><strong>Lista de Docentes Registrados en el Curso Actual</strong></h4>
                    <h3><strong>Curso Ejemplo 1</strong></h3>
                    <div class="table table-responsive">
                        <table id="tblUser" class="table table-striped table-bordered table-condensed table-hover" cellspacing="0" cellpadding="0" width="100%">
                            <thead>
                                <tr>
                                    <th>N.</th>
                                    <th>Nombres</th>
                                    <th>DNI</th>
                                    <th>Email</th>
                                    <th>Celular</th>
                                    <th>Curso&nbsp;Inscrito</th>
                                    <th>Especialidad</th>
                                    <th>Departamento</th>
                                    <th>
                                        <center>Marcar/Desmarcar Todos<br><input type="checkbox" onclick="marcar(this);" /></center>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Ejemplo de fila -->
                                <tr>
                                    <td>1</td>
                                    <td>Juan Pérez</td>
                                    <td>12345678</td>
                                    <td>juan.perez@example.com</td>
                                    <td>987654321</td>
                                    <td>Curso Ejemplo 1</td>
                                    <td>Matemáticas</td>
                                    <td>Lima</td>
                                    <td><input type="checkbox" name="checbox[]" value="1" /></td>
                                </tr>
                                <!-- Añade más filas según sea necesario -->
                            </tbody>
                        </table>
                    </div>
        
                    <div class="box-header">
                        <center>
                            <button class="btn btn-primary" type="submit"><i class="bx bx-save"></i> Guardar </button>
                            <a href="{{url('/admin/curso')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </center>
                        <br>
                    </div>
        
                </form>
            </div>
        </div>
        

    </main>

   
@endsection