Default page

Edit File: ac939f35197587e956ca281d7919b38ed19358fe.php

<?php if(!empty($input->language) && $input->language->rtl == 1): ?>
    <?php $__env->startSection('styles'); ?>
        <style>
            form input,
            form textarea,
            form select {
                direction: rtl;
            }

.nicEdit-main {
                direction: rtl;
                text-align: right;
            }
        </style>
    <?php $__env->stopSection(); ?>
<?php endif; ?>

<?php $__env->startSection('content'); ?>
    <div class="page-header">
        <h4 class="page-title"><?php echo e(__('Item Variation ')); ?></h4>
        <ul class="breadcrumbs">
            <li class="nav-home">
                <a href="<?php echo e(route('user-dashboard')); ?>">
                    <i class="flaticon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                <a href="<?php echo e(route('user.item.index') . '?language=' . $language->code); ?>"><?php echo e(__('Items')); ?></a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                <a title="<?php echo e($item->title); ?>"
                    href="#"><?php echo e(strlen($item->title) > 20 ? mb_substr($item->title, 0, 20, 'UTF-8') . '...' : $item->title); ?></a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                <a href="#"><?php echo e(__('Variations')); ?></a>
            </li>
        </ul>
    </div>
    <div class="card">
        
        <div class="card-header">
            <div class="card-title">
                <div class="row">
                    <div class="col-lg-11">
                        <?php echo e($item->title); ?>

</div>
                    <div class="col-lg-1 text-right">
                        <a class="btn btn-primary"
                            href="<?php echo e(route('user.item.index') . '?language=' . request()->input('language')); ?>"><?php echo e(__('Back')); ?></a>
                    </div>

</div>
            </div>
        </div>
        <div class="card-body">
            <form id="ajaxForm" action="<?php echo e(route('user.item.variation.store')); ?>" method="post"
                enctype="multipart/form-data">
                <?php echo csrf_field(); ?>
                <input type="hidden" value="<?php echo e($item_id); ?>" name="item_id">

<div class="js-repeater">
                    <div class="mb-3">
                        <label class="form-label mb-2">Variations</label>
                        <br>
                        <button class="btn btn-primary js-repeater-add" type="button">+ Add Varient</button>
                    </div>
                    <div id="js-repeater-container">
                        
                        <?php $__currentLoopData = $variations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $lwVariaion): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="js-repeater-item" data-item="<?php echo e($key); ?>">
                                <div class="mb-3 row align-items-end">
                                    <?php for($i = 0; $i < count($languages); $i++): ?>
                                        <div class="col-2">
                                            <label for="form" class="form-label mb-1">Variation Name
                                                (In <?php echo e($languages[$i]->code); ?>)
                                            </label>
                                            <div class=" mb-2">
                                                <input required value="<?php echo e($lwVariaion[$i]['variant_name'] ?? ''); ?>"
                                                    type="text" class="form-control" placeholder=""
                                                    name="<?php echo e($languages[$i]->code); ?>_variation_<?php echo e($key); ?>">
                                                <input type="hidden" value="<?php echo e($key); ?>"
                                                    name="variation_helper[]">
                                            </div>
                                        </div>
                                    <?php endfor; ?>
                                    <button class="btn btn-danger btn-sm js-repeater-remove mb-2 mr-2" type="button"
                                        onclick="$(this).parents('.js-repeater-item').remove()">X
                                    </button>
                                    <button class="btn btn-success btn-sm js-repeater-child-add mb-2" type="button"
                                        data-it="<?php echo e($key); ?>">Add Option
                                    </button>

