
<?php include '../../concha.php';?>

<!DOCTYPE html>
<html lang="es">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="description" content="Panel de Administracion">
  <meta name="author" content="<?php echo $nombresitio ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Panel de Socios <?php echo $nombresitio ?></title>
  <!-- plugins:css -->
  <link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
  <link rel="stylesheet" href="vendors/base/vendor.bundle.base.css">
  <!-- endinject -->
  <!-- plugin css for this page -->
  <link rel="stylesheet" href="vendors/datatables.net-bs4/dataTables.bootstrap4.css">
  <!-- End plugin css for this page -->
  <!-- inject:css -->
  <link rel="stylesheet" href="css/style.css">
  <!-- endinject -->
  <link rel="shortcut icon" href="<?php echo $dom ?>/icono.ico" />
    
  <style>

        .btn-primary {
          background-color:<?php echo $d_color_fondo_menu ?>;
          border:0;
          letter-spacing:1px;
          font-weight:600;
        }

          .mdi{
              color:<?php echo $d_color_fondo_menu ?>;
              
          }
          .svg path {
          
              fill: <?php echo $d_color_fondo_menu ?>;
                
                  
              }

                  .svg:hover path{

                  fill: #FFFFFF;

                  }

  </style>
</head>
<body>
  <div class="container-scroller">
    <!-- partial:partials/_navbar.html -->
     <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
            <div class="navbar-brand-wrapper d-flex justify-content-center">
        <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">  
          <a class="navbar-brand brand-logo" href="index.php"><img src="<?php echo $logo_C?>" alt="logo"/></a>
          <a class="navbar-brand brand-logo-mini" href="index.php"><img src="<?php echo $dom ?>/icono.ico" alt="logo"/></a>
          <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize" >
            <span class="mdi mdi-sort-variant" style="color:#fff;"></span>
          </button>
        </div>  
      </div>
      <div class="navbar-menu-wrapper d-none align-items-center justify-content-end">
        <ul class="navbar-nav mr-lg-4 w-100">
          <li class="nav-item nav-search d-none d-lg-block w-100">
            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text" id="search">
                  <i class="mdi mdi-magnify" ></i>
                </span>
              </div>
              <input type="text" class="form-control" placeholder="Buscar Socio" aria-label="search" aria-describedby="search">
            </div>
          </li>
        </ul>
        <ul class="navbar-nav navbar-nav-right">
          <li class="nav-item dropdown mr-1">
            <a class="nav-link count-indicator dropdown-toggle d-flex justify-content-center align-items-center" id="messageDropdown" href="#" data-toggle="dropdown">
              <i class="mdi mdi-message-text mx-0"></i>
              <span class="count"></span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="messageDropdown">
              <p class="mb-0 font-weight-normal float-left dropdown-header">Mensajes</p>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                    <img src="images/faces/face4.jpg" alt="image" class="profile-pic">
                </div>
                <div class="item-content flex-grow">
                  <h6 class="ellipsis font-weight-normal">David Grey
                  </h6>
                  <p class="font-weight-light small-text text-muted mb-0">
                    The meeting is cancelled
                  </p>
                </div>
              </a>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                    <img src="images/faces/face2.jpg" alt="image" class="profile-pic">
                </div>
                <div class="item-content flex-grow">
                  <h6 class="ellipsis font-weight-normal">Tim Cook
                  </h6>
                  <p class="font-weight-light small-text text-muted mb-0">
                    New product launch
                  </p>
                </div>
              </a>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                    <img src="images/faces/face3.jpg" alt="image" class="profile-pic">
                </div>
                <div class="item-content flex-grow">
                  <h6 class="ellipsis font-weight-normal"> Johnson
                  </h6>
                  <p class="font-weight-light small-text text-muted mb-0">
                    Upcoming board meeting
                  </p>
                </div>
              </a>
            </div>
          </li>
          <li class="nav-item dropdown mr-4">
            <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center notification-dropdown" id="notificationDropdown" href="#" data-toggle="dropdown">
              <i class="mdi mdi-bell mx-0"></i>
              <span class="count"></span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="notificationDropdown">
              <p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                  <div class="item-icon bg-success">
                    <i class="mdi mdi-information mx-0"></i>
                  </div>
                </div>
                <div class="item-content">
                  <h6 class="font-weight-normal">Application Error</h6>
                  <p class="font-weight-light small-text mb-0 text-muted">
                    Just now
                  </p>
                </div>
              </a>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                  <div class="item-icon bg-warning">
                    <i class="mdi mdi-settings mx-0"></i>
                  </div>
                </div>
                <div class="item-content">
                  <h6 class="font-weight-normal">Settings</h6>
                  <p class="font-weight-light small-text mb-0 text-muted">
                    Private message
                  </p>
                </div>
              </a>
              <a class="dropdown-item">
                <div class="item-thumbnail">
                  <div class="item-icon bg-info">
                    <i class="mdi mdi-account-box mx-0"></i>
                  </div>
                </div>
                <div class="item-content">
                  <h6 class="font-weight-normal">New user registration</h6>
                  <p class="font-weight-light small-text mb-0 text-muted">
                    2 days ago
                  </p>
                </div>
              </a>
            </div>
          </li>
          <li class="nav-item nav-profile dropdown d-none" style="display:none!important;">
            <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="profileDropdown">
              <img src="images/faces/face5.jpg" alt="profile"/>
              <span class="nav-profile-name">Louis Barnett</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
              <a class="dropdown-item">
                <i class="mdi mdi-settings text-primary"></i>
                Settings
              </a>
              <a class="dropdown-item">
                <i class="mdi mdi-logout text-primary"></i>
                Logout
              </a>
            </div>
          </li>
        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
          <span class="mdi mdi-menu"></span>
        </button>
      </div>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:partials/_sidebar.html -->
      <nav class="sidebar sidebar-offcanvas" id="sidebar">
        <ul class="nav">
            <li class="nav-item">
                <a class="nav-link" href="index.php">
                    <i class="mdi mdi-home menu-icon"></i>
                    <span class="menu-title">Inicio</span>
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" href="socio.php">
                    <i class="mdi mdi-account menu-icon"></i>
                    <span class="menu-title">Socios</span>
                </a>
            </li>
          <!--li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
              <i class="mdi mdi-circle-outline menu-icon"></i>
              <span class="menu-title">UI Elements</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="ui-basic">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="pages/ui-features/buttons.html">Buttons</a></li>
                <li class="nav-item"> <a class="nav-link" href="pages/ui-features/typography.html">Typography</a></li>
              </ul>
            </div>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" href="pages/forms/basic_elements.html">
              <i class="mdi mdi-view-headline menu-icon"></i>
              <span class="menu-title">Form elements</span>
            </a>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" href="pages/charts/chartjs.html">
              <i class="mdi mdi-chart-pie menu-icon"></i>
              <span class="menu-title">Charts</span>
            </a>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" href="pages/tables/basic-table.html">
              <i class="mdi mdi-grid-large menu-icon"></i>
              <span class="menu-title">Tables</span>
            </a>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" href="pages/icons/mdi.html">
              <i class="mdi mdi-emoticon menu-icon"></i>
              <span class="menu-title">Icons</span>
            </a>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
              <i class="mdi mdi-account menu-icon"></i>
              <span class="menu-title">User Pages</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="auth">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="pages/samples/login.html"> Login </a></li>
                <li class="nav-item"> <a class="nav-link" href="pages/samples/login-2.html"> Login 2 </a></li>
                <li class="nav-item"> <a class="nav-link" href="pages/samples/register.html"> Register </a></li>
                <li class="nav-item"> <a class="nav-link" href="pages/samples/register-2.html"> Register 2 </a></li>
                <li class="nav-item"> <a class="nav-link" href="pages/samples/lock-screen.html"> Lockscreen </a></li>
              </ul>
            </div>
          </li-->
          <!--li class="nav-item">
            <a class="nav-link" href="documentation/documentation.html">
              <i class="mdi mdi-file-document-box-outline menu-icon"></i>
              <span class="menu-title">Documentation</span>
            </a>
          </li-->
        </ul>
      </nav>
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="d-flex justify-content-between flex-wrap">
                <div class="d-flex align-items-end flex-wrap">
                  <div class="mr-md-3 mr-xl-5">
                    
                  </div>
                  <div class="d-none">
                    <i class="mdi mdi-home text-muted hover-cursor"></i>
                    <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;Dashboard&nbsp;/&nbsp;</p>
                    <p class="text-primary mb-0 hover-cursor">Analytics</p>
                  </div>
                </div>
                <div class="d-none justify-content-between align-items-end flex-wrap">
                  <button type="button" class="btn btn-light bg-white btn-icon mr-3 d-none d-md-block ">
                    <i class="mdi mdi-download text-muted"></i>
                  </button>
                  <button type="button" class="btn btn-light bg-white btn-icon mr-3 mt-2 mt-xl-0">
                    <i class="mdi mdi-clock-outline text-muted"></i>
                  </button>
                  <button type="button" class="btn btn-light bg-white btn-icon mr-3 mt-2 mt-xl-0">
                    <i class="mdi mdi-plus text-muted"></i>
                  </button>
                  <button class="btn btn-primary mt-2 mt-xl-0">Download report</button>
                </div>
              </div>
            </div>
          </div>
  
          <div class="row">
              
            <div class="col-md-12 stretch-card">               
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">Socio</h4>
                  <p class="card-description">
                    Detalle completo del socio.
                  </p>
                    
                    
 
         
              <div class="container-fluid">
              
              <div class="row">
              
                 
                        <?php 
                        $ID = (int)$_GET['ID'];
                                                              
                        mysql_connect ("$host", "$usuario", "$contra");
                        mysql_select_db ("$basedatos");
                        $sql = "SELECT * FROM `socios` WHERE ID = '$ID' LIMIT 1";
                        $consulta = mysql_query ($sql);
                        while (
                          $row = mysql_fetch_array($consulta))
                        {

                        $ID = $row["ID"];
                        $nombre = $row["nombre"];
                        $foto = $row["foto"];
                        $email = $row["email"];
                        $apellido = $row["apellido"];
                        $telefono  = $row["telefono"];
                        $direccion  = $row["direccion"];
                        $valor_cuota  = $row["valor_cuota"];
                        $baja  = $row["baja"];
                        $categoria_socio  = $row["categoria_socio"];
                        $plan  = $row["plan"];
                        $foto_mal = '04-2019/male-user.svg';
                        $precios_especial = $row["precios_especial"];
                        $ID_sub_socio = $row["ID_sub_socio"];
                        
                        $sql4 ="SELECT * FROM `cuota` WHERE `ID` = '$plan' LIMIT 1";
                        $consulta4 = mysql_query ($sql4);
                        while ($row4 = mysql_fetch_array($consulta4)) {
                        
                        $ID_cuota = $row4["ID"];
                        $nombre_plan = $row4["nombre"];
                        $valor_cuota2 = $row4["valor_cuota"];
                      
                        }
                        mysql_free_result($consulta4);
                                
                        }    
                                        
                        ?>
                  
                  
                   <div class="col-12 col-sm-6 col-lg-6 p-1">
                        
                            <!-- Card -->
                            <div class="card testimonial-card">

                                <!-- Background color -->
                                <div class="card-up indigo lighten-1" 
                                  style="overflow: hidden;height: 120px;
                                  -webkit-border-top-left-radius: .25rem;
                                  border-top-left-radius: .25rem;
                                  -webkit-border-top-right-radius: .25rem;
                                  border-top-right-radius: .25rem;background-color: <?echo $d_color_fondo_menu?> !important;">
                                </div>
                                
                                <?php  ;?>

                                <!-- Avatar -->
                                 <div class="avatar mx-auto white" style="
                                 -webkit-border-radius: 50%;
                                 border-radius: 50%;width: 120px;
                                 margin-top: -60px;
                                 overflow: hidden;
                                 border: 5px solid #fff;
                                 background-color: #fff;">
      
                                 <?php if ($foto == '') { ?>

                                      <img src="<?php echo $foto_mal ;?>" width="100%" alt="<?php echo $nombre ;?>" style="background-color:#fff;">

                                      <? } else { ?>

                                      <img src="<? echo $dom?><?php echo $foto ;?>" width="100%" alt="<?php echo $nombre ;?> ">

                                      <? 
                                        }

                                  ?>
                                </div>
                                
                            <div class="card-body">
                                <!-- Name -->
                                <h4 class="card-title"><?php echo $nombre ;?></h4>
                                <hr>
                                <!-- Quotation -->
                                      <p><i class="mdi mdi-email-outline  "></i>  
                                          <a href="mailto:<?php echo $email ;?>"><?php echo $email ;?></a>
                                      </p>
                                      <p><i class="mdi mdi-phone  "></i>  <?php echo $telefono ;?></p>
                                      <p><i class="mdi mdi-home  "></i>  <?php echo $direccion ;?></p>
                                      <p><i class="mdi mdi-check  "></i>  <?php if ($baja == 0){ echo 'Activo'; } else { echo 'Dado de baja'; } ?></p>
                                      <p><i class="mdi mdi-account"></i>  <?php echo  $categoria_socio ;?></p>
                                      <p><i class="mdi mdi-clipboard"></i>  <?php echo  $nombre_plan ;?></p>
                                        <?php 
									  
                                          $sql4 ="SELECT ID,nombre FROM `socios` WHERE `ID` = '$ID_sub_socio' LIMIT 1";
                                          $consulta4 = mysql_query ($sql4);
                                          while ($row4 = mysql_fetch_array($consulta4)) {
                                          
                                          $ID_socio_padre = $row4["ID"];
                                          $nombre_socio_padre = $row4["nombre"];
                                        ?>
                                      <p><i class="mdi mdi-clipboard"></i> Este socio pertenece al plan familiar de <a href="editar_info_socio.php?ID=<?php echo $ID_socio_padre ?>"><?php echo $nombre_socio_padre ?></a>
                                      </p> 
                                      <?
                                          }
                                          mysql_free_result($consulta4);
									  
									  
									  
                                      $sql4 ="SELECT ID,nombre FROM `socios` WHERE `ID_sub_socio` = '$ID'";
                                      $consulta4 = mysql_query ($sql4);
                                      while ($row4 = mysql_fetch_array($consulta4)) {
                                      $ID_socio_hijo = $row4["ID"];
                                      $nombre_socio_hijo = $row4["nombre"];
                                      $n22 = $n22 + 1;
                                      
                                      ?>
                                        <br>
                                        <?php if ($n22 == 1) { ?>Socios pertenencientes a este plan familiar:<?php  } else {};?>
                                        
                                        <hr>
                                        <a href="editar_info_socio.php?ID=<?php echo $ID_socio_hijo ?>"><?php echo $nombre_socio_hijo ?></a>
                                        
                                        <?
                                                            
                                        }
                                        mysql_free_result($consulta4);
   
                                    ?> 
                                
                                
                            </div>


                               
                            </div>
                            <!-- Card -->
                    
                        </div>
               
              <div class="col-12 col-lg-6">
                  
                      <form id="formy1" name="formy1" action="form_editar_info_socio.php" method="POST">
                            
                          <div class="form-group" style="display: none;">
                              
                              <input value="<?php echo $ID ;?>" type="text" class="form-control" name="ID" placeholder="ID">
                          
                          </div>

                         
                          <div class="form-group ">
                              
                              <input value="<?php echo $nombre ;?>" type="text" class="form-control" name="nombre" placeholder="Nombre y Apellido">
                          
                          </div>
                          
                          
                          
                          <div class="form-group">
                              
                              <input value="<?php echo $email ;?>" type="mail" class="form-control" name="email" placeholder="Correo">
                          
                          </div>
                          
                          <div class="form-group">
                              
                              <input value="<?php echo $telefono ;?>" type="phone" class="form-control" name="telefono" placeholder="Teléfono">
                          
                          </div>
                                                    
                          <div class="form-group">
                              
                              <input value="<?php echo $direccion ;?>" type="text" class="form-control" name="direccion" placeholder="Domicilio">
                          
                          </div>

                          <div class="row">

                              <div class="form-group col-12 col-lg-6">

                                <select class="custom-select" name="baja" id="profesion" required>

                                    <?php if ($baja == 0) { ?>

                                      <option value="0"><i class="mdi mdi-check  "></i> Activo</option>
                                          <option value="1"><i class="mdi mdi-close  "></i> Dado de baja</option>
                                          <? } else { ?>

                                            <option value="1"><i class="mdi mdi-close  "></i> Dado de baja</option>
                                            <option value="0"><i class="mdi mdi-check  "></i> Activo</option>
                                          

                                          <? 

                                            }

                                            ?>
                                                  

                                </select> 
                        
                              </div>
                      
                              <div class="form-group col-12 col-lg-6">
                                  
                                  <!--input name="valor_cuota" type="text" class="form-control" id="exampleInputDireccion1" placeholder="Categoría del Socio" required-->
                                
                                    <select class="custom-select" name="categoria_socio" id="profesion" required>


                                      
                                      <option <?php if ($categoria_socio == 'Socio'){ echo 'selected';} ?> value="Socio">Socio</option>
                                      <option <?php if ($categoria_socio == 'Deportista'){ echo 'selected';} ?> value="Deportista">Deportista</option>
                                      <option <?php if ($categoria_socio == 'Comisión Directiva'){ echo 'selected';} ?> value="Comisión Directiva">Comisión Directiva</option>
                                      <option <?php if ($categoria_socio == 'Deportista no asociado'){ echo 'selected';} ?> value="Deportista no asociado">Deportista no asociado</option>
                                                     
                                       
                                    </select>
                                                                      
                                
                              </div>

                          </div>

                          
                          <div class="row">
                            <div class="form-group col-12 col-lg-6">
                              <div class="form-check form-check-inline" style="display:flex;">
                                <input class="form-check-input" name="precios_especial" type="checkbox" id="inlineCheckbox1" value="1" <? if ($precios_especial == 1){
                                  echo 'checked';
                                } ?> >
                                <label class="form-check-label" for="inlineCheckbox1">Cuota Especial</label>
                                <script>

                                
                                </script>
                              </div>

                            </div>
                            <div class="form-group col-12 col-lg-6">
                                
                                  <?php if ($precios_especial == 1) { ?>

                                    <div class="input-group-prepend">
                                    <div class="input-group-text">$</div>
                                        <input value="<?php echo $valor_cuota ;?>" type="text" class="form-control" name="valor_cuota" placeholder="Cuota">
                                    </div>
                                        <? } else { ?>
                                        
                                          <select class="custom-select" name="plan" id="profesion" >

                                      <?    $sql4 ="SELECT * FROM `cuota`";
                                            $consulta4 = mysql_query ($sql4);
                                            while ($row4 = mysql_fetch_array($consulta4)) {
                                             
                                            $ID_cuota = $row4["ID"]; 
                                            $nombre_plan = $row4["nombre"];
                                            $valor_cuota2 = $row4["valor_cuota"];
                                          ?>
                                              <option <? if ($plan == $ID_cuota) {echo 'selected';} ?> value="<? echo $ID_cuota ?>"><?echo $nombre_plan?> $<?echo $valor_cuota2?></option>
                                          <?
                                            }
                                            
                                            mysql_free_result($consulta4);
                                      ?>

                                            
                                            


                                          </select> 
                                        
                                        
                                        <? 

                                          }

                                  ?>
                                                

                                
                            </div>
                          </div>

                          <div class="row">

                              <div class="form-group col-12 col-lg-12">
                              
                              PLAN FAMILIAR: <br>


                                <select class="custom-select" name="ID_sub_socio" id="profesion" required>

                                          <option value="0">Sin plan familiar</option>

                                      <? $sql4 ="SELECT * FROM `socios` WHERE `ID_sub_socio` = 0 ORDER BY `nombre`";
                                          $consulta4 = mysql_query ($sql4);
                                          while ($row4 = mysql_fetch_array($consulta4)) {
                                          
                                          $ID_socio_padre = $row4["ID"];
                                          $nombre_socio_padre = $row4["nombre"];
                                          ?>
                                          <option value="<? echo $ID_socio_padre?>"><? echo $nombre_socio_padre ?></option>
                                          <?
                                          
                                          }
                                          mysql_free_result($consulta4);
                                        
                                        ?>
                                                                                   

                                </select> 
                        
                              </div>
 </div>
                          
                         
                         
                          
                            <button type="submit" class="btn btn-primary">Actualizar</button>
                    
                      </form>
                  
                  </div>
                  
                   
              </div>
              
  </div>
          
   
 
                </div>
              </div>
            </div>
              
          </div>
        </div>
        <!-- content-wrapper ends -->
        <!-- partial:partials/_footer.html -->
        <footer class="footer">
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © 2019 <a href="https://www.radiosnet.com.ar/" target="_blank">RadiosNet</a>.</span>
            <span class="d-none float-none float-sm-right  mt-1 mt-sm-0 text-center">Hand-crafted & made with <i class="mdi mdi-heart text-danger"></i></span>
          </div>
        </footer>
        <!-- partial -->
      </div>
      <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->

  <!-- plugins:js -->
  <script src="vendors/base/vendor.bundle.base.js"></script>
  <!-- endinject -->
  <!-- Plugin js for this page-->
  <script src="vendors/chart.js/Chart.min.js"></script>
  <script src="vendors/datatables.net/jquery.dataTables.js"></script>
  <script src="vendors/datatables.net-bs4/dataTables.bootstrap4.js"></script>
  <!-- End plugin js for this page-->
  <!-- inject:js -->
  <script src="js/off-canvas.js"></script>
  <script src="js/hoverable-collapse.js"></script>
  <script src="js/template.js"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="js/dashboard.js"></script>
  <script src="js/data-table.js"></script>
  <script src="js/jquery.dataTables.js"></script>
  <script src="js/dataTables.bootstrap4.js"></script>

  <!-- End custom js for this page-->
    
</body>

</html>

