From 4798b68c47cf5982e48f8c3837b21f6b1a9c4273 Mon Sep 17 00:00:00 2001
From: heama <bitbucket@venbainfotech.com>
Date: Thu, 31 Aug 2023 14:21:51 +0530
Subject: [PATCH] heama

---
 app/Views/book_form.php | 138 ++++++++++++++++++++++++++++++----------
 1 file changed, 105 insertions(+), 33 deletions(-)
diff --git a/app/Views/book_form.php b/app/Views/book_form.php
index 981ca74f..833a9847 100644
--- a/app/Views/book_form.php
+++ b/app/Views/book_form.php
@@ -1,3 +1,25 @@
+<html>
+
+<head>
+</head>
+<style>
+    /* CSS for the preview image */
+    .preview-image {
+        display: block;
+        /* Ensure the image is displayed as a block element */
+        width: 120px;
+        /* Set the desired width for passport size */
+        height: 160px;
+        /* Set the desired height for passport size */
+        object-fit: cover;
+        /* Maintain the aspect ratio and fill the container */
+        margin-top: 10px;
+        /* Add a top margin for spacing */
+    }
+</style>
+
+
+
 <div class="row">
     <div class="col-lg-12">
         <div class="card">
@@ -10,70 +32,84 @@
                 <form class="needs-validation" novalidate method="post" enctype="multipart/form-data" action="<?= base_url() . "insert_books"; ?>">
                     <div class="form-group">
                         <div class="form-row">
-                            <div class="form-group col-md-12">
+                            <div class="form-group col-md-6">
                                 <label for="title" class="col-form-label">Book Name<span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="title" name="title" value="<?= isset($details['title']) ? $details['title'] : '' ?>" placeholder="Title" required />
                                 <div class="invalid-feedback"> Please provide. </div>
                             </div>
-                        </div>
-                        <div class="form-row">
+                      
+                       
                             <div class="form-group col-md-6">
                                 <label for="publisher" class="col-form-label">Book Publisher Name<span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="publisher" name="publisher" placeholder="Book Publisher (Authors)" value="<?= isset($details['publisher']) ? $details['publisher'] : '' ?>" required />
                                 <div class="invalid-feedback"> Please provide. </div>
                             </div>
+                </div>
+                <div class="form-row">
                             <div class="form-group col-md-6">
                                 <label for="language" class="col-form-label">Language<span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="language" name="language" placeholder="Language" value="<?= isset($details['language']) ? $details['language'] : '' ?>" required />
                                 <div class="invalid-feedback"> Please provide. </div>
                             </div>
-                        </div>
-                        <div class="form-row">
+                        
+                        
                             <div class="form-group col-md-6">
                                 <label for="publication_date" class="col-form-label">Publication Date<span class="text-danger">*</span></label>
                                 <input type="date" class="form-control" id="publication_date" name="publication_date" placeholder="Publication Date (format : DD/MM/YYYY)" required data-toggle="input-mask" data-mask-format="00/00/0000" value="<?= isset($details['publication_date']) ? $details['publication_date'] : '' ?>" />
                                 <div class="invalid-feedback"> Please provide. </div>
                             </div>
-                            <?php if (!empty($details['cover_picture'])) { ?>
-                                <div class="form-group col-md-12">
-                                    <label for="cover_picture" class="col-form-label">Logo</label>
-                                    <img src="<?= base_url('public/uploads/' . $details['cover_picture']) ?>" alt="coverpicture" class="preview-image" />
-                                </div>
-                            <?php } ?>
-                            <div class="form-group col-md-6">
-                                <label for="coverpicture" class="col-form-label">Book Cover Picture<span class="text-danger">*</span></label>
-                                <br />
-                                <input type="file" id="cover_picture" name="coverpicture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" />
-                                <!-- <input type="text" class="form-control" id="cover_picture" name="cover_picture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" /> -->
+                </div>
+                         
+                <div class="form-row">   
+                <div class="form-group col-md-6">
+                                <label for="page_count" class="col-form-label">Page Count<span class="text-danger">*</span></label>
+                                <input type="number" class="form-control" id="page_count" name="page_count" placeholder="Page Count" required value="<?= isset($details['page_count']) ? $details['page_count'] : '' ?>" />
+                                <div class="invalid-feedback"> Please provide. </div>
                             </div>
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group col-md-12">
+                
+                        
+                            
+                            <div class="form-group col-md-6">
                                 <label for="genre" class="col-form-label">Genre</label>
