CORE_V5 // views

PATH: home / rwabteecom / project_11 / storage / framework / views /

Editing: 33b20a77b435779291a1dd7566cb5cbe.php

<?php $__env->startSection('body'); ?>
    <?php
        $domain_theme = auth()->user()->domain->currentTheme;
        $domain = auth()->user()->domain;
    ?>

<?php echo $__env->make('dashboard.partials.intro-steps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<div class="row my-4">
                            <div class="col-md-3 d-none d-md-block">
                                <?php echo $__env->make('dashboard.partials.aside-navigation', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                            </div>

</div>
                                        <div class="d-flex align-items-center flex-wrap">
                                            <button type="button" id="profile-img-select"
                                                class="form-label main-btn mb-0 me-3 px-4">
                                                <?php echo e(__('Select an image')); ?>

</button>

</label>
                                        <div class="formInput d-flex align-items-center px-3  pe-2 mb-1">
                                            <input value="<?php echo e($domain->site_title); ?>" class="ps-0 onblur" type="text"
                                                name="site_title" placeholder=" <?php echo e(__('My Business name')); ?> ">
                                            <div class="open-emoji-con">
                                                <button class="open-emoji" type="button"><svg width="24" height="24"
                                                        viewBox="0 0 24 24" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                            d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4ZM14.8 13.857C14.8933 13.7629 15.0044 13.6882 15.1268 13.6374C15.2492 13.5866 15.3804 13.5606 15.513 13.561C15.6455 13.5614 15.7766 13.5881 15.8987 13.6396C16.0208 13.6911 16.1315 13.7663 16.2243 13.8609C16.317 13.9556 16.3901 14.0677 16.4391 14.1908C16.4882 14.3139 16.5123 14.4455 16.5101 14.578C16.5078 14.7105 16.4792 14.8413 16.426 14.9626C16.3728 15.084 16.2959 15.1936 16.2 15.285C15.0794 16.3858 13.5708 17.0018 12 17C10.4292 17.0018 8.92064 16.3858 7.8 15.285C7.61503 15.0984 7.51093 14.8465 7.5102 14.5838C7.50948 14.321 7.61219 14.0685 7.79613 13.8809C7.98006 13.6933 8.23045 13.5856 8.49316 13.5811C8.75586 13.5767 9.00977 13.6758 9.2 13.857C9.94682 14.5912 10.9527 15.0018 12 15C13.09 15 14.077 14.565 14.8 13.857ZM8.5 8C8.89782 8 9.27936 8.15804 9.56066 8.43934C9.84196 8.72064 10 9.10218 10 9.5C10 9.89782 9.84196 10.2794 9.56066 10.5607C9.27936 10.842 8.89782 11 8.5 11C8.10218 11 7.72064 10.842 7.43934 10.5607C7.15804 10.2794 7 9.89782 7 9.5C7 9.10218 7.15804 8.72064 7.43934 8.43934C7.72064 8.15804 8.10218 8 8.5 8ZM15.5 8C15.8978 8 16.2794 8.15804 16.5607 8.43934C16.842 8.72064 17 9.10218 17 9.5C17 9.89782 16.842 10.2794 16.5607 10.5607C16.2794 10.842 15.8978 11 15.5 11C15.1022 11 14.7206 10.842 14.4393 10.5607C14.158 10.2794 14 9.89782 14 9.5C14 9.10218 14.158 8.72064 14.4393 8.43934C14.7206 8.15804 15.1022 8 15.5 8Z"
                                                            fill="#414141" />
                                                    </svg>
                                                </button>
                                                <div class="emoji-picker-con">
                                                    <emoji-picker></emoji-picker>
                                                </div>
                                            </div>
                                        </div>
                                        <p class="explain-text"><?php echo e(__('Defaults to your username')); ?>

(<?php echo e($domain->domain); ?>)</p>
                                    </div>

</label>
                                        <textarea class="formInput p-3 intro-text onblur" type="text" name="intro_text"
                                            placeholder="<?php echo e(__('Welcome to my Wex.lnk profile, checkout my links below.')); ?>"><?php echo e($domain->intro_text); ?></textarea>
                                        <p class="text-end mb-0"><span id="lettercount">0</span>/140</p>
                                    </div>

</label>
                                        <input class="px-3 formInput onblur" type="text" name="location"
                                            placeholder="Saudi Arabia, Riydah" value="<?php echo e($domain->location); ?>">
                                        <input class="px-3 formInput mt-3 onblur" type="text" name="location_link"
                                            placeholder="http://www.google.maps/Qw4Dgwl"
                                            value="<?php echo e($domain->location_link); ?>">
                                    </div>
                                    <div class="d-flex flex-wrap align-items-center mb-3 my-4 pt-3">
                                        <div class="d-flex align-items-center mb-2">
                                            <div class="form-check form-switch visibility-switch">
                                                <input class="form-check-input onchange" type="checkbox" value="1"
                                                    id="hideBranding" name="hide_branding"
                                                    <?php if($domain->hide_branding): ?> checked <?php endif; ?> role="switch"
                                                    disabled />
                                                <span class="invisible-span">
                                                    <svg width="15" height="14" viewBox="0 0 15 14" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                            d="M6.15 3.425C6.57376 3.23077 7.03386 3.12853 7.5 3.125C8.39511 3.125 9.25355 3.48058 9.88649 4.11351C10.5194 4.74645 10.875 5.60489 10.875 6.5C10.8748 6.89759 10.801 7.29172 10.6575 7.6625L12.75 9.605C13.6842 8.71688 14.4469 7.66433 15 6.5C15 6.5 12.75 1.25 7.5 1.25C6.46582 1.24458 5.44261 1.46201 4.5 1.8875L6.15 3.425ZM1.5 0.5L0.75 1.25L2.6625 3.05C1.54186 3.99959 0.634541 5.17527 0 6.5C0 6.5 2.25 11.75 7.5 11.75C8.71443 11.755 9.9108 11.4559 10.98 10.88L13.5 13.25L14.25 12.5L1.5 0.5ZM7.5 9.875C6.60489 9.875 5.74645 9.51942 5.11351 8.88648C4.48058 8.25355 4.125 7.3951 4.125 6.5C4.12914 5.92025 4.28423 5.35158 4.575 4.85L5.7225 5.93C5.66072 6.11381 5.62783 6.3061 5.625 6.5C5.62424 6.80525 5.69832 7.10604 5.84075 7.37603C5.98318 7.64601 6.18963 7.87697 6.44201 8.04868C6.69439 8.22039 6.98502 8.32761 7.28844 8.36096C7.59187 8.39432 7.89885 8.35278 8.1825 8.24L9.3375 9.3275C8.79136 9.68499 8.15274 9.87527 7.5 9.875Z"
                                                            fill="#565656" />
                                                    </svg>
                                                </span>
                                                <span class="visible-span">
                                                    <svg width="17" height="12" viewBox="0 0 17 12" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                            d="M11.4078 6C11.4078 6.66304 11.1444 7.29893 10.6755 7.76777C10.2067 8.23661 9.57082 8.5 8.90778 8.5C8.24473 8.5 7.60885 8.23661 7.14001 7.76777C6.67117 7.29893 6.40778 6.66304 6.40778 6C6.40778 5.33696 6.67117 4.70107 7.14001 4.23223C7.60885 3.76339 8.24473 3.5 8.90778 3.5C9.57082 3.5 10.2067 3.76339 10.6755 4.23223C11.1444 4.70107 11.4078 5.33696 11.4078 6Z"
                                                            fill="white" />
                                                        <path
                                                            d="M0.907776 6C0.907776 6 3.90778 0.5 8.90778 0.5C13.9078 0.5 16.9078 6 16.9078 6C16.9078 6 13.9078 11.5 8.90778 11.5C3.90778 11.5 0.907776 6 0.907776 6ZM8.90778 9.5C9.83603 9.5 10.7263 9.13125 11.3826 8.47487C12.039 7.8185 12.4078 6.92826 12.4078 6C12.4078 5.07174 12.039 4.1815 11.3826 3.52513C10.7263 2.86875 9.83603 2.5 8.90778 2.5C7.97952 2.5 7.08928 2.86875 6.4329 3.52513C5.77653 4.1815 5.40778 5.07174 5.40778 6C5.40778 6.92826 5.77653 7.8185 6.4329 8.47487C7.08928 9.13125 7.97952 9.5 8.90778 9.5Z"
                                                            fill="white" />
                                                    </svg>
                                                    </svg>
                                                </span>
                                            </div>
                                            <label class="mb-0 ms-2 me-3 hide-text pt-1 disabled-text" for="hideBranding">
                                                <?php echo e(__('Hide Wex.lnk branding')); ?>

</label>
                                        </div>
                                        <button class="upgrade-btn mb-2" disabled>
                                            <?php echo e(__('Upgrade')); ?> <svg width="19" height="19" class="ms-1"
                                                viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M5.78271 7.82861V6.32861C5.78271 4.25755 7.46165 2.57861 9.53271 2.57861C11.0705 2.57861 12.392 3.50418 12.9707 4.82861M9.53271 11.2036V12.7036M7.13271 16.0786H11.9327C13.1928 16.0786 13.8229 16.0786 14.3042 15.8334C14.7276 15.6177 15.0718 15.2735 15.2875 14.8501C15.5327 14.3688 15.5327 13.7387 15.5327 12.4786V11.4286C15.5327 10.1685 15.5327 9.53844 15.2875 9.05713C15.0718 8.63377 14.7276 8.28956 14.3042 8.07385C13.8229 7.82861 13.1928 7.82861 11.9327 7.82861H7.13271C5.8726 7.82861 5.24254 7.82861 4.76124 8.07385C4.33787 8.28956 3.99367 8.63377 3.77795 9.05713C3.53271 9.53844 3.53271 10.1685 3.53271 11.4286V12.4786C3.53271 13.7387 3.53271 14.3688 3.77795 14.8501C3.99367 15.2735 4.33787 15.6177 4.76124 15.8334C5.24254 16.0786 5.8726 16.0786 7.13271 16.0786Z"
                                                    stroke="white" stroke-width="2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </button>
                                    </div>
                                    <p class="mb-0 hide-explain"><?php echo e(__('Hide the Wex.lnk logo on your profile page.')); ?>

</p>

</form>
    </div>

<div class="py-4 px-3 px-sm-4 section-con mb-4" id="themesSection">
        <h5 class="section-title mb-3"><?php echo e(__('Select a Theme')); ?></h5>
        <div class="row row-cols-2  row-cols-md-3 justify-content-center justify-content-sm-start theme-select">
            <?php $__currentLoopData = $themes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $theme): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="form-check text-center p-2">
                    <input class="form-check-input theme_id_change" hidden type="radio"
                        <?php if(currentDomain()->currentTheme->theme_id == $theme->id): ?> checked <?php endif; ?> name="theme_id" data-value="<?php echo e($theme->id); ?>"
                        id="theme<?php echo e($theme->id); ?>" />
                    <label class="form-check-label" for="theme<?php echo e($theme->id); ?>">
                        <div class="theme-img-con mb-2">
                            <span class="theme-check">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <img src="<?php echo e($theme->Image); ?>" class="img-fluid" alt="theme">
                        </div>
                        <p class="mb-0"><?php echo e($theme->title); ?></p>
                    </label>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
        </div>
    </div>

</label>
                <div class="formInput">
                    <select class="select2 onchange" name="font">
                        <?php $__currentLoopData = \App\Enums\DomainEnum::fonts(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $font => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option <?php if($domain_theme?->font == $font): ?> selected <?php endif; ?> value="<?php echo e($font); ?>">
                                <?php echo e($value['title']); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </div>
            </div>
            <div class="my-3">
                <label class="input-label">
                    <?php echo e(__('Text Color')); ?>

</label>
                <div class="colorpicker-con d-flex align-items-center px-1">
                    <input type='text' class="colorpicker ps-1 onchange" value="<?php echo e($domain_theme->text_color); ?>"
                        name="text_color" readonly />
                </div>
            </div>
        </div>

</label>
            <div class="d-flex layout-select">
                <div class="form-check text-center p-2">
                    <input id="fullWidth" class="form-check-input onchange"
                        <?php if($domain_theme->layout == 'full_width'): ?> checked <?php endif; ?> hidden type="radio" name="layout"
                        value="full_width" name='fullWidth' />
                    <label class="form-check-label" for="fullWidth">
                        <div class="layout-img-con mb-2">
                            <span class="theme-check">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <div class="d-flex align-items-center justify-content-center">
                                <img src="<?php echo e(asset('dashboard/assets/row.png')); ?>" class="img-fluid" alt="theme">
                            </div>
                        </div>
                        <p class="mb-0"> <?php echo e(__('Full-width')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-2">
                    <input class="form-check-input onchange" <?php if($domain_theme->layout == 'grid'): ?> checked <?php endif; ?> hidden
                        type="radio" name="layout" value="grid" id="Grid" />
                    <label class="form-check-label" for="Grid">
                        <div class="layout-img-con mb-2">
                            <span class="theme-check">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <div class="d-flex align-items-center justify-content-center">
                                <img src="<?php echo e(asset('dashboard/assets/grid.png')); ?>" class="img-fluid" alt="theme">
                            </div>
                        </div>
                        <p class="mb-0"> <?php echo e(__('Grid')); ?> </p>
                    </label>
                </div>
            </div>
        </div>

<div class="mt-3 background-select-con">
            <div class="d-flex align-items-center justify-content-between background-select flex-wrap p-3">
                <div>
                    <h5> <?php echo e(__('Background Color')); ?> </h5>
                    <p class="mb-0"> <?php echo e(__('Select your prefered style')); ?> </p>
                </div>
                <ul class="nav nav-tabs nav-fill" id="ex1" role="tablist">
                    <label class="nav-item onclick" role="presentation" for="style_solid">
                        <input type="radio" name="background_style" <?php if($domain_theme->background_style == 'solid'): ?> checked <?php endif; ?>
                            hidden id="style_solid" value="solid" />
                        <a data-mdb-tab-init class="nav-link <?php if($domain_theme->background_style == 'solid'): ?> active <?php endif; ?> solid-bg"
                            href="#solid-bg" role="tab" aria-controls="solid-bg" aria-selected="true">
                            <div class="bg-type">
                                <div></div>
                            </div>
                            <p> <?php echo e(__('Solid')); ?> </p>
                        </a>
                    </label>
                    <label class="nav-item onclick" role="presentation" for="style_gradient">
                        <input hidden type="radio" <?php if($domain_theme->background_style == 'gradient'): ?> checked <?php endif; ?>
                            name="background_style" id="style_gradient" value="gradient" />
                        <a data-mdb-tab-init class="nav-link gradiant-bg <?php if($domain_theme->background_style == 'gradient'): ?> active <?php endif; ?>"
                            href="#gradiant-bg" role="tab" aria-controls="gradiant-bg" aria-selected="false">
                            <div>
                                <div class="bg-type">
                                    <div></div>
                                </div>
                            </div>
                            <p> <?php echo e(__('Gradient')); ?> </p>
                        </a>
                    </label>
                    <label class="nav-item onclick" role="presentation" for="style_image">
                        <input hidden type="radio" <?php if($domain_theme->background_style == 'image'): ?> checked <?php endif; ?>
                            name="background_style" id="style_image" value="image" />
                        <a data-mdb-tab-init class="nav-link <?php if($domain_theme->background_style == 'image'): ?> active <?php endif; ?>"
                            id="ex2-tab-3" href="#image-bg" role="tab" aria-controls="image-bg"
                            aria-selected="false">
                            <div>
                                <div class="bg-type">
                                    <div>
                                        <img src="<?php echo e(asset('dashboard/assets/bg-image.png')); ?>"
                                            class="img-fluid w-100 h-100" alt="bg-image">
                                    </div>
                                </div>
                            </div>
                            <p> <?php echo e(__('Image')); ?> </p>
                        </a>
                    </label>
                </ul>
            </div>

<input type="text" class="onchange" value="<?php echo e($domain_theme->background_color); ?>" hidden
                name="background_color" />
            <input type="text" class="onchange" value="<?php echo e($domain_theme->background_first_color); ?>" hidden
                name="background_first_color" />
            <input type="text" class="onchange" value="<?php echo e($domain_theme->background_second_color); ?>" hidden
                name="background_second_color" />
            <input type="text" class="onchange" value="<?php echo e($domain_theme->background_direction); ?>" hidden
                name="background_direction" />

<div class="bg-tabs-con py-3 background-style-tabs">
                <div class="tab-content" id="ex2-content">
                    <div class="tab-pane fade show active" id="solid-bg" role="tabpanel" aria-labelledby="ex2-tab-1">
                        <div class="owl-carousel owl-theme solid_color_slider color-picker-tabs"
                            data-to="background_color" id="solid_color_slider">
                            <div class="form-check text-center color-check p-2">
                                <input class="form-check-input" hidden type="radio" name="solid-bg"
                                    id="custom-solid-color" />
                                <label class="form-check-label custom-color" for="custom-solid-color">
                                    <div class="colorpicker-con d-flex align-items-center px-2">
                                        <input type='text' class="colorpicker ps-1 to-other-color"
                                            data-to="background_color" value="<?php echo e($domain_theme->background_color); ?>"
                                            readonly />
                                    </div>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="gradiant-bg" role="tabpanel" aria-labelledby="ex2-tab-2">
                        <div class="d-flex align-items-center px-3 gradiant-direction-con mb-3">
                            <button type="button" class="gradiant-direction me-3"
                                style="transform: rotate(<?php echo e($domain_theme->background_direction); ?>);">
                                <svg width="10" height="13" viewBox="0 0 10 13" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M5.23016 12.2118V1.68652M5.23016 1.68652L9.17712 5.63348M5.23016 1.68652L1.2832 5.63348"
                                        stroke="white" stroke-width="1.5" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </svg>
                            </button>
                            <p class="mb-0"> <?php echo e(__('Gradient Direction')); ?>

</p>
                        </div>

<div class="owl-carousel owl-theme gradiant_first_color_slider my-2 color-picker-tabs"
                            data-to="background_first_color" id="gradiant_first_color_slider">
                            <div class="form-check text-center color-check p-2">
                                <input class="form-check-input" hidden type="radio" name="gradient-first-bg"
                                    id="custom-gradient-first-bg" />
                                <label class="form-check-label custom-color" for="custom-gradient-first-bg">
                                    <div class="colorpicker-con d-flex align-items-center px-2">
                                        <input type='text' class="colorpicker ps-1 to-other-color"
                                            data-to="background_first_color"
                                            value="<?php echo e($domain_theme->background_first_color); ?>" readonly />
                                    </div>
                                </label>
                            </div>
                        </div>

<div class="owl-carousel owl-theme gradiant_second_color_slider my-2 color-picker-tabs"
                            data-to="background_second_color" id="gradiant_second_color_slider">
                            <div class="form-check text-center color-check p-2">
                                <input class="form-check-input" hidden type="radio" name="gradient-second-bg"
                                    id="custom-gradient-second-bg" />
                                <label class="form-check-label custom-color" for="custom-gradient-second-bg">
                                    <div class="colorpicker-con d-flex align-items-center px-2">
                                        <input type='text' class="colorpicker ps-1 to-other-color"
                                            data-to="background_second_color"
                                            value="<?php echo e($domain_theme->background_second_color); ?>" readonly />
                                    </div>
                                </label>
                            </div>
                        </div>

</div>
                    <div class="tab-pane fade" id="image-bg" role="tabpanel" aria-labelledby="ex2-tab-3">
                        <div class="px-3">
                            <div id="background-image-dropzone" data-model="background-image"
                                class="dropzone-custom d-flex align-items-center justify-content-center px-2 px-md-4">
                                <div class="text-center my-2 dz-default dz-message">
                                    <span class="d-block mb-4">
                                        <svg width="65" height="64" viewBox="0 0 65 64" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.25"
                                                d="M8.64111 10.6979C8.64111 6.30572 12.2017 2.74512 16.5939 2.74512H42.4601C44.5693 2.74512 46.5922 3.583 48.0836 5.07444L54.0287 11.0196C55.5201 12.511 56.358 14.5338 56.358 16.643V53.113C56.358 57.5052 52.7974 61.0658 48.4052 61.0658H16.5939C12.2017 61.0658 8.64111 57.5052 8.64111 53.113V10.6979Z"
                                                fill="#00A3FF" />
                                            <path
                                                d="M40.4526 5.10924C40.4526 3.80357 41.5111 2.74512 42.8168 2.74512C44.6978 2.74512 46.5017 3.49235 47.8318 4.82242L54.281 11.2716C55.611 12.6016 56.3583 14.4056 56.3583 16.2866C56.3583 17.5923 55.2998 18.6508 53.9942 18.6508H43.1036C41.6395 18.6508 40.4526 17.4639 40.4526 15.9998V5.10924Z"
                                                fill="#00A3FF" />
                                            <path
                                                d="M31.485 24.1538C31.1724 24.2832 30.8794 24.4749 30.6253 24.7291L22.6724 32.6819C21.6372 33.7172 21.6372 35.3956 22.6724 36.4309C23.7077 37.4662 25.3862 37.4662 26.4214 36.4309L29.8488 33.0035V45.1602C29.8488 46.6242 31.0357 47.8111 32.4998 47.8111C33.9638 47.8111 35.1507 46.6242 35.1507 45.1602V33.0035L38.5781 36.4309C39.6133 37.4662 41.2918 37.4662 42.3271 36.4309C43.3623 35.3956 43.3623 33.7172 42.3271 32.6819L34.3743 24.7291C33.5932 23.948 32.4459 23.7562 31.485 24.1538Z"
                                                fill="#00A3FF" />
                                        </svg>
                                    </span>
                                    <h5> <?php echo e(__('Upload your image')); ?> </h5>
                                    <p class="mb-0"> <?php echo e(__('Drag & Drop or choose files from computer')); ?> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</label>
            <div class="formInput">
                <select class="select2 onchange" name="button_font">
                    <?php $__currentLoopData = \App\Enums\DomainEnum::fonts(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $font => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option <?php if($domain_theme->button_font == $font): ?> selected <?php endif; ?> value="<?php echo e($font); ?>">
                            <?php echo e($value['title']); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
        </div>
        <div class="my-4">
            <label class="input-label d-block">
                <?php echo e(__('Font Weight')); ?>

</label>
            <div class="fw-select d-flex flex-wrap">
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" hidden type="radio" name="button_text_weight"
                        id="Light-fw" <?php if($domain_theme->button_text_weight == '200'): ?> checked <?php endif; ?> value="200" />
                    <label class="form-check-label" for="Light-fw">
                        <h5 class="mb-1" style="font-weight: 200;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Light')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" hidden type="radio" name="button_text_weight"
                        id="Regular-fw" <?php if($domain_theme->button_text_weight == '400'): ?> checked <?php endif; ?> value="400" />
                    <label class="form-check-label" for="Regular-fw">
                        <h5 class="mb-1" style="font-weight: 400;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Regular')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" <?php if($domain_theme->button_text_weight == '500'): ?> checked <?php endif; ?> hidden
                        type="radio" name="button_text_weight" id="Medium-fw" value="500" />
                    <label class="form-check-label" for="Medium-fw">
                        <h5 class="mb-1" style="font-weight: 500;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Medium')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" hidden type="radio" name="button_text_weight"
                        id="Semi-bold-fw" <?php if($domain_theme->button_text_weight == '600'): ?> checked <?php endif; ?> value="600" />
                    <label class="form-check-label" for="Semi-bold-fw">
                        <h5 class="mb-1" style="font-weight: 600;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Semi bold')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" hidden type="radio" name="button_text_weight"
                        id="Bold-fw" <?php if($domain_theme->button_text_weight == '700'): ?> checked <?php endif; ?> value="700" />
                    <label class="form-check-label" for="Bold-fw">
                        <h5 class="mb-1" style="font-weight: 700;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Bold')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-0 m-2">
                    <input class="form-check-input onchange" hidden type="radio" name="button_text_weight"
                        id="Extra-bold-fw" <?php if($domain_theme->button_text_weight == '800'): ?> checked <?php endif; ?> value="800" />
                    <label class="form-check-label" for="Extra-bold-fw">
                        <h5 class="mb-1" style="font-weight: 800;">Aa</h5>
                        <p class="mb-0"> <?php echo e(__('Extra bold')); ?> </p>
                    </label>
                </div>

</div>
        </div>
        <div class="button-design-box">
            <h5 class="design-box-title p-3"> <?php echo e(__('Button Design')); ?> </h5>
            <div class="px-2 px-sm-3">
                <div class="d-flex align-items-center justify-content-between flex-wrap">
                    <p class="my-3"> <?php echo e(__('Background Color')); ?> </p>
                    <div class="colorpicker-con d-flex align-items-center px-1 my-3">
                        <input type='text' class="colorpicker ps-1 onchange" name="button_background"
                            value="<?php echo e($domain_theme->button_background); ?>" readonly />
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap">
                    <p class="my-3"> <?php echo e(__('Text Color')); ?> </p>
                    <div class="colorpicker-con d-flex align-items-center px-1 my-3">
                        <input type='text' class="colorpicker ps-1 onchange" name="button_color"
                            value="<?php echo e($domain_theme->button_color); ?>" readonly />
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap reset-property">
                    <div class="my-3 d-flex align-items-center property-name p-1 reset-range-btn transparency-name">
                        <p class="mb-0"> <?php echo e(__('Transparency')); ?> </p>
                        <button type="button" class="ms-2 d-none">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.75 5.44434L5.25 12.5277M5.25 5.44434L12.75 12.5277" stroke="#686868"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                    </div>
                    <div class="property-box pb-2 pt-1 my-3 range-box-con">
                        <div class="d-flex justify-content-between px-2">
                            <span class="range-value"><?php echo e($domain_theme->button_transparency); ?></span>
                            <span>%</span>
                        </div>

<div class="range-box">
                            <input class="range onchange" name="button_transparency" type="range" min="0"
                                max="100" value="<?php echo e($domain_theme->button_transparency); ?>" />
                        </div>

</div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap reset-property-border">
                    <div class="my-3 d-flex align-items-center property-name p-1 reset-border">
                        <p class="mb-0"> <?php echo e(__('Border')); ?> </p>
                        <button type="button" class="ms-2 d-none">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.75 5.44434L5.25 12.5277M5.25 5.44434L12.75 12.5277" stroke="#686868"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                    </div>
                    <div class="property-border-box d-flex align-items-center justify-content-between px-1 px-sm-2">
                        <div class="d-flex align-items-center border-input-con">
                            <input type="number" value="<?php echo e($domain_theme->button_border_width); ?>"
                                class="ps-2 border-input onchange" name="button_border_width" id="">
                            <span>px</span>
                        </div>
                        <div class="d-flex property-border-buttons h-100 px-1 mx-2">
                            <button type="button" class="me-2 sub-border" disabled>
                                <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M4.04785 8.29688H13.3812" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </button>
                            <button type="button" class="add-border">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M7.5 3.42188V12.1719M3.125 7.79688H11.875" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </button>
                        </div>
                        <div class="colorpicker-con d-flex align-items-center px-1">
                            <input type='text' name="button_border_color" class="colorpicker ps-1 onchange"
                                value="<?php echo e($domain_theme->button_border_color); ?>" hidden />
                        </div>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap reset-property">
                    <div class="my-3 d-flex align-items-center property-name p-1 reset-range-btn">
                        <p class="mb-0"> <?php echo e(__('Radius')); ?> </p>
                        <button type="button" class="ms-2 d-none">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.75 5.44434L5.25 12.5277M5.25 5.44434L12.75 12.5277" stroke="#686868"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                    </div>
                    <div class="property-box pb-2 pt-1 my-3 range-box-con">
                        <div class="d-flex justify-content-between px-2">
                            <span class="range-value"><?php echo e($domain_theme->button_border_radius); ?></span>
                            <span>px</span>
                        </div>
                        <div class="range-box">
                            <input class="range onchange" name="button_border_radius" type="range" min="0"
                                max="100" value="<?php echo e($domain_theme->button_border_radius); ?>" />
                        </div>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap reset-property-shadow">
                    <div class="reset-shadow my-3 d-flex align-items-center property-name p-1">
                        <p class="mb-0"> <?php echo e(__('Shadow')); ?> </p>
                        <button type="button" class="ms-2">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.75 5.44434L5.25 12.5277M5.25 5.44434L12.75 12.5277" stroke="#686868"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                    </div>
                    <div
                        class="property-box shadows-boxer my-3 shadow-select d-flex align-items-center justify-content-between">
                        <div class="dropdown shadow-menu">
                            <button class="dropdown-toggle m-0 px-2" type="button" id="dropdownMenu2"
                                data-mdb-dropdown-init aria-expanded="false">
                                <p class="mb-0 shadow-text"></p>
                                <svg width="20" height="21" viewBox="0 0 20 21" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.64502 8.25146L10.395 13.2515L15.145 8.25146" stroke="#4F4F4F"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </button>
                            <div class="dropdown-menu p-3" aria-labelledby="dropdownMenu2">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="shadow-single-property m-2">
                                        <label><?php echo e(__('X offset')); ?></label>
                                        <div class="property-box pb-2 pt-1 range-box-con">
                                            <div class="d-flex justify-content-between px-2">
                                                <span class="range-value"
                                                    data-default="0"><?php echo e($domain_theme->button_shadow_xoffset); ?></span>
                                                <span>px</span>
                                            </div>
                                            <div class="range-box">
                                                <input name="button_shadow_xoffset" type="range" min="-50"
                                                    max="50" value="<?php echo e($domain_theme->button_shadow_xoffset); ?>"
                                                    class="range" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="shadow-single-property m-2">
                                        <label for=""><?php echo e(__('Blur')); ?></label>
                                        <div class="property-box pb-2 pt-1 range-box-con">
                                            <div class="d-flex justify-content-between px-2">
                                                <span class="range-value"
                                                    data-default="0"><?php echo e($domain_theme->button_shadow_blur); ?></span>
                                                <span>px</span>
                                            </div>
                                            <div class="range-box">
                                                <input name="button_shadow_blur" type="range" min="0"
                                                    max="100" value="<?php echo e($domain_theme->button_shadow_blur); ?>"
                                                    class="range" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="shadow-single-property m-2">
                                        <label><?php echo e(__('Y offset')); ?></label>
                                        <div class="property-box pb-2 pt-1 range-box-con">
                                            <div class="d-flex justify-content-between px-2">
                                                <span class="range-value"
                                                    data-default="0"><?php echo e($domain_theme->button_shadow_yoffset); ?></span>
                                                <span>px</span>
                                            </div>
                                            <div class="range-box">
                                                <input name="button_shadow_yoffset" type="range" min="-50"
                                                    max="50" value="<?php echo e($domain_theme->button_shadow_yoffset); ?>"
                                                    class="range" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="shadow-single-property m-2 range-box-con">
                                        <label for=""><?php echo e(__('Spread')); ?></label>
                                        <div class="property-box pb-2 pt-1">
                                            <div class="d-flex justify-content-between px-2">
                                                <span class="range-value"
                                                    data-default="0"><?php echo e($domain_theme->button_shadow_spread); ?></span>
                                                <span>px</span>
                                            </div>
                                            <div class="range-box">
                                                <input name="button_shadow_spread" type="range" min="0"
                                                    max="100" value="<?php echo e($domain_theme->button_shadow_spread); ?>"
                                                    class="range" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="shadow-single-property m-2">
                                        <label>
                                            <?php echo e(__('Color')); ?>

</label>
                                        <div class="colorpicker-con d-flex align-items-center px-1">
                                            <input name="button_shadow_color" type='text' class="colorpicker ps-1"
                                                value="<?php echo e($domain_theme->button_shadow_color); ?>" readonly />
                                        </div>
                                    </div>
                                    <div class="shadow-single-property m-2 range-box-con">
                                        <label for=""><?php echo e(__('Transparency')); ?></label>
                                        <div class="property-box pb-2 pt-1">
                                            <div class="d-flex justify-content-between px-2">
                                                <span class="range-value"
                                                    data-default="0"><?php echo e($domain_theme->button_shadow_transparency); ?></span>
                                                <span>%</span>
                                            </div>
                                            <div class="range-box">
                                                <input name="button_shadow_transparency" type="range" min="0"
                                                    max="100"
                                                    value="<?php echo e($domain_theme->button_shadow_transparency); ?>"
                                                    class="range" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex align-items-center justify-content-start">
                                    <button type="button" class="m-2 main-btn save-shadow" type="button">Save</button>
                                    <button type="button" class="m-2" type="button">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between flex-wrap">
                    <p class="my-3"> <?php echo e(__('Image style')); ?> </p>
                    <select class="form-select image-style-select my-3 onchange" name="button_image_radius">
                        <option <?php if($domain_theme->button_image_radius == 'circle'): ?> selected <?php endif; ?> value="circle"> <?php echo e(__('Circle')); ?>

</option>
                        <option <?php if($domain_theme->button_image_radius == 'square'): ?> selected <?php endif; ?> value="square"> <?php echo e(__('Square')); ?>

</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

</label>
            <div class="d-flex layout-select">
                <div class="form-check text-center p-2">
                    <input class="form-check-input onchange" <?php if($domain_theme->header_layout == 'stacked'): ?> checked <?php endif; ?>
                        value="stacked" hidden type="radio" name="header_layout" id="stacked" />
                    <label class="form-check-label" for="stacked">
                        <div class="layout-img-con mb-2">
                            <span class="theme-check">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <div class="d-flex align-items-center justify-content-center">
                                <img src="<?php echo e(asset('dashboard/assets/stached.png')); ?>" class="img-fluid" alt="theme">
                            </div>
                        </div>
                        <p class="mb-0"> <?php echo e(__('Stacked')); ?> </p>
                    </label>
                </div>
                <div class="form-check text-center p-2">
                    <input class="form-check-input onchange" <?php if($domain_theme->header_layout == 'start_aligned'): ?> checked <?php endif; ?>
                        value="start_aligned" hidden type="radio" name="header_layout" id="startAligned" />
                    <label class="form-check-label" for="startAligned">
                        <div class="layout-img-con mb-2">
                            <span class="theme-check">
                                <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                        fill="white" />
                                </svg>
                            </span>
                            <div class="d-flex align-items-center justify-content-center">
                                <img src="<?php echo e(asset('dashboard/assets/allign.png')); ?>" class="img-fluid" alt="theme">
                            </div>
                        </div>
                        <p class="mb-0"> <?php echo e(__('Start-Aligned')); ?> </p>
                    </label>
                </div>
            </div>
        </div>

<div class="d-flex flex-wrap align-items-center my-4">
            <div class="form-check form-switch visibility-switch">
                <input class="form-check-input onchange" <?php if($domain_theme->hide_profile_image): ?> checked <?php endif; ?>
                    id="hideProfileImage" type="checkbox" name="hide_profile_image" value="1" role="switch" />
                <span class="invisible-span">
                    <svg width="15" height="14" viewBox="0 0 15 14" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M6.15 3.425C6.57376 3.23077 7.03386 3.12853 7.5 3.125C8.39511 3.125 9.25355 3.48058 9.88649 4.11351C10.5194 4.74645 10.875 5.60489 10.875 6.5C10.8748 6.89759 10.801 7.29172 10.6575 7.6625L12.75 9.605C13.6842 8.71688 14.4469 7.66433 15 6.5C15 6.5 12.75 1.25 7.5 1.25C6.46582 1.24458 5.44261 1.46201 4.5 1.8875L6.15 3.425ZM1.5 0.5L0.75 1.25L2.6625 3.05C1.54186 3.99959 0.634541 5.17527 0 6.5C0 6.5 2.25 11.75 7.5 11.75C8.71443 11.755 9.9108 11.4559 10.98 10.88L13.5 13.25L14.25 12.5L1.5 0.5ZM7.5 9.875C6.60489 9.875 5.74645 9.51942 5.11351 8.88648C4.48058 8.25355 4.125 7.3951 4.125 6.5C4.12914 5.92025 4.28423 5.35158 4.575 4.85L5.7225 5.93C5.66072 6.11381 5.62783 6.3061 5.625 6.5C5.62424 6.80525 5.69832 7.10604 5.84075 7.37603C5.98318 7.64601 6.18963 7.87697 6.44201 8.04868C6.69439 8.22039 6.98502 8.32761 7.28844 8.36096C7.59187 8.39432 7.89885 8.35278 8.1825 8.24L9.3375 9.3275C8.79136 9.68499 8.15274 9.87527 7.5 9.875Z"
                            fill="#565656" />
                    </svg>
                </span>
                <span class="visible-span">
                    <svg width="17" height="12" viewBox="0 0 17 12" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11.4078 6C11.4078 6.66304 11.1444 7.29893 10.6755 7.76777C10.2067 8.23661 9.57082 8.5 8.90778 8.5C8.24473 8.5 7.60885 8.23661 7.14001 7.76777C6.67117 7.29893 6.40778 6.66304 6.40778 6C6.40778 5.33696 6.67117 4.70107 7.14001 4.23223C7.60885 3.76339 8.24473 3.5 8.90778 3.5C9.57082 3.5 10.2067 3.76339 10.6755 4.23223C11.1444 4.70107 11.4078 5.33696 11.4078 6Z"
                            fill="white" />
                        <path
                            d="M0.907776 6C0.907776 6 3.90778 0.5 8.90778 0.5C13.9078 0.5 16.9078 6 16.9078 6C16.9078 6 13.9078 11.5 8.90778 11.5C3.90778 11.5 0.907776 6 0.907776 6ZM8.90778 9.5C9.83603 9.5 10.7263 9.13125 11.3826 8.47487C12.039 7.8185 12.4078 6.92826 12.4078 6C12.4078 5.07174 12.039 4.1815 11.3826 3.52513C10.7263 2.86875 9.83603 2.5 8.90778 2.5C7.97952 2.5 7.08928 2.86875 6.4329 3.52513C5.77653 4.1815 5.40778 5.07174 5.40778 6C5.40778 6.92826 5.77653 7.8185 6.4329 8.47487C7.08928 9.13125 7.97952 9.5 8.90778 9.5Z"
                            fill="white" />
                    </svg>
                    </svg>
                </span>
            </div>
            <label class="mb-0 ms-2 me-3 hide-text pt-1" for="hideProfileImage"><?php echo e(__('Hide profile Image')); ?></label>
        </div>

<div class="d-flex flex-wrap align-items-center my-4">
            <div class="form-check form-switch visibility-switch">
                <input class="form-check-input onchange" id="hideProfileTitle" type="checkbox" name="hide_profile_title"
                    value="1" role="switch" <?php if($domain_theme->hide_profile_title): ?> checked <?php endif; ?> />
                <span class="invisible-span">
                    <svg width="15" height="14" viewBox="0 0 15 14" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M6.15 3.425C6.57376 3.23077 7.03386 3.12853 7.5 3.125C8.39511 3.125 9.25355 3.48058 9.88649 4.11351C10.5194 4.74645 10.875 5.60489 10.875 6.5C10.8748 6.89759 10.801 7.29172 10.6575 7.6625L12.75 9.605C13.6842 8.71688 14.4469 7.66433 15 6.5C15 6.5 12.75 1.25 7.5 1.25C6.46582 1.24458 5.44261 1.46201 4.5 1.8875L6.15 3.425ZM1.5 0.5L0.75 1.25L2.6625 3.05C1.54186 3.99959 0.634541 5.17527 0 6.5C0 6.5 2.25 11.75 7.5 11.75C8.71443 11.755 9.9108 11.4559 10.98 10.88L13.5 13.25L14.25 12.5L1.5 0.5ZM7.5 9.875C6.60489 9.875 5.74645 9.51942 5.11351 8.88648C4.48058 8.25355 4.125 7.3951 4.125 6.5C4.12914 5.92025 4.28423 5.35158 4.575 4.85L5.7225 5.93C5.66072 6.11381 5.62783 6.3061 5.625 6.5C5.62424 6.80525 5.69832 7.10604 5.84075 7.37603C5.98318 7.64601 6.18963 7.87697 6.44201 8.04868C6.69439 8.22039 6.98502 8.32761 7.28844 8.36096C7.59187 8.39432 7.89885 8.35278 8.1825 8.24L9.3375 9.3275C8.79136 9.68499 8.15274 9.87527 7.5 9.875Z"
                            fill="#565656" />
                    </svg>
                </span>
                <span class="visible-span">
                    <svg width="17" height="12" viewBox="0 0 17 12" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11.4078 6C11.4078 6.66304 11.1444 7.29893 10.6755 7.76777C10.2067 8.23661 9.57082 8.5 8.90778 8.5C8.24473 8.5 7.60885 8.23661 7.14001 7.76777C6.67117 7.29893 6.40778 6.66304 6.40778 6C6.40778 5.33696 6.67117 4.70107 7.14001 4.23223C7.60885 3.76339 8.24473 3.5 8.90778 3.5C9.57082 3.5 10.2067 3.76339 10.6755 4.23223C11.1444 4.70107 11.4078 5.33696 11.4078 6Z"
                            fill="white" />
                        <path
                            d="M0.907776 6C0.907776 6 3.90778 0.5 8.90778 0.5C13.9078 0.5 16.9078 6 16.9078 6C16.9078 6 13.9078 11.5 8.90778 11.5C3.90778 11.5 0.907776 6 0.907776 6ZM8.90778 9.5C9.83603 9.5 10.7263 9.13125 11.3826 8.47487C12.039 7.8185 12.4078 6.92826 12.4078 6C12.4078 5.07174 12.039 4.1815 11.3826 3.52513C10.7263 2.86875 9.83603 2.5 8.90778 2.5C7.97952 2.5 7.08928 2.86875 6.4329 3.52513C5.77653 4.1815 5.40778 5.07174 5.40778 6C5.40778 6.92826 5.77653 7.8185 6.4329 8.47487C7.08928 9.13125 7.97952 9.5 8.90778 9.5Z"
                            fill="white" />
                    </svg>
                    </svg>
                </span>
            </div>
            <label class="mb-0 ms-2 me-3 hide-text pt-1" for="hideProfileTitle"><?php echo e(__('Hide Profile title')); ?></label>
        </div>

<div class="d-flex flex-wrap align-items-center mt-4">
            <div class="d-flex mb-2">
                <div class="form-check form-switch visibility-switch">
                    <input class="form-check-input onchange" value="1" id="hideFollowersNumbers" type="checkbox"
                        name="hide_community" role="switch" <?php if($domain_theme->hide_community): ?> checked <?php endif; ?>
                        disabled />
                    <span class="invisible-span">
                        <svg width="15" height="14" viewBox="0 0 15 14" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M6.15 3.425C6.57376 3.23077 7.03386 3.12853 7.5 3.125C8.39511 3.125 9.25355 3.48058 9.88649 4.11351C10.5194 4.74645 10.875 5.60489 10.875 6.5C10.8748 6.89759 10.801 7.29172 10.6575 7.6625L12.75 9.605C13.6842 8.71688 14.4469 7.66433 15 6.5C15 6.5 12.75 1.25 7.5 1.25C6.46582 1.24458 5.44261 1.46201 4.5 1.8875L6.15 3.425ZM1.5 0.5L0.75 1.25L2.6625 3.05C1.54186 3.99959 0.634541 5.17527 0 6.5C0 6.5 2.25 11.75 7.5 11.75C8.71443 11.755 9.9108 11.4559 10.98 10.88L13.5 13.25L14.25 12.5L1.5 0.5ZM7.5 9.875C6.60489 9.875 5.74645 9.51942 5.11351 8.88648C4.48058 8.25355 4.125 7.3951 4.125 6.5C4.12914 5.92025 4.28423 5.35158 4.575 4.85L5.7225 5.93C5.66072 6.11381 5.62783 6.3061 5.625 6.5C5.62424 6.80525 5.69832 7.10604 5.84075 7.37603C5.98318 7.64601 6.18963 7.87697 6.44201 8.04868C6.69439 8.22039 6.98502 8.32761 7.28844 8.36096C7.59187 8.39432 7.89885 8.35278 8.1825 8.24L9.3375 9.3275C8.79136 9.68499 8.15274 9.87527 7.5 9.875Z"
                                fill="#565656" />
                        </svg>
                    </span>
                    <span class="visible-span">
                        <svg width="17" height="12" viewBox="0 0 17 12" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M11.4078 6C11.4078 6.66304 11.1444 7.29893 10.6755 7.76777C10.2067 8.23661 9.57082 8.5 8.90778 8.5C8.24473 8.5 7.60885 8.23661 7.14001 7.76777C6.67117 7.29893 6.40778 6.66304 6.40778 6C6.40778 5.33696 6.67117 4.70107 7.14001 4.23223C7.60885 3.76339 8.24473 3.5 8.90778 3.5C9.57082 3.5 10.2067 3.76339 10.6755 4.23223C11.1444 4.70107 11.4078 5.33696 11.4078 6Z"
                                fill="white" />
                            <path
                                d="M0.907776 6C0.907776 6 3.90778 0.5 8.90778 0.5C13.9078 0.5 16.9078 6 16.9078 6C16.9078 6 13.9078 11.5 8.90778 11.5C3.90778 11.5 0.907776 6 0.907776 6ZM8.90778 9.5C9.83603 9.5 10.7263 9.13125 11.3826 8.47487C12.039 7.8185 12.4078 6.92826 12.4078 6C12.4078 5.07174 12.039 4.1815 11.3826 3.52513C10.7263 2.86875 9.83603 2.5 8.90778 2.5C7.97952 2.5 7.08928 2.86875 6.4329 3.52513C5.77653 4.1815 5.40778 5.07174 5.40778 6C5.40778 6.92826 5.77653 7.8185 6.4329 8.47487C7.08928 9.13125 7.97952 9.5 8.90778 9.5Z"
                                fill="white" />
                        </svg>
                        </svg>
                    </span>
                </div>
                <label class="mb-0 ms-2 me-3 hide-text pt-1 disabled-text"
                    for="hideFollowersNumbers"><?php echo e(__('Hide followers numbers')); ?></label>
            </div>
            <button class="upgrade-btn  mb-2" disabled>
                <?php echo e(__('Upgrade')); ?> <svg width="19" height="19" class="ms-1" viewBox="0 0 19 19"
                    fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M5.78271 7.82861V6.32861C5.78271 4.25755 7.46165 2.57861 9.53271 2.57861C11.0705 2.57861 12.392 3.50418 12.9707 4.82861M9.53271 11.2036V12.7036M7.13271 16.0786H11.9327C13.1928 16.0786 13.8229 16.0786 14.3042 15.8334C14.7276 15.6177 15.0718 15.2735 15.2875 14.8501C15.5327 14.3688 15.5327 13.7387 15.5327 12.4786V11.4286C15.5327 10.1685 15.5327 9.53844 15.2875 9.05713C15.0718 8.63377 14.7276 8.28956 14.3042 8.07385C13.8229 7.82861 13.1928 7.82861 11.9327 7.82861H7.13271C5.8726 7.82861 5.24254 7.82861 4.76124 8.07385C4.33787 8.28956 3.99367 8.63377 3.77795 9.05713C3.53271 9.53844 3.53271 10.1685 3.53271 11.4286V12.4786C3.53271 13.7387 3.53271 14.3688 3.77795 14.8501C3.99367 15.2735 4.33787 15.6177 4.76124 15.8334C5.24254 16.0786 5.8726 16.0786 7.13271 16.0786Z"
                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </button>
        </div>
        <p class="explain-text mt-2 mb-0"><?php echo e(__('This will hide follower & following number')); ?></p>
    </div>

<div class="section-con links-con" id="socialAccountsSection">
        <div class="d-flex align-items-center justify-content-between links-con-header p-4 pb-3">
            <h5 class="section-title mb-1"> <?php echo e(__('Social Icons')); ?> </h5>
            <button type="button" class="main-btn mb-1 py-2 px-4" id="openAddSocial">
                <svg width="16" height="16" class="me-2" viewBox="0 0 16 16" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path d="M8 1V15M1 8H15" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" />
                </svg>
                <?php echo e(__('Add Link')); ?> </button>
        </div>
        <div class="links-con-links px-4 py-3" id="sortableLinks">
            <?php $__currentLoopData = $domain_icons; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $domainIcon): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="socialLink d-flex align-items-center justify-content-between my-3"
                    data-icon="<?php echo e($domainIcon->id); ?>" data-id="<?php echo e($loop->iteration); ?>" id="<?php echo e($loop->iteration); ?>">
                    <div class="d-flex align-items-center overflow-hidden">
                        <button type="button" class="px-3 pe-1 drage-social">
                            <svg width="24" height="19" viewBox="0 0 24 19" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M8.97136 10.0962C9.3738 10.0962 9.70004 9.76999 9.70004 9.36755C9.70004 8.96511 9.3738 8.63887 8.97136 8.63887C8.56892 8.63887 8.24268 8.96511 8.24268 9.36755C8.24268 9.76999 8.56892 10.0962 8.97136 10.0962Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M8.97136 4.99545C9.3738 4.99545 9.70004 4.66921 9.70004 4.26677C9.70004 3.86433 9.3738 3.53809 8.97136 3.53809C8.56892 3.53809 8.24268 3.86433 8.24268 4.26677C8.24268 4.66921 8.56892 4.99545 8.97136 4.99545Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M8.97136 15.197C9.3738 15.197 9.70004 14.8708 9.70004 14.4683C9.70004 14.0659 9.3738 13.7397 8.97136 13.7397C8.56892 13.7397 8.24268 14.0659 8.24268 14.4683C8.24268 14.8708 8.56892 15.197 8.97136 15.197Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M14.8009 10.0962C15.2034 10.0962 15.5296 9.76999 15.5296 9.36755C15.5296 8.96511 15.2034 8.63887 14.8009 8.63887C14.3985 8.63887 14.0723 8.96511 14.0723 9.36755C14.0723 9.76999 14.3985 10.0962 14.8009 10.0962Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M14.8009 4.99545C15.2034 4.99545 15.5296 4.66921 15.5296 4.26677C15.5296 3.86433 15.2034 3.53809 14.8009 3.53809C14.3985 3.53809 14.0723 3.86433 14.0723 4.26677C14.0723 4.66921 14.3985 4.99545 14.8009 4.99545Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M14.8009 15.197C15.2034 15.197 15.5296 14.8708 15.5296 14.4683C15.5296 14.0659 15.2034 13.7397 14.8009 13.7397C14.3985 13.7397 14.0723 14.0659 14.0723 14.4683C14.0723 14.8708 14.3985 15.197 14.8009 15.197Z"
                                    stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                        <span class="me-2">
                            <i class="<?php echo e($domainIcon->socialLink->icon); ?>"></i>
                        </span>
                        <p class="mb-0 linkUrl"><?php echo e($domainIcon->link); ?></p>
                    </div>
                    <div class="d-flex align-items-center pe-1 socialLink-control">
                        <span class="opacity-span"></span>
                        <button type="button" class="me-2 editSocialLink"
                            link-name="<?php echo e($domainIcon->socialLink->title); ?>" link-url="<?php echo e($domainIcon->link); ?>"
                            link-icon="<?php echo e($domainIcon->socialLink->icon); ?>" linkId="<?php echo e($loop->iteration); ?>"
                            data-color="<?php echo e($domainIcon->socialLink->color); ?>"
                            data-background="<?php echo e($domainIcon->socialLink->background); ?>">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M14.954 8.78344L11.7873 5.61678M2.68311 17.8876L5.3624 17.5899C5.68974 17.5535 5.85342 17.5354 6.0064 17.4858C6.14213 17.4419 6.27129 17.3798 6.39039 17.3013C6.52463 17.2128 6.64108 17.0963 6.87397 16.8634L17.329 6.40844C18.2034 5.53399 18.2034 4.11623 17.329 3.24178C16.4545 2.36733 15.0367 2.36732 14.1623 3.24177L3.70731 13.6967C3.47441 13.9296 3.35797 14.0461 3.26944 14.1803C3.19091 14.2994 3.12883 14.4286 3.08489 14.5643C3.03536 14.7173 3.01718 14.881 2.9808 15.2083L2.68311 17.8876Z"
                                    stroke="#4B4B4B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </button>
                        <div class="form-check form-switch visibility-switch">
                            <input class="form-check-input" type="checkbox"
                                <?php if($domainIcon->status): ?> checked <?php endif; ?> name="visibility-switch"
                                role="switch" />
                            <span class="invisible-span">
                                <svg width="15" height="14" viewBox="0 0 15 14" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M6.15 3.425C6.57376 3.23077 7.03386 3.12853 7.5 3.125C8.39511 3.125 9.25355 3.48058 9.88649 4.11351C10.5194 4.74645 10.875 5.60489 10.875 6.5C10.8748 6.89759 10.801 7.29172 10.6575 7.6625L12.75 9.605C13.6842 8.71688 14.4469 7.66433 15 6.5C15 6.5 12.75 1.25 7.5 1.25C6.46582 1.24458 5.44261 1.46201 4.5 1.8875L6.15 3.425ZM1.5 0.5L0.75 1.25L2.6625 3.05C1.54186 3.99959 0.634541 5.17527 0 6.5C0 6.5 2.25 11.75 7.5 11.75C8.71443 11.755 9.9108 11.4559 10.98 10.88L13.5 13.25L14.25 12.5L1.5 0.5ZM7.5 9.875C6.60489 9.875 5.74645 9.51942 5.11351 8.88648C4.48058 8.25355 4.125 7.3951 4.125 6.5C4.12914 5.92025 4.28423 5.35158 4.575 4.85L5.7225 5.93C5.66072 6.11381 5.62783 6.3061 5.625 6.5C5.62424 6.80525 5.69832 7.10604 5.84075 7.37603C5.98318 7.64601 6.18963 7.87697 6.44201 8.04868C6.69439 8.22039 6.98502 8.32761 7.28844 8.36096C7.59187 8.39432 7.89885 8.35278 8.1825 8.24L9.3375 9.3275C8.79136 9.68499 8.15274 9.87527 7.5 9.875Z"
                                        fill="#565656" />
                                </svg>
                            </span>
                            <span class="visible-span">
                                <svg width="17" height="12" viewBox="0 0 17 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M11.4078 6C11.4078 6.66304 11.1444 7.29893 10.6755 7.76777C10.2067 8.23661 9.57082 8.5 8.90778 8.5C8.24473 8.5 7.60885 8.23661 7.14001 7.76777C6.67117 7.29893 6.40778 6.66304 6.40778 6C6.40778 5.33696 6.67117 4.70107 7.14001 4.23223C7.60885 3.76339 8.24473 3.5 8.90778 3.5C9.57082 3.5 10.2067 3.76339 10.6755 4.23223C11.1444 4.70107 11.4078 5.33696 11.4078 6Z"
                                        fill="white" />
                                    <path
                                        d="M0.907776 6C0.907776 6 3.90778 0.5 8.90778 0.5C13.9078 0.5 16.9078 6 16.9078 6C16.9078 6 13.9078 11.5 8.90778 11.5C3.90778 11.5 0.907776 6 0.907776 6ZM8.90778 9.5C9.83603 9.5 10.7263 9.13125 11.3826 8.47487C12.039 7.8185 12.4078 6.92826 12.4078 6C12.4078 5.07174 12.039 4.1815 11.3826 3.52513C10.7263 2.86875 9.83603 2.5 8.90778 2.5C7.97952 2.5 7.08928 2.86875 6.4329 3.52513C5.77653 4.1815 5.40778 5.07174 5.40778 6C5.40778 6.92826 5.77653 7.8185 6.4329 8.47487C7.08928 9.13125 7.97952 9.5 8.90778 9.5Z"
                                        fill="white" />
                                </svg>
                                </svg>
                            </span>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

</label>
                    <div class="formInput">
                        <select class="select2 linkIconSelect onchange" name="social_icons_style">
                            <option value="icon" <?php if($domain_theme->social_icons_style == 'icon'): ?> selected <?php endif; ?>>
                                <?php echo e(__('Just the icon')); ?> </option>
                            <option value="background" <?php if($domain_theme->social_icons_style == 'background'): ?> selected <?php endif; ?>>
                                <?php echo e(__('background')); ?> </option>
                        </select>
                    </div>
                </div>
                <div class="my-3 textColorSelect">
                    <label class="input-label">
                        <?php echo e(__('Icon color')); ?>

</label>
                    <div class="colorpicker-con d-flex align-items-center px-1">
                        <input type='text' name="social_icons_color" class="colorpicker ps-1 onchange"
                            value="<?php echo e($domain_theme->social_icons_color); ?>" readonly />
                    </div>
                </div>
            </div>
            <div class="my-3">
                <label class="input-label">
                    <?php echo e(__('Position')); ?>

</label>
                <div class="d-flex layout-select">
                    <div class="form-check text-center p-2">
                        <input class="form-check-input onchange" <?php if($domain_theme->social_icons_position == 'bottom'): ?> checked <?php endif; ?>
                            value="bottom" hidden type="radio" name="social_icons_position" id="bottom" />
                        <label class="form-check-label" for="bottom">
                            <div class="layout-img-con mb-2">
                                <span class="theme-check">
                                    <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                            fill="white" />
                                    </svg>
                                </span>
                                <div class="d-flex align-items-center justify-content-center">
                                    <img src="<?php echo e(asset('dashboard/assets/bottom.png')); ?>" class="img-fluid"
                                        alt="theme">
                                </div>
                            </div>
                            <p class="mb-0"> <?php echo e(__('Bottom')); ?> </p>
                        </label>
                    </div>
                    <div class="form-check text-center p-2">
                        <input class="form-check-input onchange" <?php if($domain_theme->social_icons_position == 'top'): ?> checked <?php endif; ?>
                            value="top" hidden type="radio" name="social_icons_position" id="top" />
                        <label class="form-check-label" for="top">
                            <div class="layout-img-con mb-2">
                                <span class="theme-check">
                                    <svg width="15" height="16" viewBox="0 0 15 16" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M6.18449 10.694L4.16033 8.52529C4.05126 8.40843 3.90332 8.34277 3.74908 8.34277C3.59483 8.34277 3.4469 8.40843 3.33783 8.52529C3.22876 8.64215 3.16748 8.80064 3.16748 8.96591C3.16748 9.04774 3.18252 9.12877 3.21175 9.20438C3.24098 9.27998 3.28382 9.34867 3.33783 9.40654L5.77616 12.019C6.00366 12.2628 6.37116 12.2628 6.59866 12.019L12.7703 5.40654C12.8794 5.28968 12.9407 5.13118 12.9407 4.96591C12.9407 4.80064 12.8794 4.64215 12.7703 4.52529C12.6613 4.40843 12.5133 4.34277 12.3591 4.34277C12.2048 4.34277 12.0569 4.40843 11.9478 4.52529L6.18449 10.694Z"
                                            fill="white" />
                                    </svg>
                                </span>
                                <div class="d-flex align-items-center justify-content-center">
                                    <img src="<?php echo e(asset('dashboard/assets/top.png')); ?>" class="img-fluid"
                                        alt="theme">
                                </div>
                            </div>
                            <p class="mb-0"> <?php echo e(__('Top')); ?> </p>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
    </div>
    </div>
    <div class="col-12 col-lg-4 share-area d-flex flex-column align-items-center align-items-lg-end">
        <?php echo $__env->make('dashboard.partials.preview', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
    </div>
    </div>
    </div>

</form>
    <?php echo $__env->make('dashboard.partials.qr-modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<div class="modal addSocialLink" id="addSocialLink" data-mdb-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog ">
            <div class="modal-content">
                <div class="modal-header ">
                    <h5 class="modal-title mb-0"> <?php echo e(__('Add Social media link')); ?> </h5>
                    <button type="button" data-mdb-dismiss="modal" aria-label="Close">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path d="M17 7L7 17M7 7L17 17" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </button>
                </div>
                <div class="modal-body p-0">
                    <div class="searchBoxCon px-4 py-3 text-center">
                        <div class="iconSearchBox">
                            <button>
                                <svg width="25" height="25" viewBox="0 0 25 25" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M21.5002 21.5002L17.1572 17.1572M17.1572 17.1572C17.9001 16.4143 18.4894 15.5324 18.8914 14.5618C19.2935 13.5911 19.5004 12.5508 19.5004 11.5002C19.5004 10.4496 19.2935 9.40929 18.8914 8.43866C18.4894 7.46803 17.9001 6.58609 17.1572 5.84321C16.4143 5.10032 15.5324 4.51103 14.5618 4.10898C13.5911 3.70693 12.5508 3.5 11.5002 3.5C10.4496 3.5 9.40929 3.70693 8.43866 4.10898C7.46803 4.51103 6.58609 5.10032 5.84321 5.84321C4.34288 7.34354 3.5 9.37842 3.5 11.5002C3.5 13.622 4.34288 15.6569 5.84321 17.1572C7.34354 18.6575 9.37842 19.5004 11.5002 19.5004C13.622 19.5004 15.6569 18.6575 17.1572 17.1572Z"
                                        stroke="black" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </svg>
                            </button>
                            <input type="text" id="iconSearchInput" placeholder="Search social icons">
                        </div>
                    </div>
                    <div class="px-3">
                        <div class="allSocialIcons  row row-cols-3 row-cols-sm-5">
                            <?php $__currentLoopData = $icons; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $icon): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <button class="socialMediaLink text-center p-2" data-id="<?php echo e($icon->id); ?>"
                                    data-title="<?php echo e($icon->title); ?>" data-icon="<?php echo e($icon->icon); ?>"
                                    data-background="<?php echo e($icon->background); ?>" data-color="<?php echo e($icon->color); ?>">
                                    <div class="icon-link-container" style="background: <?php echo e($icon->background); ?>">
                                        <i class="<?php echo e($icon->icon); ?> fs-2" style="color: <?php echo e($icon->color); ?>"></i>
                                    </div>
                                    <p class="m-0 mx-auto socialname"><?php echo e($icon->title); ?></p>
                                </button>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

</div>
                        <div class="emptyIcons text-center d-none py-4">
                            <h1 class="mb-3"> <?php echo e(__('Opps !')); ?> </h1>
                            <h5> <?php echo e(__('No result for your search')); ?> </h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</button>
                    </div>

</div>
                        <form method="POST" id="insert-new-social"
                            data-url="<?php echo e(route('dashboard.design.social.store')); ?>">
                            <?php echo csrf_field(); ?>
                            <div class="my-4">
                                <label class="input-label">
                                    <?php echo e(__('Insert')); ?> <span class="singlIconPreviewerTitle"></span>
                                    <?php echo e(__('Link')); ?>

</label>
                                <input class="px-3 formInput" id="socialLinkurl" type="text" name="link"
                                    placeholder="https://example.com/QwYAz4">
                                <input class="px-3 formInput" type="text" name="icon_id" hidden
                                    placeholder="https://example.com/QwYAz4">
                            </div>
                            <button type="button" class="main-btn px-4 py-2" disabled id="addSocialLinkBtn">
                                <?php echo e(__('Save Link')); ?> </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal insertSocialLink" id="EditSocialLinkModal" data-mdb-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog ">
            <div class="modal-content">
                <div class="modal-header ">
                    <h5 class="modal-title mb-0">Edit Social media link</h5>
                    <button type="button" data-mdb-dismiss="modal" aria-label="Close">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path d="M17 7L7 17M7 7L17 17" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </button>
                </div>
                <div class="modal-body p-0">
                    <div id="edit-social-link-form">
                        <div class="insertLinkForm px-4">
                            <div class="d-flex align-items-center my-4">
                                <div class="d-flex align-items-center my-4 singleIconPreviewer">

</div>
                            </div>
                            <div class="my-4">
                                <label class="input-label">
                                    <?php echo e(__('Insert')); ?> <span class="link-name"></span> <?php echo e(__('Link')); ?>

</label>
                                <input class="px-3 formInput" id="socialLinkurlEdit" type="text" name="url"
                                    placeholder="https://example.com/QwYAz4">

<form method="POST" id="reorder-socials" data-url="<?php echo e(route('dashboard.design.socials.order')); ?>"
        class="d-none">
        <?php echo csrf_field(); ?>
        <div id="reorder-parent"></div>
    </form>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
    <script src="<?php echo e(asset('dashboard/js/design-page.js')); ?>"></script>
    <?php echo $__env->make('dashboard.partials.design-scripts', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('dashboard.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/rwabtee/project/resources/views/dashboard/pages/design.blade.php ENDPATH**/ ?>

CANCEL