<div>
    <form id="form" role="form" wire:submit.prevent="update">
        <div class="card-body">
            <div class="form-row">
                <div class="col">
                    <label for="banner.name">نام *</label>
                    <input type="text" class="form-control <?php $__errorArgs = ['banner.name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="banner.name"
                           wire:model.defer="banner.name" required>
                    <?php $__errorArgs = ['banner.name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                        <span class="text-danger" role="alert">
                            <strong><?php echo e($message); ?></strong>
                        </span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>
                <div class="col">
                    <label for="banner.height">ارتفاع</label>
                    <input type="number" class="form-control <?php $__errorArgs = ['banner.height'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="banner.height"
                           wire:model.defer="banner.height">
                    <?php $__errorArgs = ['banner.height'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                        <span class="text-danger" role="alert">
                            <strong><?php echo e($message); ?></strong>
                        </span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>
                <div class="col">
                    <label for="banner.width">عرض</label>
                    <input type="number" class="form-control <?php $__errorArgs = ['banner.width'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="banner.width"
                           wire:model.defer="banner.width">
                    <?php $__errorArgs = ['banner.width'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                        <span class="text-danger" role="alert">
                            <strong><?php echo e($message); ?></strong>
                        </span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>
                <div class="col">
                    <label for="banner.status">وضعیت *</label>
                    <select class="form-control <?php $__errorArgs = ['banner.status'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="banner.status"
                           wire:model.defer="banner.status" required>
                        <option value="1">فعال</option>
                        <option value="0">غیرفعال</option>
                    </select>
                    <?php $__errorArgs = ['banner.status'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                        <span class="text-danger" role="alert">
                            <strong><?php echo e($message); ?></strong>
                        </span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>
            </div>
            <table class="table table-hover mt-4">
                <thead>
                <tr>
                    <th>عنوان</th>
                    <th>لینک</th>
                    <th>تصویر</th>
                    <th>محدودیت</th>
                    <th>تاریخ شروع</th>
                    <th>تاریخ پایان</th>
                    <th>توضیحات</th>
                    <th>ترتیب</th>
                    <th>عملیات</th>
                </tr>
                </thead>
                <tbody>
                    <?php if(count($items)): ?>
                        <?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <tr>
                                <td>
                                    <input type="text" class="form-control <?php $__errorArgs = ["items.$index.title"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" wire:model.defer="items.<?php echo e($index); ?>.title">
                                    <?php $__errorArgs = ["items.$index.title"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <input type="text" class="form-control <?php $__errorArgs = ["items.$index.url"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" dir="ltr" wire:model.defer="items.<?php echo e($index); ?>.url">
                                    <?php $__errorArgs = ["items.$index.url"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td class="px-5">
                                    <div class="row">
                                        <div id="holder<?php echo e($index); ?>" class="d-inline col-md-4">
                                            <?php if($item['image']): ?>
                                                <a href="<?php echo e(asset($item['image'])); ?>" target="_blank">
                                                    <img src="<?php echo e(asset($item['image'])); ?>" class="img-fluid" width="150" height="150">
                                                </a>
                                            <?php endif; ?>
                                        </div>
                                        <div class="input-group d-inline col-md-8">
                                           <span class="input-group-btn">
                                             <a data-input="thumbnail<?php echo e($index); ?>" data-preview="holder<?php echo e($index); ?>" class="btn btn-primary lfm text-white">
                                               <i class="fa fa-picture-o"></i> انتخاب
                                             </a>
                                           </span>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <input type="checkbox" value="1" class="form-check <?php $__errorArgs = ["items.$index.limitation"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" wire:model.defer="items.<?php echo e($index); ?>.limitation">
                                    <?php $__errorArgs = ["items.$index.limitation"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <div wire:ignore>
                                        <input id="started_at<?php echo e($index); ?>" type="text" class="form-control" autocomplete="off">
                                        <input id="started_at_alt<?php echo e($index); ?>" type="hidden">
                                    </div>
                                    <?php $__errorArgs = ["items.$index.started_at"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <div wire:ignore>
                                        <input id="ended_at<?php echo e($index); ?>" type="text" class="form-control" autocomplete="off">
                                        <input id="ended_at_alt<?php echo e($index); ?>" type="hidden">
                                    </div>
                                    <?php $__errorArgs = ["items.$index.ended_at"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <textarea class="form-control <?php $__errorArgs = ["items.$index.description"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" wire:model.defer="items.<?php echo e($index); ?>.description"></textarea>
                                    <?php $__errorArgs = ["items.$index.description"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <input type="number" class="form-control <?php $__errorArgs = ["items.$index.sort_order"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" min="0" wire:model.defer="items.<?php echo e($index); ?>.sort_order">
                                    <?php $__errorArgs = ["items.$index.sort_order"];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <span class="text-danger" role="alert">
                                            <strong><?php echo e($message); ?></strong>
                                        </span>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-danger btn-sm" wire:click="removeItem(<?php echo e($index); ?>)">
                                        <span class="fa fa-trash"></span> حذف
                                    </button>
                                </td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php endif; ?>
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="8"></td>
                    <td>
                        <button type="button" id="add-item" class="btn btn-success btn-sm" wire:click="addItem"><span class="fa fa-plus"></span> افزودن</button>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="<?php echo e(route('admin.banners.index')); ?>" class="btn btn-danger float-left">لغو</a>
        </div>
    </form>
</div>

<?php $__env->startPush('scripts'); ?>
    <script>
        var lfm = function(class_name, type, options) {
            let buttons = document.getElementsByClassName(class_name);
            for(let i = 0; i < buttons.length; i++) {
                buttons[i].addEventListener('click', function () {
                    var route_prefix = (options && options.prefix) ? options.prefix : '/laravel-filemanager';
                    var target_preview = document.getElementById(buttons[i].getAttribute('data-preview'));

                    window.open(route_prefix + '?type=' + type || 'file', 'FileManager', 'width=900,height=600');
                    window.SetUrl = function (items) {
                        var file_path = items.map(function (item) {
                            return item.url;
                        }).join(',');

                        // set or change the preview image src
                        items.forEach(function (item) {
                            target_preview.innerHTML = `<img src="${item.thumb_url}" class="img-fluid">`;
                        });

                        // trigger change event
                        target_preview.dispatchEvent(new Event('change'));

                        Livewire.emit('imageChanged', i, file_path);
                    };
                });
            }
        };
        lfm('lfm', 'image');

        Livewire.on('addedItem', function(index) {
            lfm('lfm', 'image');

            $(`#started_at${index}`).MdPersianDateTimePicker({
                targetTextSelector: `#started_at${index}`,
                targetDateSelector: `#started_at_alt${index}`,
                enableTimePicker: true,
                dateFormat: 'yyyy/MM/dd HH:mm:ss'
            });
            $(`#started_at${index}`).on('hidden.bs.popover', function () {
                window.livewire.find('<?php echo e($_instance->id); ?>').set(`items.${index}.started_at`, $(`#started_at_alt${index}`).val());
            });

            $(`#ended_at${index}`).MdPersianDateTimePicker({
                targetTextSelector: `#ended_at${index}`,
                targetDateSelector: `#ended_at_alt${index}`,
                enableTimePicker: true,
                dateFormat: 'yyyy/MM/dd HH:mm:ss'
            });
            $(`#ended_at${index}`).on('hidden.bs.popover', function () {
                window.livewire.find('<?php echo e($_instance->id); ?>').set(`items.${index}.ended_at`, $(`#ended_at_alt${index}`).val());
            });
        })
    </script>
    <script>
        <?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            $('#started_at<?php echo e($index); ?>').MdPersianDateTimePicker({
                targetTextSelector: '#started_at<?php echo e($index); ?>',
                targetDateSelector: '#started_at_alt<?php echo e($index); ?>',
                enableTimePicker: true,
                dateFormat: 'yyyy/MM/dd HH:mm:ss'
            });
            $('#started_at<?php echo e($index); ?>').on('hidden.bs.popover', function () {
                window.livewire.find('<?php echo e($_instance->id); ?>').set("items.<?php echo e($index); ?>.started_at", $('#started_at_alt<?php echo e($index); ?>').val());
            });
            <?php if($item['started_at']): ?>
                $('#started_at<?php echo e($index); ?>').MdPersianDateTimePicker('setDate', new Date(`<?php echo e($item['started_at']); ?>`));
            <?php endif; ?>

            $('#ended_at<?php echo e($index); ?>').MdPersianDateTimePicker({
                targetTextSelector: '#ended_at<?php echo e($index); ?>',
                targetDateSelector: '#ended_at_alt<?php echo e($index); ?>',
                enableTimePicker: true,
                dateFormat: 'yyyy/MM/dd HH:mm:ss'
            });
            $('#ended_at<?php echo e($index); ?>').on('hidden.bs.popover', function () {
                window.livewire.find('<?php echo e($_instance->id); ?>').set("items.<?php echo e($index); ?>.ended_at", $('#ended_at_alt<?php echo e($index); ?>').val());
            });
            <?php if($item['ended_at']): ?>
                $('#ended_at<?php echo e($index); ?>').MdPersianDateTimePicker('setDate', new Date(`<?php echo e($item['ended_at']); ?>`));
            <?php endif; ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /home/masomi/armshop/resources/views/livewire/admin/banner/edit.blade.php ENDPATH**/ ?>