From 15149149725c93257cbaa914997879e9a2dd7872 Mon Sep 17 00:00:00 2001
From: Kamran Zafar <kamranzafar4343@gmail.com>
Date: Tue, 27 Aug 2024 13:15:52 +0500
Subject: [PATCH] some style change

---
 CompanyInfo.php  | 104 +++++++++++++++++++++++------------------------
 update.php       |  62 ++++++++++++++++++++++++++++
 update_image.php |  58 ++++++++++++--------------
 3 files changed, 140 insertions(+), 84 deletions(-)

diff --git a/CompanyInfo.php b/CompanyInfo.php
index 4bf1284..a5ce4e7 100644
--- a/CompanyInfo.php
+++ b/CompanyInfo.php
@@ -127,8 +127,8 @@
     .customImage {
       border: 1px solid white;
       position: relative;
-    top: 36%;
-    left: 25%;
+      top: 36%;
+      left: 25%;
 
     }
 
@@ -218,17 +218,30 @@
       word-wrap: break-word;
       max-width: 200px;
     }
-    
-.card-title-info{
-  text-align: center;
-}
+
+    .card-title-info {
+      text-align: center;
+    }
 
     .datatable-top {
       margin-left: 10px !important;
       width: 0px;
     }
+
+    .customImage {
+      border: 1px solid white;
+      position: relative;
+      top: 36%;
+      left: 25%;
+      cursor: pointer;
+      /* Change cursor to indicate clickability */
+    }
+
+    .hiddenFileInput {
+      display: none;
+      /* Hide the file input */
+    }
   </style>
-  </styl>
 
   <!-- Template Main CSS File -->
   <link href="assets/css/style.css" rel="stylesheet">
@@ -363,9 +376,6 @@
         </a>
       </li>
       <!-- End Profile Page Nav -->
-
-
-
       <!-- <li class="nav-item">
     <a class="nav-link collapsed" href="pages-register.php">
       <i class="bi bi-card-list"></i>
@@ -398,7 +408,7 @@
 
   <main id="main" class="main">
     <div class="headerbox">
-      <div class="pagetitle">
+      <!-- <div class="pagetitle">
         <h1 class="mb-1 mt-4">Companies</h1>
         <div>
           <nav class="mt-0">
@@ -407,11 +417,11 @@
               <li class="breadcrumb-item active">Details</li>
             </ol>
           </nav>
-        </div>
-      </div><!-- End Page Title -->
-      <div class="pagetitleinside mt-1">
-        <!-- <button type="button" onclick="window.location.href = 'createBranch.php';" class="btn btn-outline-primary mb-3">Add Branch</button> -->
-      </div>
+        </div> -->
+    </div><!-- End Page Title -->
+    <div class="pagetitleinside mt-1">
+      <!-- <button type="button" onclick="window.location.href = 'createBranch.php';" class="btn btn-outline-primary mb-3">Add Branch</button> -->
+    </div>
     </div>
 
     <?php if (isset($_GET['success']) && $_GET['success'] == 1): ?>
@@ -432,7 +442,13 @@
         <div class="card card-custom bg-white border-white border-0">
           <div class="card-custom-img"></div>
           <div class="card-custom-avatar">
-            <img class="img-fluid customImage" src="<?php echo $company_data['image']; ?>" alt="Company Image" width="120" height="75" />
+          <form id="updateImageForm" action="update_image.php" method="POST" enctype="multipart/form-data"> 
+          <!-- Display the company image -->
+            <img class="img-fluid customImage" src="<?php echo $company_data['image']; ?>" class="customImage" id="imagePreview" alt="Company Image" width="120">
+
+            <!-- Hidden file input for uploading new image -->
+            <input type="file" id="fileInput" class="hiddenFileInput" accept="image/*" onchange="previewImage(event)">
+          </form>
           </div>
           <div class="card-body list-group">
             <h4 class="card-title-info"><?php echo $company_data['comp_name']; ?></h4>
@@ -450,6 +466,10 @@
               <li class="list-group-item" style="color:grey; width:50%">Reg. Date</li>
               <li class="list-group-item" style="text-align: right;width: 55%;"><?php echo $company_data['registration']; ?></li>
             </ul>
