1#@!#!123s

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

?>
<style>
img{
    border:1px solid black;
    object-fit: cover;
    border-radius:10px;
} 


</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 about_school"; // Assuming there's only one row
    $result = mysqli_query($conn, $query);
    $about = mysqli_fetch_assoc($result);
    ?>

 <div class="card shadow border-top-primary 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">
         <input type="hidden" value="<?php echo $about['id']; ?>" name="id" />
        <div class="card-body">
            
            <div class="row">
                <div class="col-md-6">
                        <div class="form-group mb-4">
                           <label>About Us</label>
                           <textarea name="about" class="form-control form-control-sm" rows="12"  placeholder="About School Here..." required><?php echo $about['about']; ?></textarea>
                        </div>
                    
                        <div class="form-group">
                            
                           <label>Key Features</label>
                           <textarea name="key_features" id="" class="form-control form-control-sm" rows="5" placeholder="Add Seprated by Comma (,)" /><?php echo $about['key_features']; ?></textarea>
                        </div>
                        
                    
                </div>
                <div class="col-md-6">
                    
                    <div class="row mb-2" style="">
                        
                        
                        <div class="col-md-12">
                            <?php
                            $image_path = isset($about['image1']) ? $about['image1'] : ''; 
                            if (!empty($image_path)) { ?>
                                <img id="preview1" src="<?php echo $image_path; ?>" alt="Image1" class="w-100" style="height:250px;">
                            <?php } else { ?>
                                <img id="preview1" src="img/default.jpg" alt="Image1" class="w-100" style="height:250px;">
                            <?php } ?>

                        </div>
                    </div>
                    <div class="row mb-4" style="">
                            <div class="col-md-6">
                                <?php
                                $image_path = isset($about['image2']) ? $about['image2'] : ''; 
                                if (!empty($image_path)) { ?>
                                    <img id="preview2" src="<?php echo $image_path; ?>" alt="Image1" class="w-100" style="height:140px;">
                                <?php } else { ?>
                                    <img id="preview2" src="img/default.jpg" alt="Image2" class="w-100" style="height:140px;">
                                <?php } ?>
                            </div>
                            <div class="col-md-6">
                                <?php
                            $image_path = isset($about['image3']) ? $about['image3'] : ''; 
                            if (!empty($image_path)) { ?>
                                <img id="preview3" src="<?php echo $image_path; ?>" alt="Image3" class="w-100" style="height:140px;">
                            <?php } else { ?>
                                <img id="preview3" src="img/default.jpg" alt="Image3" class="w-100" style="height:140px;">
                            <?php } ?>
                            </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col text-center">
                            <label for="image1" class="fw-bold">Image 1</label>
                        </div>
                        <div class="col text-center">
                            <label for="image2" class="fw-bold">Image 2</label>
                        </div>
                        <div class="col text-center">
                            <label for="image3" class="fw-bold">Image 3</label>
                        </div>
                    </div>
                
                    <div class="row mb-2">
                        <div class="col">
                            <input type="file" name="image1" id="image1" class="form-control form-control-sm" onchange="previewImage(this, 'preview1')" />
                        </div>
                        <div class="col">
                            <input type="file" name="image2" id="image2" class="form-control form-control-sm" onchange="previewImage(this, 'preview2')" />
                        </div>
                        <div class="col">
                            <input type="file" name="image3" id="image3" class="form-control form-control-sm" onchange="previewImage(this, 'preview3')" />
                        </div>
                    </div>
                    <div class="row">
                           <label>Background Color</label>
                           <input type="color" name="background_color" id="" value="<?php echo $about['background_color']; ?>" class="form-control form-control-sm" />
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <button type="submit" class="btn btn-sm btn-primary ml-auto" name="about_school_save_btn">Save</button>
            </div>
        </div>
        
         
        </form>
    </div>

</div>
<script>
    // JavaScript for Previewing Uploaded Images
    function previewImage(input, previewId) {
        const file = input.files[0];
        if (file) {
            const reader = new FileReader();
            reader.onload = function(e) {
                document.getElementById(previewId).src = e.target.result;
            };
            reader.readAsDataURL(file);
        }
    }
</script>
<?php
include('includes/scripts.php');
include('includes/footer.php');
?>