@extends('layouts.app')
@section('body')
    <div class="page">
      <!-- Main Navbar-->
      <header class="header">
        <nav class="navbar">
          <!-- Search Box-->
          <div class="search-box">
             <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>  
    @if(session()->has('message'))

                   <script >
                
  Swal.fire(
  'Alumno Registrado',
  'Acepte Para Continuar',
  'success'
);
  
  </script>
  @endif
            <form method="POST" action="{{ route('nuevoalumno') }}" >
                  {{ csrf_field() }}
           
          </div>
          <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
              <!-- Navbar Header-->
              <div class="navbar-header">
                <!-- Navbar Brand --><a href="index.html" class="navbar-brand d-none d-sm-inline-block">
                  <div class="brand-text d-none d-lg-inline-block"><span> </span><strong>Matriculas</strong></div>
                  <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>BD</strong></div></a>
                <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
              </div>
              <!-- Navbar Menu -->
              <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
               
               
            
               
                <!-- Logout    -->
                <li class="nav-item"><a href="login.html" class="nav-link logout"> <span class="d-none d-sm-inline">Salir</span><i class="fa fa-sign-out"></i></a></li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <div class="page-content d-flex align-items-stretch"> 
        <!-- Side Navbar -->
        <nav class="side-navbar">
          <!-- Sidebar Header-->
          <div class="sidebar-header d-flex align-items-center">
            <div class="avatar"><img src="img/avatar.png" alt="..." class="img-fluid rounded-circle"></div>
            <div class="title">
            <h1 class="h4">{{Session::get('Usuario')}}</h1>
              <p>Administrador</p>
            </div>
          </div>
          <!-- Sidebar Navidation Menus--><span class="heading">Iniico</span>
          <ul class="list-unstyled">
            <li class="active"><a href="Dashboard"> <i class="icon-home"></i>Inicio </a></li>
            <li><a href="Matricula"> <i class="icon-grid"></i>Matriculaa </a></li>
            <li><a href="Alumnos"> <i class="fa fa-bar-chart"></i>Alumnos </a></li>
            <li><a href="Apoderados"> <i class="icon-padnote"></i>Apoderados </a></li>
            <!--
            <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>Example dropdown </a>
              <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
                <li><a href="#">Page</a></li>
                <li><a href="#">Page</a></li>
                <li><a href="#">Page</a></li>
              </ul>
            </li>
        -->
          </ul>
          
        </nav>
        <div class="content-inner">
          <!-- Page Header-->
          <header class="page-header">
            <div class="container-fluid">
              <h2 class="no-margin-bottom">Inicio</h2>
            </div>
          </header>
          <!-- Dashboard Counts Section-->
          <section class="dashboard-counts no-padding-bottom">
            <div class="container-fluid">
                              <h2>Alumno Nuevo</h2><br>

              <div class="row bg-white has-shadow">
            
                    <div class="col-sm-6">
                      <label for="cname">Nombre y Apellidos</label>
                    <input type="text " class="form-control" id="names" value=""  placeholder="Nombre Apellido" name="nombres_alumno">
                    </div>
                    <div class="col-sm-6">
                      <label for="uname">Rut</label>
                            <input type="text" class="form-control" id="rut" required oninput="checkRut(this)" placeholder="Rut" name="rut_alumno">

                    </div>
                        <div class="col-sm-6">
                      <label for="cname">Curso</label>
                    <select name="Curso" class="form-control" >
                      <option value="Pre-Kinder">Pre-Kinder</option>
                      <option value="Kinder">Kinder</option>
                       <option value="Primero Basico">Primero Básico</option>
                      <option value="Segundo Basico">Segundo Básico</option>
                      <option value="Tercero Basico">Tercero Básico</option>
                      <option value="Cuarto Basico">Cuarto Básico</option>
                      <option value="Quinto Basico">Quinto Básico</option>
                      <option value="Sexto Basico">Sexto Básico</option>
                      <option value="Septimo Basico">Septimo Básico</option>
                      <option value="Octavo Basico">Octavo Básico</option>
                      <option value="Primero Medio">Primero Medio</option>
                      <option value="Segundo Medio">Segundo Medio</option>
                      <option value="Tercero Medio">Tercero Medio</option>
                      <option value="Cuarto Medio">Cuarto Medio</option>
                     
                    </select>
                    </div>
                    <div class="col-sm-6">
                      <label for="uname">Alumno Prioritario</label>
                     <select name="Prioritario" class="form-control" >
                      <option value="si">si</option>
                      <option value="no">no</option>
                     </select>
                    </div>
                        <div class="col-sm-6">
                      <label for="cname">Becado</label>
                    <select name="Becado" class="form-control" >
                      <option value="si">si</option>
                      <option value="no">no</option>
                     </select>
                    </div>
                                <div class="col-sm-12">
                          <br>      <br>
                           <center>  <button type="submit" class="btn btn-primary">Guardar</button></center>
</div>
                  </div>
        </div>
               
              </div>
            </div>
          </section>
           
         
       </form>
        
          
          <!-- Page Footer-->
          <footer class="main-footer">
            <div class="container-fluid">
              <div class="row">
                <div class="col-sm-6">
                  <p>Discovery School &copy; 2020</p>
                </div>
                <div class="col-sm-6 text-right">
                  
                </div>
              </div>
            </div>
          </footer>
        </div>
      </div>
    </div>

      </script>
 @endsection