Tul xxx Tul

Viewing: room.php

<?php include("include/header.php"); 
if(!isset($_SESSION['loggedUserId'])) {
  echo "<script> window.location.href = '../login.php';</script>";
}
?>

<!-- Page Content  -->
<div id="content" class="p-4 p-md-5 pt-5">

<h2 class="mb-4">Habitaciones</h2>

<!-- Button trigger modal -->
<button type="button" class="btn btn-dark" id="addRoomBtn">
+ Agregar Nueva Habitación
</button>


<!-- Modal -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Agregar Habitación</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <form action="admin_functions.php" method="POST" id="modal-addRoom" autocomplete="off">
            

      <?php
      $query_roomType = "select * from room_type where Status = 'active' order by RoomTypeId";
      $result = mysqli_query($con,$query_roomType);

      ?>

      <div class="input-group col-lg-11 ml-3 mb-4">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white px-4 border-md border-right-0">
                        <i class="fa fa-bed text-muted"></i>
                    </span>
                </div>
                <select id="roomType" name="roomType" class="form-control custom-select bg-white border-left-0 border-md" required>
                    <option disabled="" selected="">elegir un tipo de habitación</option>
                    <?php 
                    while ($row = mysqli_fetch_array($result))
                    {
                    echo "<option value='".$row['RoomTypeId']."'>".$row['RoomType']." - $".$row['Cost']."</option>";
                    }
                    ?>   
                </select>
                <label for="roomType" class="form-label w-100 mt-1 text-muted small">Seleccione el tipo y categoría de la habitación</label>
     </div>



            <!-- Room Number -->
            <div class="input-group col-lg-11 ml-3 mb-4">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white px-4 border-md border-right-0">
                        <i class="fa fa-hashtag text-muted"></i>
                    </span>
                </div>
                <input id="roomNumber" type="text" name="roomNumber" placeholder="Número de Habitación" class="form-control bg-white border-left-0 border-md" required>
                <label for="roomNumber" class="form-label w-100 mt-1 text-muted small">Número o identificador único de la habitación (ej. 101, A-12)</label>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-primary">Agregar</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
      </form>
      </div>
     
    </div>
  </div>
</div>


<!--Edit Modal -->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Editar Detalles</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <form action="admin_functions.php" method="POST" id="modal-updateRoom" autocomplete="off">
            

      <?php
      $query_roomType = "select * from room_type where Status = 'active' order by RoomTypeId";
      $result = mysqli_query($con,$query_roomType);

      ?>

      <div class="input-group col-lg-11 ml-3 mb-4">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white px-4 border-md border-right-0">
                        <i class="fa fa-bed text-muted"></i>
                    </span>
                </div>
                <select id="editRoomType" name="editRoomType" class="form-control custom-select bg-white border-left-0 border-md" required>
                    <option disabled="" selected="">elegir un tipo de habitación</option>
                    <?php 
                    while ($row = mysqli_fetch_array($result))
                    {
                    echo "<option value='".$row['RoomTypeId']."'>".$row['RoomType']." - $".$row['Cost']."</option>";
                    }
                    ?>   
                </select>
                <label for="editRoomType" class="form-label w-100 mt-1 text-muted small">Seleccione el tipo y categoría de la habitación</label>
     </div>



            <!-- Room Number -->
            <div class="input-group col-lg-11 ml-3 mb-4">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white px-4 border-md border-right-0">
                        <i class="fa fa-hashtag text-muted"></i>
                    </span>
                </div>
                <input id="editRoomNumber" type="text" name="editRoomNumber" placeholder="Número de Habitación" class="form-control bg-white border-left-0 border-md" required>
                <label for="editRoomNumber" class="form-label w-100 mt-1 text-muted small">Número o identificador único de la habitación (ej. 101, A-12)</label>
            </div>
             
            <div class="input-group col-lg-11 ml-3 mb-4">
                        <div class="input-group-prepend">
                            <span class="input-group-text bg-white px-4 border-md border-right-0">
                                <i class="fa fa-check-circle text-muted"></i>
                            </span>
                        </div>
                        <select id="editStatus" name="editStatus" class="form-control custom-select bg-white border-left-0 border-md" required>
                            <option disabled="" selected="">elegir un estado</option>
                            <option value="active">Activo</option>
                            <option value="in-active">Inactivo</option>
                        </select>
                        <label for="editStatus" class="form-label w-100 mt-1 text-muted small">Estado de disponibilidad de la habitación</label>
            </div>
              <!-- for getting the id when the form is submitted  -->
              <input type="hidden" id="updateRoomId" name="updateRoomId">

            <div class="modal-footer">
              <button type="submit" class="btn btn-primary">Guardar Cambios</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
      </form>
      </div>
     
    </div>
  </div>
</div>

<br>
 <!-- Filter Drop down  -->
 <div class="float-right filterBy">
<select name="category" id="roomFilter" class="form-control custom-select bg-white border-md filter">
  <option disabled="" selected="">Filtrar por  </option>
  <option value="">Todos</option>
  <option value="active">activo</option>
  <option value="in-active">inactivo</option>
</select>
</div>
 <!-- table for the display the content  -->
 <div class="container-fluid" id="contentArea">

        
</div>


</div>

<script src="js/room_function.js" ></script>
<?php include("include/footer.php"); ?>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64