@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="bx bx-home-alt" style="font-size: 18px; color: #F31519;"></i></a></li>
                <li>Principal</li>
                <li>&nbsp;&nbsp;/ Admin Aula</li>
                <li>&nbsp;&nbsp;/ Examenes Online</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">
                    <p align="right"><a href="{{url('/admin/examen')}}"><i class="bx bx-share"></i> Regresar</a></p>

                    @php $valor = 0; @endphp

                    @if ($valor == 1)
                        <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 2 usuario(s) que no se pudieron registrar porque ya tienen registro activo
                            con el examen seleccionado.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($valor == 2)
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>Mensaje!</strong> Se modificó el nombre del examen satisfactoriamente.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($valor == 3)
                        <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>
                    @endif

                    @if ($valor == 4)
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Mensaje de error!</strong> No ha seleccionado ningún usuario; tiene que seleccionar al
                            menos un usuario.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                </div>
            </div>

            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Registro de usuarios para el acceso al examen</h3>
            </div>

            <div class="card-body">
                <form class="form-horizontal" action="insertmodif_acceso_group.php" enctype="multipart/form-data"
                    method="post">
                    <div class="form-group"></div>

                    <input type="hidden" value="12345" class="form-control" name="codigocurso" required="" />

                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Categoría</label>
                        <div class="col-sm-5">
                            <select name="estados" class="form-control" required>
                                <option value="">Seleccione</option>
                                <option value="1">Categoría 1</option>
                                <option value="2">Categoría 2</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Seleccione Exámen</label>
                        <div class="col-sm-8">
                            <div id="municipios">
                                <select name="examen" class="form-control" required>
                                    <option value="">..:: Seleccione ::..</option>
                                    <option value="1">Examen Matemáticas</option>
                                    <option value="2">Examen Física</option>
                                </select>
                            </div>
                        </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-10" 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="admin"
                                readonly />
                        </div>
                    </div>

                    <hr>
                    <h4><strong>Lista de Usuarios</strong></h4>
                    <div class="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>Docente</th>
                                    <th>DNI</th>
                                    <th>Email</th>
                                    <th>Celular</th>
                                    <th>Curso Inscrito</th>
                                    <th>Especialidad</th>
                                    <th>Departamento</th>
                                    <th>Seleccionar <br>Marcar/Desmarcar Todos <br><input type="checkbox"
                                            onclick="marcar(this);" /></th>
                                </tr>
                            </thead>
                            <tbody id="">
                                <tr>
                                    <td>1</td>
                                    <td>Juan Pérez</td>
                                    <td>12345678</td>
                                    <td>juan.perez@example.com</td>
                                    <td>987654321</td>
                                    <td>Curso 1</td>
                                    <td>Matemáticas</td>
                                    <td>Lima</td>
                                    <td><input type="checkbox" name="checbox[]" value="1" /></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>María López</td>
                                    <td>87654321</td>
                                    <td>maria.lopez@example.com</td>
                                    <td>912345678</td>
                                    <td>Curso 2</td>
                                    <td>Física</td>
                                    <td>Arequipa</td>
                                    <td><input type="checkbox" name="checbox[]" value="2" /></td>
                                </tr>
                            </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/examen')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </center>
                        <br>
                    </div>
                </form>
            </div>
        </div>


    </main>
@endsection