+            <ul class="list-group list-group-horizontal-lg d-flex justify-content-between">
+              <li class="list-group-item" style="color:grey; width: 30%;">Ex. Date</li>
+              <li class="list-group-item" style="text-align: right; width: 55%;"><?php echo $company_data['expiry']; ?></li>
+            </ul>
             <ul class="list-group list-group-horizontal-lg d-flex justify-content-between">
               <li class="list-group-item" style="color:grey; width: 30%;">City</li>
               <li class="list-group-item " style="text-align: right; width: 55%;"><?php echo $company_data['city']; ?></li>
@@ -458,6 +478,7 @@
               <li class="list-group-item" style="color:grey; width: 30%;">Country</li>
               <li class="list-group-item" style="text-align: right; width: 55%;"><?php echo $company_data['country']; ?></li>
             </ul>
+
             <!-- <ul class="list-group list-group-horizontal-lg">
               <li class="list-group-item">Branches</li>
               <li class="list-group-item">An item</li>
@@ -543,42 +564,21 @@
   <script src="assets/js/main.js"></script>
 
   <script>
-    < script >
-      $(document).on('click', 'img', function() {
-        $(this).next('input[type="file"]').click();
-      });
-
-    function uploadImage(comp_id) {
-      var fileInput = document.getElementById('file-' + comp_id);
-      var file = fileInput.files[0];
-      var formData = new FormData();
-      formData.append('image', file);
-      formData.append('comp_id', comp_id);
-
-      $.ajax({
-        url: 'update_image.php',
-        type: 'POST',
-        data: formData,
-        contentType: false,
-        processData: false,
-        success: function(response) {
-          // Update the image source with the new image path
-          $('#image-' + comp_id).attr('src', response);
-        },
-        error: function() {
-          alert('Image upload failed. Please try again.');
-        }
-      });
-    }
-    import {
-      Ripple,
-      initMDB
-    } from "mdb-ui-kit";
-
-    initMDB({
-      Ripple
+    // JavaScript to handle the image click and file input
+    document.getElementById('imagePreview').addEventListener('click', function() {
+      document.getElementById('fileInput').click(); // Trigger file input click when image is clicked
     });
-    
+
+    function previewImage(event) {
+      const file = event.target.files[0];
+      if (file) {
+        const reader = new FileReader();
+        reader.onload = function(e) {
+          document.getElementById('imagePreview').src = e.target.result; // Update image preview
+        };
+        reader.readAsDataURL(file);
+      }
+    }
   </script>
 
 </body>
diff --git a/update.php b/update.php
index 2418e9c..260295d 100644
--- a/update.php
+++ b/update.php
@@ -673,6 +673,7 @@
             <label for="country" class="form-label">Country</label>
             <select class="form-select" id="country" name="country" value="<?php echo $country; ?>" required>
               <option value="">Select Country</option>
+              <option value="Pakistan">Pakistan</option>
               <option value="USA">USA</option>
               <option value="Canada">Canada</option>
               <option value="UK">UK</option>
@@ -750,6 +751,67 @@
       alert('Failed to enter new data.');
       <?php unset($_SESSION['data_inserted']); ?>
     <?php endif; ?>
+
+    //for the country, state, city dropdown
+    document.addEventListener('DOMContentLoaded', function() {
+  const countryStateCityData = {
+    Pakistan: {
+      Punjab: ["Lahore", "Faisalabad", "Rawalpindi", "Multan", "Gujranwala", "Okara", "Pattoki", "Sialkot", "Sargodha", "Bahawalpur", "Jhang", "Sheikhupura"],
+      KPK:["Peshawar", "Mardan", "Mingora", "Abbottabad", "Mansehra", "Kohat", "Dera Ismail Khan"],
+      Sindh: ["Karachi", "Hyderabad", "Sukkur", "Larkana", "Nawabshah", "Mirpur Khas", "Shikarpur", "Jacobabad"],
+      Balochistan: ["Quetta", "Gwadar", "Turbat", "Sibi", "Khuzdar", "Zhob"],
+      
+    },
+    USA: {
+      California: ["Los Angeles", "San Francisco", "San Diego"],
+      Texas: ["Houston", "Austin", "Dallas"]
+      // Add more states and cities
+    },
+    Canada: {
+      Ontario: ["Toronto", "Ottawa", "Hamilton"],
+      Quebec: ["Montreal", "Quebec City"]
+      // Add more provinces and cities
+    },
+  };
+
+  const countrySelect = document.getElementById('country');
+  const stateSelect = document.getElementById('state');
+  const citySelect = document.getElementById('city');
+
+  // Update states dropdown when a country is selected
+  countrySelect.addEventListener('change', function() {
+    const selectedCountry = countrySelect.value;
+    stateSelect.innerHTML = '<option value="">Select State</option>'; // Reset states
+    citySelect.innerHTML = '<option value="">Select City</option>'; // Reset cities
+
+    if (selectedCountry) {
+      const states = Object.keys(countryStateCityData[selectedCountry]);
+      states.forEach(function(state) {
+        const option = document.createElement('option');
+        option.value = state;
+        option.text = state;
+        stateSelect.add(option);
+      });
+    }
+  });
+
+  // Update cities dropdown when a state is selected
+  stateSelect.addEventListener('change', function() {
+    const selectedCountry = countrySelect.value;
+    const selectedState = stateSelect.value;
+    citySelect.innerHTML = '<option value="">Select City</option>'; // Reset cities
+
+    if (selectedCountry && selectedState) {
+      const cities = countryStateCityData[selectedCountry][selectedState];
+      cities.forEach(function(city) {
+        const option = document.createElement('option');
+        option.value = city;
+        option.text = city;
+        citySelect.add(option);
+      });
+    }
+  });
+});  
   </script>
 
 </body>
diff --git a/update_image.php b/update_image.php
index 41b43ab..48b2bab 100644
--- a/update_image.php
+++ b/update_image.php
@@ -1,49 +1,43 @@
 <?php
-include "db.php";
+include 'db.php';
 
 if ($_SERVER['REQUEST_METHOD'] === 'POST') {
-    $comp_id = $_POST['comp_id'];
-    $target_dir = "image";
-    $uploadOk = 1;
-    $new_image_path = "";
+    $company_id = $_POST['company_id'];
 
-    if ($_FILES['image']['size'] > 0) {
-        $target_file = $target_dir . basename($_FILES["image"]["name"]);
-        $imageFileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));
+    // Check if a file has been uploaded
+    if (isset($_FILES['newImage']) && $_FILES['newImage']['error'] == 0) {
+        $file_name = $_FILES['newImage']['name'];
+        $file_tmp = $_FILES['newImage']['tmp_name'];
+        $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));
 
-        // Check if image file is a real image
-        $check = getimagesize($_FILES["image"]["tmp_name"]);
-        if ($check !== false) {
-            $uploadOk = 1;
-        } else {
-            echo "File is not an image.";
-            $uploadOk = 0;
-        }
-
-        // Allow certain file formats
-        if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif") {
-            echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
-            $uploadOk = 0;
-        }
+        // Define the allowed extensions
+        $allowed_extensions = ['jpg', 'jpeg', 'png', 'gif'];
 
