<div>
    <div class="card-body">
        <form class="mb-4" wire:submit.prevent="store" id="comment-form">
            <div class="row">
                <div class="col-6">
                    <div class="form-group">
                        <label for="name">نام *</label>
                        <input class="form-control <?php $__errorArgs = ['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="name"
                               <?php echo e(auth()->check() && !is_null(auth()->user()->name) ? 'readonly' : ''); ?>

                               wire:model.defer="name" type="text" required>
                        <?php $__errorArgs = ['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>
                <div class="col-6">
                    <div class="form-group">
                        <label for="email">ایمیل</label>
                        <input class="form-control <?php $__errorArgs = ['email'];
$__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="email"
                               <?php echo e(auth()->check() && !is_null(auth()->user()->email) ? 'readonly' : ''); ?>

                               wire:model.defer="email" type="email" dir="ltr">
                        <?php $__errorArgs = ['email'];
$__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>
            </div>
            <div class="row">
                <div class="col-12">
                    <label for="comment"><?php echo e($parent ? 'پاسخ به '. $parent_name : 'نظر'); ?> *</label>
                    <textarea wire:model.defer="comment" placeholder="نظر باید حداقل ۵ کاراکتر داشته باشد" class="form-control <?php $__errorArgs = ['comment'];
$__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); ?>" rows="5" id="comment" required></textarea>
                    <?php $__errorArgs = ['comment'];
$__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>
            <div class="row mt-2 float-right">
                <div class="col-12">
                    <button type="submit" class="btn btn-<?php echo e($parent ? 'success' : 'primary'); ?> btn-sm"><?php echo e($parent ? 'ثبت پاسخ' : 'ثبت نظر'); ?></button>
                    <?php if($parent): ?>
                        <button type="button" class="btn btn-danger btn-sm" wire:click="$set('parent', null)">لغو</button>
                    <?php endif; ?>
                </div>
            </div>
        </form>
        <?php if($comments): ?>
            <?php $__currentLoopData = $comments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $comment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="d-flex <?php echo e(!$loop->last ? 'mb-4' : ''); ?>">
                    <div class="flex-shrink-0">
                        <img class="rounded-circle"
                             src="<?php echo e($comment->mini_avatar); ?>"
                             alt="<?php echo e($comment->name); ?>" />
                    </div>
                    <div class="ms-3">
                        <div class="fw-bold"><?php echo e($comment->name); ?></div>
                        <div class="small"><span class="fa fa-clock"></span> <?php echo e(jdate($comment->created_at)->ago()); ?></div>
                        <div class="text-justify"><?php echo nl2br(e($comment->comment)); ?></div>
                        <a href="#" wire:click.prevent="$emit('reply', <?php echo e($comment->id); ?>)" class="text-right reply"><i class="fa fa-reply"></i> پاسخ</a>
                        <?php if($comment->activeChildren): ?>
                            <?php $__currentLoopData = $comment->activeChildren; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="d-flex mt-4">
                                    <div class="flex-shrink-0">
                                        <img class="rounded-circle"
                                             src="<?php echo e($child->mini_avatar); ?>"
                                             alt="<?php echo e($child->name); ?>" />
                                    </div>
                                    <div class="ms-3">
                                        <div class="fw-bold"><?php echo e($child->name); ?></div>
                                        <div class="small"><span class="fa fa-clock"></span> <?php echo e(jdate($child->created_at)->ago()); ?></div>
                                        <div class="text-justify"><?php echo nl2br(e($child->comment)); ?></div>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php endif; ?>
                    </div>
                </div>
                <?php if(!$loop->last): ?>
                    <hr class="w-75 mx-auto">
                <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <?php endif; ?>
    </div>
    <?php echo e($comments->links()); ?>

</div>
<?php $__env->startPush('scripts'); ?>
    <script>
        window.addEventListener('move-to-reply', event => {
            $('html, body').animate({
                scrollTop: $("#comment-form").offset().top - 120
            }, 200);
            $('#comment').focus();
        });
        Livewire.on('scrollTop', function() {
            $('html, body').animate({
                scrollTop: $("#comment-form").offset().top + 70
            }, 'slow');
        })
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /home/armgroup/libs/resources/views/livewire/frontend/comments.blade.php ENDPATH**/ ?>