@extends('layouts.app')
@section('body')
    <div class="page">
      <!-- Main Navbar-->
      <header class="header">
        <nav class="navbar">
          <!-- Search Box-->
          <div class="search-box">
            <button class="dismiss"><i class="icon-close"></i></button>
            <form id="searchForm" action="#" role="search">
              <input type="search" placeholder="What are you looking for..." class="form-control">
            </form>
          </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">Discovery School</h1>
              <p>Administrador</p>
            </div>
          </div>
          <!-- Sidebar Navidation Menus--><span class="heading">Iniico</span>
          <ul class="list-unstyled">
            <li ><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" class="active"> <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">
              <div class="row bg-white has-shadow">
            
                <table class=" table table-sm table-hover table-borderless text-center" id="alumnos">
                  <thead>
                    <tr class="bg-primary text-light ">
    
    
                      <th scope="col">Rut</th>
                      <th scope="col">Nombre</th>
                      <th scope="col">Fecha Nacimiento</th>
                      <th scope="col">Curso</th>
                      <th scope="col">Estado Matricula</th>
                      <th scope="col">Accion</th>
                     
                    </tr>
                  </thead>
              <tbody>
                @foreach($alumnos as $item)
                <tr>
                  <td>{{$item->Rut_Alumno}}</td>
                  <td>{{$item->Nombres_Alumno}}</td>
                  <td>{{$item->Nacimiento_Almuno}}</td>
                  <td>{{$item->Curso_Matricula}}</td>
                  <td>@php if($item->Estado_Matricula==0) echo "Sin Matricular"; if($item->Estado_Matricula==1) echo "Matriculado";  @endphp</td>
                  <td><button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#miModal">Detalle</button>
                   
                  
                  <div class="modal fade" id="miModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog" role="document">
                        <div class="modal-content">
                          <div class="modal-header">
                            <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="container-fluid">
                              <div class="row">
                                <div class="col-md-6">Curso: {{$item->Curso_Matricula}}</div>
                              <div class="col-md-6">Procedencia: {{$item->Procedencia_Alumno}}</div>
                              </div>
                              <div class="row">
                              <div class="col-md-6">Email: {{$item->Email_Alumno}}</div>
                              <div class="col-md-6">Domicilio: {{$item->Domicilio_Alumno}}</div>
                              </div>
                              <div class="row">
                                <div class="col-md-6">Sector: {{$item->Sector_Alumno}}</div>
                                <div class="col-md-6">Ciudad: {{$item->Ciudad_Alumno}}</div>
                              </div>
                              <div class="row">
                                <div class="col-md-6">Vive Con: {{$item->Vive_Con_Alumno}}</div>
                                <div class="col-md-6">Hermanos: {{$item->Hermanos_Alumno}}</div>
                              </div>
                              
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                  </td>
                </tr>
                @endforeach()
              </tbody>
                </table>

              </div>
            </div>
          </section>
           
         
      
        
          
          <!-- 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>
    @endsection