<?php
                                            $op = json_decode($lwVariaion[0]['option_name']);
                                            $op_price = json_decode($lwVariaion[0]['option_price']);
                                            $op_stock = json_decode($lwVariaion[0]['option_stock']);
                                        ?>
                                        <?php if($op): ?>
                                            <?php $__currentLoopData = $op; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $opIn => $w): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="repeater-child-item mb-3" id="options<?php echo e($key); ?>">
                                                    <div class="row align-items-start">
                                                        <?php
                                                            $opArr = [];
                                                            for ($i = 0; $i < count($languages); $i++) {
                                                                $opArr[$i] = json_decode($lwVariaion[$i]['option_name'] ?? '');
                                                            }
                                                        ?>
                                                        <?php for($i = 0; $i < count($languages); $i++): ?>
                                                            <div class="col-2 ">
                                                                <label for="form" class="form-label mb-1">Option Name
                                                                    (In <?php echo e($languages[$i]->code); ?>)
                                                                </label>
                                                                <input
                                                                    name="<?php echo e($languages[$i]->code); ?>_options1_<?php echo e($key); ?>[]"
                                                                    type="text" class="form-control"
                                                                    value="<?php echo e($opArr[$i][$opIn] ?? ''); ?>" placeholder=""
                                                                    required>
                                                            </div>
                                                        <?php endfor; ?>
                                                        <div class="col-2 ">
                                                            <label for="form" class="form-label mb-1">Price
                                                                (<?php echo e($userBs->base_currency_symbol); ?>)</label>
                                                            <input name="options2_<?php echo e($key); ?>[]" type="number"
                                                                class="form-control" value="<?php echo e($op_price[$opIn]); ?>"
                                                                placeholder="0" required>
                                                            <p class="text-warning">this price will be added with main item
                                                                price</p>
                                                        </div>
                                                        <div class="col-2 ">
                                                            <label for="form" class="form-label mb-1">Stock</label>
                                                            <input name="options3_<?php echo e($key); ?>[]" type="number"
                                                                class="form-control" value="<?php echo e($op_stock[$opIn]); ?>"
                                                                placeholder="0" required>
                                                        </div>
                                                        <div class="col-2">
                                                            <button class="btn btn-danger js-repeater-child-remove btn-sm"
                                                                type="button"
                                                                onclick="$(this).parents('.repeater-child-item').remove()">X</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                        
                                        
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>

<div class="s">
                    <button id="submitBtn" type="submit" class="btn btn-success btn-md"><?php echo e(__('SUBMIT')); ?></button>
                </div>
            </form>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script>
        $(document).ready(function() {
            const languages = <?= $languages ?>;
            let symbol = "<?php echo e($userBs->base_currency_symbol); ?>";
            var addItem = function(key) {
                rpItemNode = '';
                let it = $(".js-repeater-item:last-child").index() + 1;

rpItemNode += `<div class="js-repeater-item" data-item="${it}">
                        <div class="mb-3 row align-items-end">`
                for (var Itemkey in languages) {
                    rpItemNode += `<div class="col-2" >
                            <label for="form" class="form-label mb-1">Variation Name (In ${languages[Itemkey].code})</label>
                            <div class=" mb-2">
                                <input type="text" required class="form-control" placeholder="" name="${languages[Itemkey].code}_variation_${it}">
                                <input type="hidden" name="variation_helper[]" value="${it}">
                            </div>
                            </div>`
                }
                rpItemNode += `<button class="btn btn-danger btn-sm js-repeater-remove mb-2 mr-2" type="button"
                                        onclick="$(this).parents('.js-repeater-item').remove()">X</button>
                                <button class="btn btn-success btn-sm js-repeater-child-add mb-2" type="button" data-it="${it}">Add Option</button>
                            <div class="repeater-child-list mt-2 col-12" id="options${it}"></div>
                        </div>
                    </div>`;
                $("#js-repeater-container").append(rpItemNode);
            };
            /* find elements */
            var repeater = $(".js-repeater");
            var key = 0;
            var addBtn = repeater.find('.js-repeater-add');
            var items = $(".js-repeater-item");
            var it = $(".js-repeater-item").index();

if (key <= 0) {
                // items.remove();
                /* handle click and add items */
                addBtn.on("click", function() {
                    key++;
                    addItem(key, it);
                });
            }

$(document).on('click', '.js-repeater-child-add', function() {
                option = ''
                let it = $(this).data('it');
                let cit = $(this).parent().find(".repeater-child-item:last-child").index();
                console.log('cit', cit);
                let parent = $(this).parent().find("#options" + it);

option += `<div class="repeater-child-item mb-3" id="options${it +''+ cit}">
                <div class="row align-items-start">`
                for (var optionkey in languages) {
                    option += `<div class="col-2 ">
                        <label for="form" class="form-label mb-1">Option Name (In ${languages[optionkey].code})</label>
                        <input required name="${languages[optionkey].code}_options1_${it}[]" type="text" class="form-control"
                            placeholder="">
                    </div>`
                }
                option += `<div class="col-2 ">
                        <label for="form" class="form-label mb-1">Price (${symbol})</label>
                        <input required name="options2_${it}[]" type="number" class="form-control" value="0" placeholder="0">
                        <span class="text-warning">this price will be added with main item price</span>
                    </div>
                    <div class="col-2 ">
                        <label for="form" class="form-label mb-1">Stock</label>
                        <input required name="options3_${it}[]" type="number" class="form-control" value="0" placeholder="0">
                    </div>
                    <div class="col-2">
                        <button class="btn btn-danger js-repeater-child-remove btn-sm" type="button"
                            onclick="$(this).parents('.repeater-child-item').remove()">X</button>
                    </div>
                    </div>
                </div>`;
                $(parent).append(option);
            })
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('user.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/webstoremaker/public_html/resources/views/user/item/variation.blade.php ENDPATH**/ ?>