-                                <textarea class="form-control" id="genre" name="genre" placeholder="Genre" rows="5"><?= isset($details['genre']) ? $details['genre'] : '' ?></textarea>
+                                <input type="text" class="form-control" id="genre" name="genre" placeholder="Genre" rows="5"><?= isset($details['genre']) ? $details['genre'] : '' ?></textarea>
                                 <!-- <input type="text" class="form-control" id="genre" name="genre" placeholder="Genre" value="<?= isset($details['genre']) ? $details['genre'] : '' ?>" /> -->
                             </div>
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group col-md-12">
-                                <label for="description" class="col-form-label">Description<span class="text-danger">*</span></label>
-                                <textarea class="form-control" id="description" name="description" placeholder="Description" rows="5" required><?= isset($details['description']) ? $details['description'] : '' ?></textarea>
-                                <div class="invalid-feedback"> Please provide. </div>
-                                <!-- <input type="text" class="form-control" id="description" name="description" placeholder="Description" required value="<?= isset($details['description']) ? $details['description'] : '' ?>" /> -->
-                            </div>
-                        </div>
-                        <div class="form-row">
+                </div>
+
+                        
+                <div class="form-row">
                             <div class="form-group col-md-6">
                                 <label for="price" class="col-form-label">Book Price<span class="text-danger">*</span></label>
                                 <input type="number" class="form-control" id="price" name="price" placeholder="Book Price" required value="<?= isset($details['price']) ? $details['price'] : '' ?>" />
                                 <div class="invalid-feedback"> Please provide. </div>
                             </div>
+               
                             <div class="form-group col-md-6">
-                                <label for="page_count" class="col-form-label">Page Count<span class="text-danger">*</span></label>
-                                <input type="number" class="form-control" id="page_count" name="page_count" placeholder="Page Count" required value="<?= isset($details['page_count']) ? $details['page_count'] : '' ?>" />
+                                <label for="description" class="col-form-label">Description<span class="text-danger">*</span></label>
+                                <textarea class="form-control" id="description" name="description" placeholder="Description" rows="5" required><?= isset($details['description']) ? $details['description'] : '' ?></textarea>
                                 <div class="invalid-feedback"> Please provide. </div>
+                        
+                      
+                            
+                        </div>
+                         
+                </div>
+                <div class="row">
+        <div class="col-lg-12">
+            <div class="card">
+                <div class="card-body">
+                            <div class="form-row">
+                            <div class="form-group col-md-6">
+                            <div class="image-previews mt-4"></div>
+                                <label for="coverpicture" class="col-form-label">Book Cover Picture<span class="text-danger">*</span></label>
+                                <br />
+                                <input type="file" id="cover_picture" name="coverpicture[]" multiple required />
+                                <!-- <input type="text" class="form-control" id="cover_picture" name="cover_picture" placeholder="Book Cover picture Name" required value="<?= isset($details['cover_picture']) ? $details['cover_picture'] : '' ?>" /> -->
                             </div>
                         </div>
+                </div>
+                </div>
+                </div></div>
                         <input type="hidden" id="book_id" name="book_id" placeholder="hidden for book id" value="<?= isset($details['book_id']) ? $details['book_id'] : '' ?>" />
                         <input type="hidden" id="business_id" name="business_id" placeholder="hidden for business id" value="<?= $session_bid ?>" />
                         <?php if (!empty($details)) { ?>
@@ -97,4 +133,40 @@
             </div> <!-- end card-body-->
         </div> <!-- end card-->
     </div> <!-- end col-->
-</div><!-- end row -->
\ No newline at end of file
+</div><!-- end row -->
+<script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const coverPictureInput = documenxt.getElementById("cover_picture");
+            const imagePreviewContainer = document.querySelector(".image-previews");
+
+            coverPictureInput.addEventListener("change", function (event) {
+                // imagePreviewContainer.innerHTML = ""; // Clear previous previews
+
+                const selectedImages = Array.from(event.target.files);
+
+                selectedImages.forEach(function (image, index) {
+                    const imageWrapper = document.createElement("div");
+                    imageWrapper.classList.add("mr-3");
+
+                    const imagePreview = document.createElement("img");
+                    imagePreview.src = URL.createObjectURL(image);
+                    imagePreview.classList.add("preview-image");
+                    imagePreview.style.width = "120px"; // Set width as needed
+
+                    const checkbox = document.createElement("input");
+                    checkbox.type = "checkbox";
+                    checkbox.classList.add("image-checkbox");
+                    checkbox.checked = false; // Set default as unchecked
+
+                    imageWrapper.appendChild(checkbox);
+                    imageWrapper.appendChild(imagePreview);
+                    imagePreviewContainer.appendChild(imageWrapper);
+                });
+            });
+        });
+    </script>
+</body>
+
+</html>
+
+
