@php
    $auth_user = Auth::guard('web')->user();
@endphp

<div class="col-lg-3 ">
    <div class="dashboard-side-ber">
        <div class="dashboard-logo-item">
            <div class="logo">
                @if ($auth_user->image)
                    <img id="preview-user-avatar" src="{{ asset($auth_user->image) }}">
                @else
                    <img id="preview-user-avatar" src="{{ asset($setting->default_avatar) }}">
                @endif
            </div>
            <div class="text">
                <h3>{{ html_decode($auth_user->name) }}</h3>
                <p>{{ html_decode($auth_user->designation) }}</p>
            </div>
            <div class="icon-item">
                <div class="icon">
                    <span>
                        <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.40472 9.75234C2.67157 9.01664 1.93067 8.2727 1.18848 7.5279C3.07155 5.63883 4.95721 3.74672 6.83899 1.85938C7.57385 2.59854 8.31389 3.34291 9.04833 4.08164C7.17172 5.96725 5.2865 7.86153 3.40472 9.75234Z" fill="white"></path>
                            <path d="M9.65444 3.49537C9.62298 3.45985 9.59496 3.42475 9.5635 3.39312C8.87733 2.70291 8.19074 2.01271 7.50414 1.3225C7.43044 1.24841 7.4313 1.24885 7.50587 1.17346C7.78344 0.89486 8.0623 0.617564 8.33728 0.335936C8.50538 0.163493 8.69933 0.0421759 8.94026 0.0105468C9.23981 -0.0288812 9.51436 0.0404428 9.73633 0.248848C9.9902 0.487149 10.2316 0.738881 10.4772 0.985848C10.5785 1.08767 10.6789 1.19035 10.7768 1.29521C11.075 1.6154 11.0772 2.0595 10.7725 2.37276C10.4134 2.74234 10.0462 3.10413 9.68246 3.46938C9.67729 3.47458 9.67168 3.47891 9.65444 3.49451V3.49537Z" fill="white"></path>
                            <path d="M2.80089 10.3859C2.68366 10.4145 2.58194 10.4396 2.48022 10.4643C1.75914 10.6398 1.0385 10.8157 0.317423 10.9903C0.126917 11.0362 -0.0282453 10.898 0.00451126 10.7035C0.0368368 10.5124 0.0846787 10.3239 0.126486 10.1346C0.266995 9.49983 0.407935 8.86509 0.548443 8.22991C0.553615 8.20738 0.556632 8.18485 0.569131 8.15625C1.31693 8.89022 2.05223 9.63458 2.80089 10.3859Z" fill="white"></path>
                        </svg>
                    </span>
                    <form id="upload_user_avatar_form" enctype="multipart/form-data" method="POST">
                        @csrf
                        <input name="image" type="file" class="icon-img" onchange="previewThumnailImage(event)">
                    </form>
                </div>
            </div>

        </div>
        <ul class="dashboard-btn">


            <li>
                <a href="{{ route('user.dashboard') }}" class="{{ Route::is('user.dashboard') ? 'active' : '' }}">
                    <span>
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M14.1805 20H5.81977C3.51103 20 1.63942 18.214 1.63942 16.0108V11.133C1.63942 10.4248 1.3446 9.74559 0.81981 9.2448C-0.396073 8.0845 -0.238008 6.16205 1.15263 5.19692L7.54136 0.762995C9.0072 -0.254332 10.993 -0.254332 12.4589 0.762995L18.8476 5.19691C20.2383 6.16205 20.3963 8.0845 19.1804 9.2448C18.6556 9.74559 18.3608 10.4248 18.3608 11.133V16.0108C18.3608 18.214 16.4892 20 14.1805 20ZM8.00012 15.25C7.58591 15.25 7.25012 15.5858 7.25012 16C7.25012 16.4142 7.58591 16.75 8.00012 16.75H12.0001C12.4143 16.75 12.7501 16.4142 12.7501 16C12.7501 15.5858 12.4143 15.25 12.0001 15.25H8.00012Z" />
                        </svg>
                    </span>
                    {{ __('translate.Dashboard') }}
                </a>
            </li>

            <li>
                <a href="{{ route('user.select-car-purpose') }}" class="{{ Route::is('user.select-car-purpose') || Route::is('user.car.create') ? 'active' : '' }}">
                    <span>
                        <svg width="20" height="15" viewBox="0 0 20 15" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M19.1769 3.51289C19.0899 3.51289 19.0005 3.52518 18.9113 3.54958L17.902 3.82474L16.8539 1.29814C16.5571 0.582299 15.6793 0 14.8974 0H5.08868C4.30674 0 3.42906 0.582299 3.13222 1.29814L2.08549 3.82129L1.08885 3.54958C0.999739 3.52526 0.910287 3.51289 0.823301 3.51289C0.346366 3.51289 0.00012207 3.87347 0.00012207 4.37036V4.9593C0.00012207 5.53933 0.476888 6.01114 1.063 6.01114H1.17711L1.00799 6.41892C0.732149 7.08402 0.507754 8.20982 0.507754 8.92869V13.9482C0.507754 14.5282 0.984604 15 1.57063 15H2.95884C3.54495 15 4.02172 14.5282 4.02172 13.9482V12.6946H15.9646V13.9482C15.9646 14.5282 16.4413 15 17.0275 15H18.4156C19.0017 15 19.4785 14.5282 19.4785 13.9482V8.92869C19.4785 8.20991 19.2541 7.08402 18.9781 6.41892L18.809 6.01114H18.9372C19.5233 6.01114 20.0001 5.53933 20.0001 4.9593V4.37036C20.0001 3.87347 19.654 3.51289 19.1769 3.51289ZM2.8477 5.43978L4.4331 1.61807C4.61073 1.18993 5.13868 0.839621 5.60635 0.839621H14.38C14.8476 0.839621 15.3756 1.18993 15.5531 1.61807L17.1385 5.43978C17.3161 5.86792 17.0788 6.21823 16.6112 6.21823H3.37515C2.90748 6.21823 2.67016 5.86792 2.8477 5.43978ZM6.38693 10.2737C6.38693 10.5051 6.19561 10.6944 5.96177 10.6944H2.95C2.71616 10.6944 2.52484 10.5051 2.52484 10.2737V8.84329C2.52484 8.61188 2.71616 8.42255 2.95 8.42255H5.96177C6.19561 8.42255 6.38693 8.61188 6.38693 8.84329V10.2737ZM17.4329 10.2737C17.4329 10.5051 17.2416 10.6944 17.0077 10.6944H13.996C13.7622 10.6944 13.5709 10.5051 13.5709 10.2737V8.84329C13.5709 8.61188 13.7622 8.42255 13.996 8.42255H17.0077C17.2416 8.42255 17.4329 8.61188 17.4329 8.84329V10.2737Z" />
                        </svg>
                    </span>
                    {{ __('translate.Add Car') }}
                </a>
            </li>

            <li>
                <a href="{{ route('user.car.index') }}" class="{{ Route::is('user.car.index') || Route::is('user.car.edit') || Route::is('user.car-gallery') ? 'active' : '' }}">
                    <span>
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M13.2593 2.57082L13.4374 3.04653L13.6155 2.57082C13.6898 2.37215 13.806 2.19176 13.956 2.0418C14.106 1.89184 14.2865 1.77581 14.4852 1.70155L14.9583 1.52348L14.4852 1.34541C14.2866 1.27094 14.1063 1.15479 13.9565 1.00476C13.8066 0.854741 13.6906 0.674339 13.6163 0.475711L13.4383 0L13.2593 0.475711C13.1851 0.674339 13.0691 0.854741 12.9192 1.00476C12.7693 1.15479 12.5891 1.27094 12.3905 1.34541L11.9148 1.52348L12.3905 1.70155C12.589 1.77592 12.7693 1.89199 12.9192 2.04194C13.0691 2.1919 13.1851 2.37224 13.2593 2.57082Z" />
                            <path
                                d="M16.5613 4.32039L16.6959 4.68083L16.8292 4.32039C16.8855 4.1697 16.9736 4.03285 17.0873 3.91909C17.2011 3.80534 17.3379 3.71733 17.4886 3.66102L17.849 3.52596L17.4886 3.3909C17.3379 3.33459 17.2011 3.24658 17.0873 3.13283C16.9736 3.01908 16.8855 2.88223 16.8292 2.73153L16.6942 2.37109L16.5595 2.73153C16.5031 2.88216 16.4151 3.01894 16.3013 3.13268C16.1876 3.24642 16.0508 3.33447 15.9002 3.3909L15.5393 3.52596L15.9002 3.66102C16.0511 3.71725 16.1882 3.80521 16.3023 3.91895C16.4163 4.0327 16.5046 4.16959 16.5613 4.32039Z" />
                            <path
                                d="M18.5764 2.31801L18.711 2.67888L18.8461 2.31801C18.9025 2.16738 18.9906 2.0306 19.1043 1.91686C19.218 1.80312 19.3548 1.71507 19.5054 1.65864L19.8659 1.52401L19.5054 1.38895C19.3548 1.33264 19.2179 1.24463 19.1042 1.13088C18.9904 1.01712 18.9024 0.880274 18.8461 0.72958L18.711 0.369141L18.5764 0.72958C18.52 0.880203 18.4319 1.01699 18.3182 1.13073C18.2044 1.24446 18.0676 1.33251 17.917 1.38895L17.5562 1.52401L17.917 1.65864C18.0676 1.71522 18.2043 1.80332 18.318 1.91704C18.4317 2.03076 18.5198 2.16747 18.5764 2.31801Z" />
                            <path
                                d="M16.7781 18.6689V19.5648C16.7781 19.6223 16.7894 19.6792 16.8115 19.7322C16.8335 19.7853 16.8659 19.8334 16.9066 19.874C16.9473 19.9145 16.9956 19.9466 17.0488 19.9684C17.102 19.9902 17.1589 20.0012 17.2164 20.001H18.8938C19.0095 20.001 19.1204 19.955 19.2022 19.8732C19.284 19.7914 19.33 19.6805 19.33 19.5648V17.8379C19.0531 18.1161 18.7213 18.3336 18.3558 18.4767C17.9903 18.6198 17.5991 18.6852 17.2069 18.6689H16.7781Z" />
                            <path
                                d="M0.541504 17.8125V19.5648C0.541504 19.6805 0.587454 19.7914 0.669246 19.8732C0.751038 19.955 0.861972 20.0009 0.977644 20.0009H2.6551C2.77078 20.0009 2.88171 19.955 2.9635 19.8732C3.04529 19.7914 3.09124 19.6805 3.09124 19.5648V18.6689H2.68908C2.29092 18.686 1.89365 18.6186 1.52346 18.471C1.15328 18.3234 0.818597 18.0989 0.541504 17.8125Z" />
                            <path
                                d="M0.553955 16.064C0.553955 17.3002 1.41419 18.0206 2.68906 18.0206H17.206C18.4791 18.0206 19.3411 17.3002 19.3411 16.064V15.707H0.553955V16.064Z" />
                            <path
                                d="M19.539 8.10771L18.4637 7.92104C18.3778 7.90604 18.2894 7.92048 18.2127 7.96201C18.1361 8.00354 18.0757 8.06973 18.0413 8.14986L17.7067 8.90644L17.5708 8.69912L16.6279 6.47326C16.4759 6.11217 16.2344 5.79573 15.9263 5.55373C15.6181 5.31173 15.2535 5.15215 14.8666 5.09C13.2387 4.84283 11.5939 4.72275 9.94735 4.73085C8.30087 4.72316 6.65628 4.84367 5.02851 5.09129C4.64129 5.15314 4.27621 5.31258 3.96767 5.55459C3.65914 5.7966 3.41732 6.11321 3.26503 6.47455L2.32436 8.69697L2.19059 8.90128L1.85381 8.14771C1.81946 8.06758 1.75907 8.00139 1.68241 7.95986C1.60575 7.91833 1.51732 7.90389 1.43143 7.91889L0.355708 8.10771C0.256335 8.12377 0.16594 8.17473 0.100748 8.25143C0.0355559 8.32813 -0.000163671 8.42555 5.63837e-07 8.52622V8.7374C2.07925e-05 8.83433 0.0331736 8.92833 0.0939601 9.00383C0.154747 9.07932 0.239514 9.13177 0.334202 9.15247L1.80693 9.48925L1.10153 10.5645C0.744545 11.109 0.554386 11.7458 0.554423 12.3969V15.0636H19.3411V12.3969C19.341 11.7458 19.1507 11.1089 18.7936 10.5645L18.0856 9.48409L19.5609 9.15161C19.6556 9.13091 19.7404 9.07846 19.8012 9.00297C19.8619 8.92747 19.8951 8.83347 19.8951 8.73654V8.52536C19.8951 8.42478 19.8592 8.32751 19.7939 8.25098C19.7287 8.17445 19.6383 8.12366 19.539 8.10771ZM3.86074 6.7266C3.96941 6.46563 4.14313 6.23686 4.36533 6.0621C4.58753 5.88734 4.8508 5.77242 5.13002 5.7283C6.72425 5.48633 8.33487 5.36855 9.94735 5.37603C11.5598 5.36855 13.1704 5.48633 14.7647 5.7283C15.0437 5.77255 15.3067 5.88748 15.5288 6.06215C15.7508 6.23682 15.9244 6.46542 16.0331 6.72617L16.7578 8.43546H3.13599L3.86074 6.7266ZM2.49254 12.9633C2.36609 12.9449 2.2481 12.8889 2.15385 12.8026C2.0596 12.7164 1.99343 12.6038 1.96392 12.4794C1.92504 12.3344 1.90979 12.1841 1.91876 12.0343C1.9536 11.6472 2.07532 11.4566 2.32135 11.4566C2.32135 11.4566 4.00827 11.5616 4.23624 11.6317C4.4642 11.7018 5.33906 13.365 5.33906 13.365L2.49254 12.9633ZM13.2988 13.6085L9.9267 13.8012L6.59586 13.6132L5.74638 11.8115C5.74638 11.8115 8.73871 12.0721 9.94692 12.0721C11.1551 12.0721 14.1483 11.8115 14.1483 11.8115L13.2988 13.6085ZM17.9303 12.4812C17.9008 12.6055 17.8347 12.7181 17.7404 12.8043C17.6462 12.8906 17.5282 12.9466 17.4017 12.965L14.5552 13.3668C14.5552 13.3668 15.4305 11.7035 15.6585 11.6334C15.8864 11.5633 17.5729 11.4583 17.5729 11.4583C17.8194 11.4583 17.9407 11.6506 17.9755 12.036C17.9845 12.1858 17.9692 12.3362 17.9303 12.4812Z" />
                        </svg>
                    </span>
                    {{ __('translate.Manage Car') }}
                </a>
            </li>

            <li>
                <a href="{{ route('user.orders') }}" class="{{ Route::is('user.orders') || Route::is('user.order') ? 'active' : '' }}">
                    <span>
                        <svg width="21" height="18" viewBox="0 0 21 18" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M7.25128 17.9985H1.03062C0.46235 17.9985 0.00012207 17.4785 0.00012207 16.8396V2.04417C0.00012207 1.40481 0.46235 0.884766 1.03062 0.884766H5.7549C5.74236 0.974021 5.73547 1.0651 5.73547 1.158V15.9534C5.73547 16.8942 6.41506 17.6588 7.25128 17.6588H7.97943C7.79284 17.8688 7.53541 17.9985 7.25128 17.9985ZM2.94875 7.63492C2.26107 7.63492 1.7017 7.00558 1.7017 6.23234C1.7017 6.08115 1.81058 5.95911 1.94456 5.95911C2.07893 5.95911 2.18741 6.08115 2.18741 6.23234C2.18741 6.70457 2.52902 7.08846 2.94875 7.08846C3.36848 7.08846 3.71009 6.70457 3.71009 6.23234C3.71009 5.75965 3.36848 5.37576 2.94875 5.37576C2.26107 5.37576 1.7017 4.74642 1.7017 3.97272C1.7017 3.19948 2.26107 2.57014 2.94875 2.57014C3.63642 2.57014 4.19579 3.19948 4.19579 3.97272C4.19579 4.12391 4.08692 4.24595 3.95294 4.24595C3.81856 4.24595 3.71009 4.12391 3.71009 3.97272C3.71009 3.50049 3.36848 3.1166 2.94875 3.1166C2.52902 3.1166 2.18741 3.50049 2.18741 3.97272C2.18741 4.44496 2.52902 4.8293 2.94875 4.8293C3.63642 4.8293 4.19579 5.45864 4.19579 6.23234C4.19579 7.00558 3.63642 7.63492 2.94875 7.63492ZM4.66166 8.92593H1.23624C1.10186 8.92593 0.993386 8.80343 0.993386 8.6527C0.993386 8.50197 1.10186 8.37947 1.23624 8.37947H4.66166C4.79564 8.37947 4.90411 8.50197 4.90411 8.6527C4.90411 8.80343 4.79564 8.92593 4.66166 8.92593ZM4.66166 11.451H1.23624C1.10186 11.451 0.993386 11.3285 0.993386 11.1778C0.993386 11.0266 1.10186 10.9046 1.23624 10.9046H4.66166C4.79564 10.9046 4.90411 11.0266 4.90411 11.1778C4.90411 11.3285 4.79564 11.451 4.66166 11.451ZM4.66166 13.9757H1.23624C1.10186 13.9757 0.993386 13.8536 0.993386 13.7024C0.993386 13.5517 1.10186 13.4292 1.23624 13.4292H4.66166C4.79564 13.4292 4.90411 13.5517 4.90411 13.7024C4.90411 13.8536 4.79564 13.9757 4.66166 13.9757ZM4.81911 16.3136H1.07838C0.944411 16.3136 0.835533 16.1911 0.835533 16.0404V14.9994C0.835533 14.8482 0.944411 14.7261 1.07838 14.7261H4.81911C4.95309 14.7261 5.06197 14.8482 5.06197 14.9994V16.0404C5.06197 16.1911 4.95309 16.3136 4.81911 16.3136ZM1.32124 15.7672H4.57626V15.2726H1.32124V15.7672Z" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M13.4723 17.1133H7.25129C6.68342 17.1133 6.22119 16.5937 6.22119 15.9544V1.15895C6.22119 0.520048 6.68342 0 7.25129 0H13.4723C14.0402 0 14.5024 0.520048 14.5024 1.15895V15.9544C14.5024 16.5937 14.0402 17.1133 13.4723 17.1133ZM10.3618 6.5047C9.67414 6.5047 9.11477 5.87536 9.11477 5.10166C9.11477 4.95093 9.22365 4.82843 9.35762 4.82843C9.492 4.82843 9.60048 4.95093 9.60048 5.10166C9.60048 5.5739 9.94209 5.95824 10.3618 5.95824C10.7815 5.95824 11.1232 5.5739 11.1232 5.10166C11.1232 4.62943 10.7815 4.24509 10.3618 4.24509C9.67414 4.24509 9.11477 3.61575 9.11477 2.8425C9.11477 2.06881 9.67414 1.43947 10.3618 1.43947C11.0495 1.43947 11.6089 2.06881 11.6089 2.8425C11.6089 2.99324 11.5 3.11573 11.366 3.11573C11.2316 3.11573 11.1232 2.99324 11.1232 2.8425C11.1232 2.37027 10.7815 1.98593 10.3618 1.98593C9.94209 1.98593 9.60048 2.37027 9.60048 2.8425C9.60048 3.31474 9.94209 3.69863 10.3618 3.69863C11.0495 3.69863 11.6089 4.32842 11.6089 5.10166C11.6089 5.87536 11.0495 6.5047 10.3618 6.5047ZM12.0743 8.0439H8.64931C8.51493 8.0439 8.40645 7.9214 8.40645 7.77067C8.40645 7.61948 8.51493 7.49744 8.64931 7.49744H12.0743C12.2087 7.49744 12.3172 7.61948 12.3172 7.77067C12.3172 7.9214 12.2087 8.0439 12.0743 8.0439ZM12.0743 10.5685H8.64931C8.51493 10.5685 8.40645 10.4465 8.40645 10.2953C8.40645 10.1446 8.51493 10.0221 8.64931 10.0221H12.0743C12.2087 10.0221 12.3172 10.1446 12.3172 10.2953C12.3172 10.4465 12.2087 10.5685 12.0743 10.5685ZM12.0743 13.0936H8.64931C8.51493 13.0936 8.40645 12.9711 8.40645 12.8204C8.40645 12.6697 8.51493 12.5472 8.64931 12.5472H12.0743C12.2087 12.5472 12.3172 12.6697 12.3172 12.8204C12.3172 12.9711 12.2087 13.0936 12.0743 13.0936ZM12.2318 15.6738H8.49145C8.35748 15.6738 8.2486 15.5518 8.2486 15.4006V14.3596C8.2486 14.2089 8.35748 14.0864 8.49145 14.0864H12.2318C12.3662 14.0864 12.4746 14.2089 12.4746 14.3596V15.4006C12.4746 15.5518 12.3662 15.6738 12.2318 15.6738ZM8.7343 15.1274H11.9889V14.6328H8.7343V15.1274Z" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M19.693 17.9985H13.4723C13.1882 17.9985 12.9308 17.8688 12.7442 17.6588H13.4723C14.3081 17.6588 14.9881 16.8942 14.9881 15.9534V1.158C14.9881 1.0651 14.9812 0.974021 14.9687 0.884766H19.693C20.2612 0.884766 20.7235 1.40481 20.7235 2.04417V16.8396C20.7235 17.4785 20.2612 17.9985 19.693 17.9985ZM17.9772 7.63492C17.2895 7.63492 16.7302 7.00558 16.7302 6.23188C16.7302 6.08115 16.8391 5.95865 16.973 5.95865C17.107 5.95865 17.2159 6.08115 17.2159 6.23188C17.2159 6.70411 17.5575 7.08846 17.9772 7.08846C18.397 7.08846 18.7382 6.70411 18.7382 6.23188C18.7382 5.75965 18.397 5.37576 17.9772 5.37576C17.2895 5.37576 16.7302 4.74642 16.7302 3.97272C16.7302 3.19948 17.2895 2.57014 17.9772 2.57014C18.6645 2.57014 19.2239 3.19948 19.2239 3.97272C19.2239 4.12391 19.1154 4.24595 18.981 4.24595C18.847 4.24595 18.7382 4.12391 18.7382 3.97272C18.7382 3.50049 18.397 3.1166 17.9772 3.1166C17.5575 3.1166 17.2159 3.50049 17.2159 3.97272C17.2159 4.44496 17.5575 4.8293 17.9772 4.8293C18.6645 4.8293 19.2239 5.45864 19.2239 6.23188C19.2239 7.00558 18.6645 7.63492 17.9772 7.63492ZM19.6897 8.92866H16.2643C16.1303 8.92866 16.0215 8.80616 16.0215 8.65543C16.0215 8.5047 16.1303 8.3822 16.2643 8.3822H19.6897C19.8241 8.3822 19.9326 8.5047 19.9326 8.65543C19.9326 8.80616 19.8241 8.92866 19.6897 8.92866ZM19.6897 11.4538H16.2643C16.1303 11.4538 16.0215 11.3313 16.0215 11.1805C16.0215 11.0293 16.1303 10.9073 16.2643 10.9073H19.6897C19.8241 10.9073 19.9326 11.0293 19.9326 11.1805C19.9326 11.3313 19.8241 11.4538 19.6897 11.4538ZM19.6897 13.9784H16.2643C16.1303 13.9784 16.0215 13.8564 16.0215 13.7052C16.0215 13.5544 16.1303 13.432 16.2643 13.432H19.6897C19.8241 13.432 19.9326 13.5544 19.9326 13.7052C19.9326 13.8564 19.8241 13.9784 19.6897 13.9784ZM19.8472 16.3136H16.1069C15.9729 16.3136 15.864 16.1911 15.864 16.0404V14.9994C15.864 14.8482 15.9729 14.7261 16.1069 14.7261H19.8472C19.9816 14.7261 20.09 14.8482 20.09 14.9994V16.0404C20.09 16.1911 19.9816 16.3136 19.8472 16.3136ZM16.3497 15.7672H19.6043V15.2726H16.3497V15.7672Z" />
                        </svg>
                    </span>
                    {{ __('translate.Purchase History') }}
                </a>
            </li>

            <li>
                <a href="{{ route('user.reviews') }}" class="{{ Route::is('user.reviews') ? 'active' : '' }}">
                    <span>
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M8.03293 1.27141C8.83762 -0.423802 11.1626 -0.423805 11.9673 1.27141L13.358 4.20118C13.6776 4.87435 14.2952 5.34094 15.0097 5.44888L18.1195 5.91869C19.9188 6.19053 20.6373 8.48954 19.3352 9.80908L17.085 12.0896C16.568 12.6136 16.3321 13.3685 16.4541 14.1084L16.9853 17.3285C17.2927 19.1918 15.4117 20.6126 13.8024 19.7329L11.0209 18.2126C10.3819 17.8633 9.61838 17.8633 8.97929 18.2126L6.19789 19.7329C4.58851 20.6126 2.70755 19.1918 3.01491 17.3285L3.54611 14.1084C3.66816 13.3685 3.43223 12.6136 2.9152 12.0896L0.664997 9.80908C-0.637012 8.48954 0.0814502 6.19053 1.88078 5.91869L4.9905 5.44888C5.70501 5.34094 6.32269 4.87435 6.64223 4.20118L8.03293 1.27141Z" />
                        </svg>
                    </span>
                    {{ __('translate.Reviews') }}
                </a>
            </li>


            <li>
                <a href="{{ route('user.wishlists') }}" class="{{ Route::is('user.wishlists') ? 'active' : '' }}">
                    <span>
                    <svg width="21" height="20" viewBox="0 0 21 20" fill="none"
                                                                    xmlns="http://www.w3.org/2000/svg">
                                                                    <path
                                                                        d="M11.266 2.70229L10.501 3.52422L9.73593 2.70229C7.62331 0.432572 4.19807 0.43257 2.08544 2.70229C-0.0271785 4.972 -0.0271796 8.65194 2.08544 10.9217L8.97088 18.3191C9.81593 19.227 11.186 19.227 12.0311 18.3191L18.9165 10.9217C21.0291 8.65194 21.0291 4.972 18.9165 2.70229C16.8039 0.432571 13.3786 0.432571 11.266 2.70229Z"
                                                                        stroke-linejoin="round" />
                                                                </svg>
                    </span>
                    {{ __('translate.Wishlist') }}
                </a>
            </li>


            <li>
                <a href="{{ route('user.edit-profile') }}" class="{{ Route::is('user.edit-profile') ? 'active' : '' }}">
                    <span>
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M16.0001 0H4.00012C1.79098 0 0.00012207 1.79086 0.00012207 4V16C0.00012207 17.8642 1.27544 19.4306 3.00123 19.8743C3.32052 19.9563 3.65522 20 4.00012 20H16.0001C16.345 20 16.6797 19.9563 16.999 19.8743C18.7248 19.4306 20.0001 17.8642 20.0001 16V4C20.0001 1.79086 18.2093 0 16.0001 0ZM13.0001 7C13.0001 5.34315 11.657 4 10.0001 4C8.34327 4 7.00012 5.34315 7.00012 7C7.00012 8.65685 8.34327 10 10.0001 10C11.657 10 13.0001 8.65685 13.0001 7ZM5.15269 15.0155C5.70097 13.2824 7.66335 12 10.0001 12C12.3369 12 14.2993 13.2824 14.8475 15.0155C15.0141 15.5421 14.5524 16 14.0001 16H6.00012C5.44784 16 4.98611 15.5421 5.15269 15.0155Z" />
                        </svg>
                    </span>
                    {{ __('translate.Edit Profile') }}
                </a>
            </li>

            <li>
                <a href="{{ route('user.change-password') }}" class="{{ Route::is('user.change-password') ? 'active' : '' }}">
                    <span>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M8.00012 0.25C5.37677 0.25 3.25012 2.49007 3.25012 5.25333V5.32204C1.39948 5.6731 0.00012207 7.29905 0.00012207 9.25184V15.9985C0.00012207 18.2077 1.79098 19.9985 4.00012 19.9985H12.0001C14.2093 19.9985 16.0001 18.2077 16.0001 15.9985V9.25185C16.0001 7.29905 14.6008 5.6731 12.7501 5.32204V5.25333C12.7501 2.49007 10.6235 0.25 8.00012 0.25ZM11.2501 5.25185C11.2494 3.36187 9.79458 1.83 8.00012 1.83C6.20567 1.83 4.75089 3.36187 4.75012 5.25185H11.2501ZM10.0001 12.626C10.0001 13.7895 9.10469 14.7327 8.00012 14.7327C6.89555 14.7327 6.00012 13.7895 6.00012 12.626C6.00012 11.4626 6.89555 10.5194 8.00012 10.5194C9.10469 10.5194 10.0001 11.4626 10.0001 12.626Z" />
                        </svg>
                    </span>
                    {{ __('translate.Change Password') }}
                </a>
            </li>

            <button type="button" class="log-out-btn" data-bs-toggle="modal"
                data-bs-target="#exampleModal4">
                <span>
                    <svg width="20" height="19" viewBox="0 0 20 19" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M5.01938 1.65551C5.16191 1.70905 5.30365 1.76412 5.44695 1.81613C6.19054 2.08842 6.89541 2.44025 7.56929 2.85174C7.98833 3.10721 8.39111 3.38714 8.71721 3.75963C9.47242 4.62315 9.98983 5.61211 10.2803 6.71121C10.3895 7.12347 10.4484 7.55179 10.491 7.97705C10.5599 8.67536 10.6087 9.37597 10.6443 10.0766C10.7071 11.2958 10.7234 12.5157 10.6567 13.7349C10.632 14.1946 10.6033 14.6542 10.577 15.1139C10.5739 15.1736 10.577 15.234 10.577 15.3036C10.7907 15.2837 10.9952 15.2401 11.1819 15.1529C12.2431 14.6558 12.9596 13.881 13.1416 12.7016C13.219 12.2029 13.2632 11.6996 13.3166 11.1979C13.3538 10.8468 13.573 10.5852 13.903 10.5156C14.346 10.4215 14.7783 10.7749 14.7682 11.2292C14.7643 11.4067 14.748 11.5849 14.7248 11.7608C14.6559 12.2763 14.604 12.7964 14.5025 13.3058C14.3685 13.9789 14.0347 14.5655 13.5994 15.0956C13.051 15.764 12.3763 16.2689 11.5467 16.5419C11.1989 16.6566 10.8287 16.7086 10.4685 16.7836C10.405 16.7966 10.3771 16.8203 10.3616 16.8823C10.24 17.3572 10.0619 17.807 9.74197 18.1902C9.41045 18.5864 9.0007 18.8632 8.48483 18.9696C8.17578 19.033 7.87137 18.9856 7.56541 18.9328C6.24709 18.7049 5.01784 18.2353 3.85675 17.5882C3.4408 17.3565 3.03105 17.1048 2.65383 16.8173C2.1279 16.4165 1.7561 15.8765 1.42536 15.3135C0.986171 14.5663 0.673243 13.7708 0.529172 12.9165C0.470304 12.5692 0.436223 12.2182 0.404466 11.8671C0.354893 11.3202 0.313066 10.7718 0.276661 10.2234C0.252649 9.86548 0.233284 9.50676 0.227862 9.14804C0.214695 8.28987 0.224764 7.43247 0.285956 6.57583C0.35102 5.67024 0.428477 4.76542 0.590364 3.87053C0.713521 3.18828 1.01715 2.58481 1.4393 2.03564C2.0365 1.25931 2.79248 0.695615 3.74521 0.426386C4.19059 0.300185 4.65533 0.232877 5.11543 0.16557C5.8474 0.059255 6.58558 0.00724475 7.32607 0.0011259C8.03093 -0.00499295 8.7358 0.0118339 9.43524 0.101322C10.0115 0.174748 10.5894 0.250469 11.1587 0.364433C11.9665 0.525817 12.6389 0.951077 13.2214 1.51478C13.872 2.14425 14.3422 2.8854 14.5172 3.77569C14.6233 4.31339 14.6752 4.86179 14.7442 5.40636C14.7635 5.55934 14.7759 5.7169 14.7643 5.87063C14.7388 6.22094 14.4158 6.51158 14.0602 6.52305C13.7264 6.53376 13.3918 6.27295 13.3391 5.93641C13.2918 5.63276 13.2756 5.32376 13.2376 5.01858C13.1788 4.54973 13.1594 4.07093 12.9634 3.6319C12.5645 2.74084 11.9162 2.09607 10.965 1.80007C10.6095 1.68916 10.23 1.6448 9.85816 1.59662C8.9062 1.47347 7.94883 1.43294 6.98913 1.45894C6.32997 1.47653 5.6739 1.52854 5.01938 1.65627V1.65551Z" />
                        <path
                            d="M17.4784 7.76288C17.4304 7.71316 17.3839 7.66191 17.3351 7.61373C16.9541 7.23512 16.5691 6.86034 16.1926 6.47715C16.1005 6.38384 16.0199 6.27064 15.9634 6.15362C15.8054 5.82855 15.9905 5.47366 16.2407 5.3161C16.5404 5.12718 16.8991 5.1486 17.1454 5.38723C17.5257 5.75742 17.9014 6.13297 18.2786 6.50622C18.7627 6.98578 19.2468 7.46458 19.7278 7.94644C19.8014 8.01987 19.8719 8.104 19.9184 8.19578C20.057 8.47113 20.016 8.73424 19.82 8.96829C19.7115 9.09755 19.5899 9.21687 19.4691 9.33618C18.7302 10.0666 17.9897 10.7963 17.2499 11.5267C17.1113 11.6636 16.9618 11.7814 16.7604 11.8105C16.4568 11.8549 16.1733 11.7241 16.0191 11.4717C15.8627 11.217 15.8735 10.9126 16.0633 10.6686C16.157 10.5485 16.2709 10.4429 16.3793 10.3351C16.731 9.98555 17.0842 9.6383 17.4366 9.29029C17.4467 9.28035 17.4544 9.26735 17.4738 9.24287C17.4258 9.23981 17.3925 9.23675 17.3584 9.23675C15.7333 9.23599 14.1083 9.23446 12.4832 9.23522C12.1889 9.23522 11.9534 9.13044 11.8062 8.87498C11.5235 8.38394 11.8984 7.77741 12.4669 7.782C13.9696 7.7927 15.4723 7.78659 16.975 7.78735C17.1384 7.78735 17.3026 7.78735 17.466 7.78735C17.4707 7.77894 17.4746 7.77129 17.4792 7.76288H17.4784Z" />
                    </svg>
                </span>
                {{ __('translate.Logout') }}
            </button>
        </ul>
    </div>
</div>



@push('js_section')
<script>
    (function($) {
        "use strict";
        $(document).ready(function () {
            $("#upload_user_avatar_form").on("submit", function(e){
                e.preventDefault();

                var isDemo = "{{ env('APP_MODE') }}"
                if(isDemo == 'DEMO'){
                    toastr.error('This Is Demo Version. You Can Not Change Anything');
                    return;
                }

                $.ajax({
                    type: 'POST',
                    data:new FormData(this),
                    dataType:'JSON',
                    contentType: false,
                    cache: false,
                    processData: false,
                    url: "{{ route('user.upload-user-avatar') }}",
                    success: function (response) {
                        toastr.success(response.message)
                    },
                    error: function(response) {

                    }
                });
            })
        });
    })(jQuery);


    function previewThumnailImage(event) {
        var reader = new FileReader();
        reader.onload = function(){
            var output = document.getElementById('preview-user-avatar');
            output.src = reader.result;
        }

        reader.readAsDataURL(event.target.files[0]);
        $("#upload_user_avatar_form").submit();
    };
</script>

@endpush