@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">
                <h3>Registro acceso al curso</h3>

                {{-- <!-- Ejemplo de mensaje de alerta -->
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>Mensaje</strong> No ha seleccionado ningún curso. Seleccione un curso.
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div> --}}
            </div>
            <div class="card-body">
                <form name="form" method="post" action="insertmodif_accesov.php" onsubmit="validateche(event, this);">
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">Nombre Usuario</label>
                        <div class="col-sm-5">
                            <input type="hidden" class="form-control" name="iddoce" value="1">
                            <input type="text" class="form-control" name="nombres" placeholder="Nombres completos" value="Juan Pérez" disabled>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Seleccione Categoría</label>
                        <div class="col-sm-5">
                            <select name="estados" class="form-control" onchange="showselect(this.value)" required>
                                <option value="">..:: Seleccione ::..</option>
                                <option value="1">Categoría 1</option>
                                <option value="2">Categoría 2</option>
                                <!-- Añadir más categorías según sea necesario -->
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Seleccione Curso</label>
                        <div class="col-sm-5">
                            <div id="municipios">
                                <select name="curso" class="form-control" required>
                                    <option value="">..:: Seleccione ::..</option>
                                    <option value="1">Curso 1</option>
                                    <option value="2">Curso 2</option>
                                    <!-- Añadir más cursos según sea necesario -->
                                </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 id="startDateId" type="date" maxlength="50" 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 id="endDateId" type="date" maxlength="50" class="form-control" name="fechaB" required="" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Monto Pagado</label>
                        <div class="col-sm-5">
                            <input type="number" class="form-control" name="monto" placeholder="0.00" required="">
                            <small style="color: #DC0205"><b>Ingresar monto global si ha seleccionado más de un curso</b></small>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Pago</label>
                        <div class="col-sm-5">
                            <input id="" type="date" class="form-control" name="fechaC" required="" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Tipo Pago</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="tipopago" required>
                                <option value="">Seleccione</option>
                                <option value="Deposito">Depósito</option>
                                <option value="Transferencia">Transferencia</option>
                                <option value="Banca Movil">Banca Móvil</option>
                                <option value="Yape">Yape</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Banco</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="banco" required>
                                <option value="">Seleccione</option>
                                <option value="Banco Credito del Peru">Banco Crédito del Perú</option>
                                <option value="Banco Interbank">Banco Interbank</option>
                                <option value="Banco de la Nacion">Banco de la Nación</option>
                                <option value="Banco BBVA Continental">Banco BBVA Continental</option>
                                <option value="Banco Scotiabank">Banco Scotiabank</option>
                            </select>
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Num. Operación</label>
                        <div class="col-sm-5">
                            <input id="" type="text" maxlength="50" class="form-control" name="operacion" placeholder="000-00000" required="" />
                        </div>
                    </div>
        
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Observación</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" name="observa" cols="15" rows="6"></textarea>
                        </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>
        
                    <div class="form-group row">
                        <div class="offset-sm-2 col-sm-10">
                            <button type="submit" class="btn btn-primary"><i class="bx bx-save"></i> Registrar</button>
                            <a href="{{url('/admin/curso')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
        

    </main>

   
@endsection