One Hat Cyber Team

View File Name : ce71c5b849ade78ac4c7eb226d984fab.php

<?php $__env->startSection('content'); ?>
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Edit Data Home</h4>
                    </div>

                    <div class="card-content">
                        <div class="card-body">
                            <form action="<?php echo e(route('homepages.features.update', $data->id)); ?>" method="POST"
                                enctype="multipart/form-data">
                                <?php echo csrf_field(); ?>
                                <?php echo method_field('PUT'); ?>
                                <div class="form-body">
                                    <div class="row">
                                         <div class="col-md-4">
                                            <label>Title</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <input type="text" id="title" class="form-control" name="title" value="<?php echo e($data->title); ?>">
                                        </div>
                                        <div class="col-md-4">
                                            <label>Description</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <textarea id="description" name="description" rows="10" class="form-control"><?php echo e($data->description); ?></textarea>
                                        </div>

                                        <div class="col-md-4">
                                            <label>Current Image</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <?php if($data->images): ?>
                                                <img src="<?php echo e(asset('storage/images/' . $data->images)); ?>"
                                                    alt="Current Image" width="150" height="150"
                                                    style="object-fit: cover; border: 1px solid #ddd; margin-bottom: 10px;">
                                            <?php else: ?>
                                                <p>No image available</p>
                                            <?php endif; ?>
                                        </div>

                                        <div class="col-md-4">
                                            <label>Change Image (optional)</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <input class="form-control" type="file" id="images" name="images"
                                                accept="image/*" onchange="previewImage()">
                                            <small class="form-text text-muted">Leave empty if you don't want to change the
                                                image.</small>
                                        </div>
                                        <div class="col-md-4">
                                            <label>Preview Image</label>
                                        </div>
                                        <!-- Preview of new image -->
                                        <div class="col-md-8 offset-md-4 form-group" id="image-preview-container"
                                            style="display:none;">
                                            <img id="image-preview" src="" alt="Image Preview" width="150"
                                                height="150"
                                                style="object-fit: cover; border: 1px solid #ddd; margin-bottom: 10px;">
                                        </div>

                                        <div class="col-sm-12 d-flex justify-content-end">
                                            <button type="submit" class="btn btn-primary me-1 mb-1">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script>
        // Preview image before upload
        function previewImage() {
            const file = document.getElementById('images').files[0];
            const reader = new FileReader();

            reader.onloadend = function() {
                const preview = document.getElementById('image-preview');
                const previewContainer = document.getElementById('image-preview-container');
                preview.src = reader.result;
                previewContainer.style.display = 'block'; // Show the preview image
            }

            if (file) {
                reader.readAsDataURL(file);
            }
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.dashboard', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/Compro-ISP/resources/views/v/homepages/features/edit.blade.php ENDPATH**/ ?>