One Hat Cyber Team

Edit File: c92760b41d55e7dea2afe6ec9d5c2d97.php

<?php $__env->startSection('body-class','2-column'); ?>
<?php $__env->startSection('page-name',$page['name']); ?>

<?php $__env->startPush('css'); ?>
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <link rel="stylesheet" href="<?php echo e(asset('/assets/vendor/libs/bootstrap-select/bootstrap-select.css')); ?>">
    <link href="<?php echo e(asset('css/dropzone.min.css')); ?>" rel="stylesheet">
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <?php if(\Illuminate\Support\Facades\Auth::user()->hasPermission('READ', \Session::get('user_route').'_'.\Session::get('current_permission'))): ?>
        <section>
            <div class="container-xxl flex-grow-1 container-p-y">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header border-bottom d-flex justify-content-between">
                                <h4 class="card-title col-md-6 col-12"><i
                                        class="ti ti-palette"></i> Products Gallery</h4>
                            </div>
                            <h1></h1>
                            <div class="tab-content px-2 pt-25">
                                <div class="tab-pane fade active show" id="navs-top-basic" role="tabpanel">
                                    <form class="form" action="<?php echo e($page['url']); ?>" method="POST">
                                        <?php echo csrf_field(); ?>
                                        <div class="form-body mx-2">
                                            <?php for($i = 0; $i < count($products_galleries); $i++): ?>
                                                <div class="row" id="<?php echo e($i); ?>">
                                                    <input type="hidden" name="timestamp[]"
                                                           value="<?php echo e($products_galleries[$i]->created_at); ?>">
                                                    <div class='col-md-6 col-xl-6'>
                                                        <div class='mb-3'>
                                                            <label class='form-label required'>Image Caption</label>
                                                            <input type='text' class='form-control'
                                                                   name='caption[]'
                                                                   placeholder='Image Caption'
                                                                   value="<?php echo e($products_galleries[$i]->caption); ?>" required>
                                                        </div>
                                                    </div>

<div class='col-md-6 col-xl-6'>
                                                        <div class='mb-3'>
                                                            <label class='form-label required'>Gallery Image</label>
                                                            <div class='input-group mb-2'>
                                                                <input type='text'
                                                                       class='image<?php echo e($products_galleries[$i]->id); ?> media-model form-control'
                                                                       name='gallery_image[]'
                                                                       placeholder='Gallery Image'
                                                                       value="<?php echo e($products_galleries[$i]->gallery_image); ?>"
                                                                       required>
                                                                <button class='btn btn-primary btn-md' type='button'
                                                                        onclick="openMedia(<?php echo e($products_galleries[$i]->id); ?>)">
                                                                    Choose image
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>

<div class='col-md-4 col-xl-4 mb-3'>
                                                        <a href='#' class='btn mt-3 btn-danger btn-sm'
                                                           onclick='removeProductGallery(<?php echo e($i); ?>)'>Remove</a>
                                                    </div>

</div>
                                            <?php endfor; ?>
                                            
                                            <div id="more-products" class="row"></div>

<div class="modal modal-blur fade" id="openMediaModel" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Media Library</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row row-cards" id="captions">
                        Upload multiple images
                        <div class="col-sm-12 col-lg-12 mb-4">
                            <form action="<?php echo e(route('admin.multiple')); ?>" class="dropzone" id="dropzone"
                                  enctype="multipart/form-data">
                                <?php echo csrf_field(); ?>
                                <div class="dz-message">
                                    Drag and Drop Single/Multiple Files Here <br>
                                </div>
                            </form>
                        </div>

<div class="empty">
                            <div class="empty-img"><img
                                    src="<?php echo e(asset('backend/img/undraw_printing_invoices_5r4r.svg')); ?>"
                                    height="128" alt="">
                            </div>
                            <p class="empty-title">No media found</p>
                            <p class="empty-subtitle text-muted">
                                Try adjusting your add to find what you are looking for.
                            </p>
                        </div>

</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn me-auto" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('js'); ?>
    
    <script src="<?php echo e(asset('js/dropzone.min.js')); ?>"></script>
    <script src="//cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="<?php echo e(asset('/assets/vendor/libs/bootstrap-select/bootstrap-select.js')); ?>"></script>
    <script>
        var count = <?php echo e(count($products_galleries)); ?>;
        var currentSelection = 0;

function addProduct() {
            "use strict";
            count++;
            var id = getRandomInt();
            var products = `<div class='row' id=` + id + `>

<div class='col-md-6 col-xl-6'>
                <div class='mb-3'>
                    <label class='form-label required'>Image Caption</label>
                    <input type='text' class='form-control' name='caption[]' placeholder='Image Caption' required>
                </div>
            </div>

<div class='col-md-6 col-xl-6'>
                <div class='mb-3'>
                    <label class='form-label required'>Gallery Image</label>
                    <div class='input-group mb-2'>
                        <input type='text' class='image` + id + ` media-model form-control' name='gallery_image[]' placeholder='Gallery Image' required>
                        <button class='btn btn-primary btn-md' type='button' onclick='openMedia(` + id + `)'>Choose image</button>
                    </div>
                </div>
            </div>

<div class='col-md-4 col-xl-4 mb-3'>
            <a href='#' class='btn mt-3 btn-danger btn-sm' onclick='removeProductGallery(` + id + `)'>Remove</a>
            </div>

</div>
            <br>
            </div>
            </div>`;

$("#more-products").append(products).html();

}

function removeProductGallery(id) {
            "use strict";
            $("#" + id).remove();
        }

function getRandomInt() {
            min = Math.ceil(0);
            max = Math.floor(9999999999);
            return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive
        }

function openMedia(id) {
            "use strict";
            currentSelection = id;
            $('#openMediaModel').modal('show');
        }

$(".media_image").on("click", function () {
            var imgUri = $(this).attr('id');
            $('#openMediaModel').modal('hide');
            $('.image' + currentSelection).val(imgUri);
        });

function chooseImg(a) {
            "use strict";
            var imgUri = $(a).attr('id');
            $('#openMediaModel').modal('hide');
            $('.image' + currentSelection).val(imgUri);
        }

$("#captions").append(uploadImages).html();

// Hidden empty
                    $(".empty").hide();

$('#openMediaModel').modal('hide');
                    $('.image' + currentSelection).val("images/" + response.image_url);
                });
            }
        };
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('dashboard.layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/ppt.com.ng/resources/views/dashboard/products/admin-products-gallery.blade.php ENDPATH**/ ?>