-        // Upload file if everything is okay
-        if ($uploadOk == 1) {
-            if (move_uploaded_file($_FILES["image"]["tmp_name"], $target_file)) {
-                $new_image_path = $target_file;
+        // Check if the file extension is allowed
+        if (in_array($file_ext, $allowed_extensions)) {
+            // Define the upload directory
+            $upload_dir = 'path/to/images/';
+            $new_file_name = 'company_' . $company_id . '.' . $file_ext;
+            $upload_path = $upload_dir . $new_file_name;
 
+            // Move the uploaded file to the desired location
+            if (move_uploaded_file($file_tmp, $upload_path)) {
                 // Update the database with the new image path
-                $sql = "UPDATE compani SET image='$new_image_path' WHERE comp_id=$comp_id";
+                $sql = "UPDATE compani SET company_image = '$new_file_name' WHERE comp_id = $company_id";
+                
                 if ($conn->query($sql) === TRUE) {
-                    echo $new_image_path; // Return the new image path for AJAX to update the preview
+                    echo "Image updated successfully!";
                 } else {
-                    echo "Error: " . $sql . "<br>" . $conn->error;
+                    echo "Error updating image: " . $conn->error;
                 }
             } else {
-                echo "Sorry, there was an error uploading your file.";
+                echo "Failed to upload the image.";
             }
+        } else {
+            echo "Invalid file extension. Only JPG, JPEG, PNG, and GIF files are allowed.";
         }
+    } else {
+        echo "No image file selected or an error occurred during the upload.";
     }
 }
-
-$conn->close();
 ?>