1#@!#!123s

: / home / schoolcampuserp / modernengacademy.co.in / admin /
Filename : director_message.php
back
<?php
include('includes/header.php');
include('includes/navbar.php');
include('security.php');
session_start();

?>
<style>
        .image-preview {
            width: 150px;
            height: 180px;
            border: 1px solid #ddd;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background-color: #f8f9fa;
        }

        .image-preview img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>

<div class="container-fluid">
    
    <?php
    if (isset($_SESSION['status']) && $_SESSION['status'] != "") {
        ?>
        <div class="alert alert-<?php echo ($_SESSION['status_code'] == "success") ? "success" : "danger"; ?> alert-dismissible fade show" role="alert">
            <?php echo $_SESSION['status']; ?>
            <!--<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>-->
        </div>
        <?php
        unset($_SESSION['status']);
        unset($_SESSION['status_code']);
    }
    
    $query = "SELECT * FROM director_message WHERE id=1"; // Assuming there's only one row
    $result = mysqli_query($conn, $query);
    $director = mysqli_fetch_assoc($result);
    ?>

 <div class="card shadow shadow-3 mb-4" >
        <div class="card-header py-2" style="display: flex; justify-content: space-between; align-items: center;">
            <h5 class="m-0 font-weight-bold text-primary">Information</h5>
            
        </div>
        <form action="code.php" method="POST" enctype="multipart/form-data">
           
        <div class="card-body">
            
            <div class="row">
                <div class="col-md-3">
                    <div class="row mb-2">
                        <div class="form-group">
                           <label>Director's Name</label>
                           <input type="text" name="director_name" value="<?php echo $director['director_name']  ?>" class="form-control form-control-sm" placholder="Director's Name"   />
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="form-group">
                           <label>Upload Image</label>
                           <input type="file" name="director_img" id="directorImgInput" class="form-control form-control-sm" />
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row" style="display:flex;align-items: center;justify-content: center; ">
                        
                        <div class="image-preview" id="imagePreview">
                            <?php
                            $image_path = isset($director['director_img']) ? $director['director_img'] : '';
                            if (!empty($image_path)) { ?>
                                <img src="<?php echo $image_path; ?>" alt="Director Image">
                            <?php } else { ?>
                                <span>No image selected</span>
                            <?php } ?>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="">
                        <div class="form-group">
                            <label>Message</label>
                            <textarea name="director_message" value="" class="form-control form-control-sm" rows="6" placeholder="Write the director's message..." required><?php echo $director['director_message']  ?></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <button type="submit" class="btn btn-sm btn-primary" name="director_msg_save">Save</button>
            </div>
        </div>
        
         
        </form>
    </div>

</div>
<!-- /.container-fluid -->
  <script>
        // JavaScript for handling image preview
        document.getElementById("directorImgInput").addEventListener("change", function (event) {
            const imagePreview = document.getElementById("imagePreview");
            const file = event.target.files[0];

            if (file) {
                const reader = new FileReader();

                reader.onload = function (e) {
                    imagePreview.innerHTML = `<img src="${e.target.result}" alt="Director's Image">`;
                };

                reader.readAsDataURL(file);
            } else {
                imagePreview.innerHTML = "<span>No image selected</span>";
            }
        });
    </script>
<?php
include('includes/scripts.php');
include('includes/footer.php');
?>