<?php

include ('includes/header.php');

//table name
$table_name = "dns";

//table call
$res = $db->select($table_name, '*', '', '');

//update call
@$resU = $db->select($table_name, '*', 'id = :id', '', [':id' => $_GET['update']]);

if(isset($_POST['submitU'])){
	unset($_POST['submitU']);
	$updateData = $_POST;
	$db->update($table_name, $updateData, 'id = :id',[':id' => $_GET['update']]);
	echo "<script>window.location.href='". basename($_SERVER["SCRIPT_NAME"])."?status=1'</script>";
}

//submit new
if (isset($_POST['submit'])){
	unset($_POST['submit']);
	$db->insert($table_name, $_POST);
	$db->close();
	echo "<script>window.location.href='". basename($_SERVER["SCRIPT_NAME"])."?status=1'</script>";
}

//delete row
if(isset($_GET['delete'])){
	$db->delete($table_name, 'id = :id',[':id' => $_GET['delete']]);
	echo "<script>window.location.href='". basename($_SERVER["SCRIPT_NAME"])."?status=2'</script>";
}

//delete modal
?>
<style>
/* Estilos para tablas con texto blanco */
.table {
    color: #fff !important; /* Texto blanco forzado */
}

.table td, 
.table th {
    border-color: #495057 !important; /* Bordes visibles */
}

/* Estilo para filas y hover */
.table tbody tr {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Estilos específicos para elementos internos */
.code-text {
    color: #fff !important;
    margin-right: 10px;
}

/* Botones dentro de la tabla */
.btn-outline-secondary {
    color: #fff !important;
    border-color: #6c757d !important;
}

.btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #000 !important;
}
</style>
<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Confirm</h2>
            </div>
            <div class="modal-body">
                Do you really want to delete?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <a class="btn btn-danger btn-ok">Delete</a>
            </div>
        </div>
    </div>
</div>
<?php
if (isset($_GET['create'])){

//create form
?>
<div class="col-md-10 mx-auto">
    <div class="card-body">
        <div class="card bg-dark text-white">
                    <div class="card-header card-header-warning">
                        <center>
                            <h2><i class="icon icon-bullhorn"></i> DNS's</h2>
                        </center>
                    </div>
                    <div class="card-body">
                        <div class="col-12">
                            <h3>Create DNS</h3>
                        </div>
                            <form method="post">
                                <div class="form-group">
                                    <label class="form-label " for="title">Title</label>
                                        <input class="form-control" id="description" name="title" placeholder="Title" type="text"/>
                                </div>
                                <div class="form-group">
                                    <label class="form-label " for="dns">DNS</label>
                                        <input class="form-control" id="description" name="url" placeholder="DNS" type="text"/>
                                </div>
                                <div class="form-group">
                                    <center>
                                        <button class="btn btn-info " name="submit" type="submit">
                                            <i class="icon icon-check"></i> Submit
                                        </button>
                                    </center>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>

<?php 
}else if (isset($_GET['update'])){ 

//update form
?>
<div class="col-md-10 mx-auto">
    <div class="card-body">
        <div class="card bg-dark text-white">
                    <div class="card-header card-header-warning">
                        <center>
                            <h2><i class="icon icon-bullhorn"></i> DNS's</h2>
                        </center>
                    </div>
                    
                    <div class="card-body">
                        <div class="col-12">
                            <h3>Edit DNS</h3>
                        </div>
                            <form method="post">
                                <div class="form-group">
                                    <label class="form-label " for="title">Title</label>
                                        <input class="form-control" id="description" name="title" placeholder="Title" value="<?=$resU[0]['title'] ?>" type="text"/>
                                </div>
                                <div class="form-group">
                                    <label class="form-label " for="dns">DNS</label>
                                        <input class="form-control" id="description" name="url" placeholder="DNS" value="<?=$resU[0]['url'] ?>" type="text"/>
                                </div>
                                <div class="form-group">
                                    <center>
                                        <button class="btn btn-info " name="submitU" type="submit">
                                            <i class="icon icon-check"></i> Submit
                                        </button>
                                    </center>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
<?php
 }else{
//main table/form
	 ?>
<div class="col-md-10 mx-auto">
 <div class="row justify-content-center">
    <div class="card-body">
        <div class="card bg-dark text-white">
        <div class="card-header card-header-warning text-center">
          <h2><i class="icon icon-commenting"></i> DNS's</h2>
        </div>
        <div class="card-body">
          <div class="text-center mb-3">
            <a id="button" href="./<?= basename($_SERVER["SCRIPT_NAME"]) ?>?create" class="btn btn-info">New DNS</a>
          </div>

          <!-- Envoltura scrollable -->
          <div class="table-responsive">
            <table class="table table-striped table-sm mb-0">
              <thead style="color:white!important">
                <tr>
                  <th>Index</th>
                  <th>Title</th>
                  <th>DNS</th>
                  <th>Edit&nbsp;&nbsp;&nbsp;Delete</th>
                </tr>
              </thead>
              <tbody>
                <?php foreach ($res as $row) { ?>
                  <tr>
                    <td><?= $row['id'] ?></td>
                    <td><?= $row['title'] ?></td>
                    <td><?= $row['url'] ?></td>
                    <td>
                      <a class="btn btn-info btn-ok" href="./<?= basename($_SERVER["SCRIPT_NAME"]) ?>?update=<?= $row['id'] ?>"><i class="fa fa-pencil-square-o"></i></a>
                      &nbsp;&nbsp;&nbsp;
                      <a class="btn btn-danger btn-ok" href="#" data-href="./<?= basename($_SERVER["SCRIPT_NAME"]) ?>?delete=<?= $row['id'] ?>" data-toggle="modal" data-target="#confirm-delete"><i class="fas fa-trash-alt"></i></a>
                    </td>
                  </tr>
                <?php } ?>
              </tbody>
            </table>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
<style>
  /* Ajustes para que la tarjeta no desborde en móviles */
  .card {
    max-width: 100%;
    overflow-x: auto;
  }

  /* Asegura que el contenido se adapte correctamente al ancho */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Evita márgenes negativos que ensanchan la pantalla */
  body, html {
    overflow-x: hidden;
  }

  /* Opcional: quita el padding derecho en pantallas pequeñas */
  @media (max-width: 767px) {
    .container, .container-fluid, .col-md-10, .card-body {
      padding-right: 0 !important;
      padding-left: 0 !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
  }
</style>


<?php }?>

<?php include ('includes/footer.php');?>

</body>
</html>