<?php if (isset($component)) { $__componentOriginald7f77a02f879fd4954ea3c39c4e952cb = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginald7f77a02f879fd4954ea3c39c4e952cb = $attributes; } ?>
<?php $component = Modules\LMS\View\Components\Dashboard\Layout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dashboard-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Modules\LMS\View\Components\Dashboard\Layout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('title', null, []); ?> <?php echo e(isset($certificate) ? translate('Edit') : translate('Create')); ?>

        <?php echo e(translate('Cerficate')); ?>  <?php $__env->endSlot(); ?>
    <!-- BREADCRUMB -->
    <?php if (isset($component)) { $__componentOriginalcf27f2c2c873893339708d5fdeeb6984 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalcf27f2c2c873893339708d5fdeeb6984 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => '7ee9c4f86007ba41bc79bbfab1cd8a68::admin.breadcrumb','data' => ['title' => ''.e(isset($certificate) ? 'Edit' : 'Create').' Certificate','pageTo' => 'Certificate']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('portal::admin.breadcrumb'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => ''.e(isset($certificate) ? 'Edit' : 'Create').' Certificate','page-to' => 'Certificate']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalcf27f2c2c873893339708d5fdeeb6984)): ?>
<?php $attributes = $__attributesOriginalcf27f2c2c873893339708d5fdeeb6984; ?>
<?php unset($__attributesOriginalcf27f2c2c873893339708d5fdeeb6984); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalcf27f2c2c873893339708d5fdeeb6984)): ?>
<?php $component = $__componentOriginalcf27f2c2c873893339708d5fdeeb6984; ?>
<?php unset($__componentOriginalcf27f2c2c873893339708d5fdeeb6984); ?>
<?php endif; ?>
    <div class="overflow-x-auto scrollbar-table">
        <?php
            $inputContent = $certificate->input_content ?? null;

        ?>
        <form
            action="<?php echo e(isset($certificate) ? route('certificate.update', $certificate->id) : route('certificate.store')); ?>"
            class="add-cerficate" method="post">
            <?php if(isset($certificate)): ?>
                <?php echo method_field('PUT'); ?>
            <?php endif; ?>
            <?php echo csrf_field(); ?>
            <div class="card">
                <div id="certificate-builder-area" class="certificate-builder-area text-align-justify !overflow-x-auto">
                    <?php if(isset($certificate)): ?>
                        <?php echo $certificate->certificate_content; ?>

                    <?php else: ?>
                        <div class="certificate-template-container" id="certificateImg"
                            style="background: url('<?php echo e(asset('lms/assets/images/certificate-template.jpg')); ?>'); background-repeat:no-repeat; background-size: 100% 100% ">
                            <div data-name="student" class="dragable-element">{student_name}</div>
                            <div data-name="platform-name" class="dragable-element">{platform_name}</div>
                            <div data-name="course-completed-date" class="dragable-element">{course_title}</div>
                            <div data-name="course-completed-date" class="dragable-element">
                                {course_completed_date} </div>
                            <div data-name="course-completed-date" class="dragable-element">{instructor_name}
                            </div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
            <div class="card">
                <div class="form-group">
                    <label for="courseTitle" class="form-label"><?php echo e(translate('Certificate Template Image')); ?>

                        (<?php echo e(translate('1056')); ?>x<?php echo e(translate('816')); ?>)</label>
                    <label for="imgage"
                        class="dropzone-wrappe file-container ac-bg text-xs leading-none font-semibold mb-3 cursor-pointer size-[200px] flex flex-col items-center justify-center gap-2.5 border border-dashed border-gray-900 rounded-10 dk-theme-card-square">
                        <input type="file" class="dropzone theme-setting-image" data-type="certificate" hidden
                            id="imgage">
                        <input type="hidden" name="item[bg]" id="oldFile">
                        <span class="flex-center flex-col peer-[.uploaded]/file:hidden">
                            <img src="<?php echo e(asset('lms/')); ?>/assets/images/icons/upload-file.svg" alt="file-icon"
                                class="size-8 lg:size-auto">
                            <div class="text-gray-500 dark:text-dark-text mt-2">
                                <?php echo e(translate('Choose file')); ?>

                            </div>
                        </span>
                    </label>
                    <div class="preview-zone dropzone-preview">
                        <div class="box box-solid">
                            <div class="box-body flex items-center gap-2 flex-wrap">
                                <?php if(isset($certificate, $inputContent['bg'])): ?>
                                    <?php if(fileExists($folder = 'lms/certificates', $inputContent['bg']) == true && $inputContent['bg'] != ''): ?>
                                        <img id="preview_img" width="120"
                                            src="<?php echo e(asset('storage/lms/certificates/' . $inputContent['bg'])); ?>" />
                                    <?php endif; ?>
                                <?php endif; ?>
                            </div>
                            <img id="preview_img" src="" width="120">
                        </div>
                    </div>
                </div>
                <div class="form-group mt-6">
                    <label for="courseTitle" class="form-label"><?php echo e(translate('Certificate Name')); ?></span></label>
                    <input type="text" name="title" placeholder="<?php echo e(translate('Certificate Title')); ?>"
                        class="form-input dragable-element-control dragable-element-title"
                        value="<?php echo e($certificate->title ?? ''); ?>" required>
                </div>
                <div class="element-area hidden" data-item="title">
                    <div class="form-group mt-6">
                        <label for="courseTitle" class="form-label"><?php echo e(translate('Title Font Color')); ?></label>
                        <div
                            class="flex items-center border border-input-border dark:border-dark-border rounded-md p-[3px_4px] gap-1 h-11">
                            <input type="color" name="item[title][color]" id="color-picker"
                                value="<?php echo e(isset($certificate) ? $inputContent['title']['color'] ?? null : ''); ?>"
                                class="dragable-element-control dragable-element-color border-none outline-0 bg-transparent size-[30px]">
                            <div class="color-value font-semibold text-gray-500 dark:text-dark-text uppercase">
                                <?php echo e(isset($certificate) ? $inputContent['title']['color'] ?? null : ''); ?></div>
                        </div>
                    </div>
                    <div class="form-group mt-6 hidden">
                        <label for="courseTitle" class="form-label"><?php echo e(translate('Title Font Size')); ?></span></label>
                        <input type="number" name="item[title][font_size]"
                            value="<?php echo e(isset($certificate) ? $inputContent['title']['font_size'] ?? 18 : 18); ?>"
                            min="5" class="form-input dragable-element-control dragable-element-size">
                    </div>
                </div>
            </div>
            <div class="card flex justify-end">
                <button type="submit" class="btn b-solid btn-primary-solid dk-theme-card-square">
                    <?php echo e(isset($certificate) ? translate('Update') : translate('Save')); ?>

                </button>
            </div>
        </form>
    </div>
    <?php $__env->startPush('js'); ?>
        <script src="<?php echo e(asset('lms/assets/js/vendor/jquery-ui.min.js')); ?>"></script>
        <script src="<?php echo e(edulab_asset('lms/assets/js/component/certificate.js')); ?>"></script>
    <?php $__env->stopPush(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginald7f77a02f879fd4954ea3c39c4e952cb)): ?>
<?php $attributes = $__attributesOriginald7f77a02f879fd4954ea3c39c4e952cb; ?>
<?php unset($__attributesOriginald7f77a02f879fd4954ea3c39c4e952cb); ?>
<?php endif; ?>
<?php if (isset($__componentOriginald7f77a02f879fd4954ea3c39c4e952cb)): ?>
<?php $component = $__componentOriginald7f77a02f879fd4954ea3c39c4e952cb; ?>
<?php unset($__componentOriginald7f77a02f879fd4954ea3c39c4e952cb); ?>
<?php endif; ?>
<?php /**PATH D:\www\edulab\Modules\LMS\resources\views\portals\admin\certificate\create.blade.php ENDPATH**/ ?>