templates/panel/modules/generic/_header.html.twig line 1

Open in your IDE?
  1. <header class="pc-header">
  2.     <div class="header-wrapper">
  3.         <!-- [Mobile Media Block] start -->
  4.         <div class="me-auto pc-mob-drp">
  5.             <ul class="list-unstyled">
  6.                 <!-- ======= Menu collapse Icon ===== -->
  7.                 <li class="pc-h-item pc-sidebar-collapse"><a href="#" class="pc-head-link ms-0" id="sidebar-hide"><i
  8.                                 class="ti ti-menu-2"></i></a></li>
  9.                 <li class="pc-h-item pc-sidebar-popup"><a href="#" class="pc-head-link ms-0" id="mobile-collapse"><i
  10.                                 class="ti ti-menu-2"></i></a></li>
  12.             </ul>
  13.         </div>
  14.         <!-- [Mobile Media Block end] -->
  16.         <div class="ms-auto">
  17.             <ul class="list-unstyled">
  19.                 <li class="dropdown pc-h-item header-user-profile"><a
  20.                             class="pc-head-link dropdown-toggle arrow-none me-0" data-bs-toggle="dropdown" href="#"
  21.                             role="button" aria-haspopup="false" data-bs-auto-close="outside" aria-expanded="false"><img
  22.                                 src="{{ app.user.email|gravatar }}" alt="user-image" class="user-avtar"></a>
  24.                     <div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
  26.                         <div class="dropdown-header d-flex align-items-center justify-content-between">
  27.                             <h5 class="m-0">پروفایل</h5>
  28.                         </div>
  29.                         <div class="dropdown-body">
  30.                             <div class="profile-notification-scroll position-relative"
  31.                                  style="max-height: calc(100vh - 225px)">
  32.                                 <div class="d-flex mb-1">
  34.                                     <div class="flex-shrink-0"><img src="{{ app.user.email|gravatar }}"
  35.                                                                     alt="user-image" class="user-avtar wid-35">
  36.                                     </div>
  38.                                     <div class="flex-grow-1 ms-3">
  39.                                         <h6 class="mb-1">{{ app.user.firstName~' '~app.user.lastName }}</h6>
  40.                                         <span>
  41.                                             {{ app.user.email }}
  42.                                             </span>
  43.                                         <br>
  44.                                         <span>
  45.                                             موجودی :
  46.                                             {{ app.user.wallet|number_format }}
  47.                                             </span>
  48.                                     </div>
  49.                                 </div>
  50.                                 <hr class="border-secondary border-opacity-50">
  52.                                 {#                                <div class="card"> #}
  54.                                 {#                                    <div class="card-body py-3"> #}
  56.                                 {#                                        <div class="d-flex align-items-center justify-content-between"> #}
  57.                                 {#                                            <h5 class="mb-0 d-inline-flex align-items-center"> #}
  58.                                 {#                                                <svg #}
  59.                                 {#                                                        class="pc-icon text-muted me-2"> #}
  60.                                 {#                                                    <use xlink:href="#custom-notification-outline"></use> #}
  61.                                 {#                                                </svg> #}
  62.                                 {#                                                پیغام ها #}
  63.                                 {#                                            </h5> #}
  65.                                 {#                                            <div class="form-check form-switch form-check-reverse m-0"> #}
  66.                                 {#                                                <input class="form-check-input f-18" type="checkbox" role="switch"> #}
  67.                                 {#                                            </div> #}
  68.                                 {#                                        </div> #}
  69.                                 {#                                    </div> #}
  70.                                 {#                                </div> #}
  72. {#                                <p class="text-span">مدیریت کنید</p>#}
  73.                                 <a href="{{ path('app_auth_profile') }}" class="dropdown-item">
  75.                                         <span><svg class="pc-icon text-muted me-2">
  76.                                                 <use xlink:href="#custom-setting-outline"></use>
  77.                                             </svg>
  78.                                             <span>حساب کاربری
  79.                                             </span>
  80.                                         </span></a>
  82.                                 <a href="{{ path('app_auth_change_password') }}" class="dropdown-item"><span><svg class="pc-icon text-muted me-2">
  83.                                                 <use xlink:href="#custom-lock-outline"></use>
  84.                                             </svg><span>رمز عبور را تغییر دهید</span></span></a>
  85.                                 <hr class="border-secondary border-opacity-50">
  87.                                 <div class="d-grid mb-3">
  88.                                     <a href="{{ path('app_logout') }}" class="btn btn-primary">
  89.                                         <svg class="pc-icon me-2">
  90.                                             <use xlink:href="#custom-logout-1-outline"></use>
  91.                                         </svg>
  92.                                         خروج
  93.                                     </a>
  94.                                 </div>
  96. {#                                <div class="card border-0 shadow-none drp-upgrade-card mb-0"#}
  97. {#                                     style="background-image: url('{{ app.user.email|gravatar }}')">#}
  99. {#                                    <div class="card-body">#}
  101. {#                                        <div class="user-group"><img src="{{ app.user.email|gravatar }}"#}
  102. {#                                                                     alt="user-image" class="avtar"> <img#}
  103. {#                                                    src="{{ app.user.email|gravatar }}" alt="user-image"#}
  104. {#                                                    class="avtar"> <img src="{{ app.user.email|gravatar }}"#}
  105. {#                                                                        alt="user-image" class="avtar"> <img#}
  106. {#                                                    src="{{ app.user.email|gravatar }}" alt="user-image"#}
  107. {#                                                    class="avtar"> <img src="{{ app.user.email|gravatar }}"#}
  108. {#                                                                        alt="user-image" class="avtar">#}
  110. {#                                            <span class="avtar bg-light-primary text-primary">+20#}
  111. {#                                                </span>#}
  112. {#                                        </div>#}
  113. {#                                        <h3 class="my-3 text-dark"><span#}
  114. {#                                                    style="font-family: titr;">243.0</span><small#}
  115. {#                                                    class="text-muted">فالوور ها</small></h3><a href="#"#}
  116. {#                                                                                                class="btn btn btn-warning buynowlinks">#}
  117. {#                                            <svg class="pc-icon me-2">#}
  118. {#                                                <use xlink:href="#custom-logout-1-outline"></use>#}
  119. {#                                            </svg>#}
  120. {#                                            ارتقا به کسب و کار</a>#}
  121. {#                                    </div>#}
  122. {#                                </div>#}
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </li>
  127.             </ul>
  128.         </div>
  129.     </div>
  130. </header>
  131. {#<div class="offcanvas pc-announcement-offcanvas offcanvas-end" tabindex="-1" id="announcement"#}
  132. {#     aria-labelledby="announcementLabel">#}
  134. {#    <div class="offcanvas-header">#}
  135. {#        <h5 class="offcanvas-title" id="announcementLabel">اطلاعیه ها</h5>#}
  136. {#        <button type="button" class="btn-close"#}
  137. {#                data-bs-dismiss="offcanvas" aria-label="Close"></button>#}
  138. {#    </div>#}
  140. {#    <div class="offcanvas-body">#}
  142. {#        <p class="text-span">امروز</p>#}
  144. {#        <div class="card mb-3">#}
  146. {#            <div class="card-body">#}
  148. {#                <div class="align-items-center d-flex flex-wrap gap-2 mb-3">#}
  150. {#                    <div class="badge bg-light-success f-12">اخبار بزرگ#}
  151. {#                    </div>#}
  153. {#                    <p class="mb-0 text-muted"><span style="font-family: titr;">2</span> دقیقه قبل</p>#}
  155. {#                    <span class="badge dot bg-warning">#}
  156. {#                        </span>#}
  157. {#                </div>#}
  158. {#                <h5 class="mb-3">Able Pro دوباره طراحی شده است</h5>#}
  160. {#                <p class="text-muted">Able Pro با رابط کاربری زیبایی شناسی بالا کاملاً شناخته شده است.</p><img#}
  161. {#                        src="../assets/images/layout/img-announcement-1.png" alt="img" class="img-fluid mb-3">#}
  163. {#                <div class="row">#}
  165. {#                    <div class="col-12">#}
  167. {#                        <div class="d-grid"><a class="btn btn-outline-secondary" href="#" target="_blank">امتحانش#}
  168. {#                                کن</a>#}
  169. {#                        </div>#}
  170. {#                    </div>#}
  171. {#                </div>#}
  172. {#            </div>#}
  173. {#        </div>#}
  175. {#        <div class="card mb-3">#}
  177. {#            <div class="card-body">#}
  179. {#                <div class="align-items-center d-flex flex-wrap gap-2 mb-3">#}
  181. {#                    <div class="badge bg-light-warning f-12">پیشنهاد#}
  182. {#                    </div>#}
  184. {#                    <p class="mb-0 text-muted"><span style="font-family: titr;">2</span> ساعت قبل</p>#}
  186. {#                    <span class="badge dot bg-warning">#}
  187. {#                        </span>#}
  188. {#                </div>#}
  189. {#                <h5 class="mb-3">Able Pro در بهترین قیمت پیشنهادی است</h5>#}
  191. {#                <p class="text-muted">دانلود انحصاری Able Pro در themeforest با بهترین قیمت.</p><a href="#"#}
  192. {#                                                                                                   target="_blank"><img#}
  193. {#                            src="../assets/images/layout/img-announcement-2.png" alt="img"#}
  194. {#                            class="img-fluid"></a>#}
  195. {#            </div>#}
  196. {#        </div>#}
  198. {#        <p class="text-span mt-4">دیروز</p>#}
  200. {#        <div class="card mb-3">#}
  202. {#            <div class="card-body">#}
  204. {#                <div class="align-items-center d-flex flex-wrap gap-2 mb-3">#}
  206. {#                    <div class="badge bg-light-primary f-12">وبلاگ#}
  207. {#                    </div>#}
  209. {#                    <p class="mb-0 text-muted"><span style="font-family: titr;">12</span> ساعت قبل</p>#}
  211. {#                    <span class="badge dot bg-warning">#}
  212. {#                        </span>#}
  213. {#                </div>#}
  214. {#                <h5 class="mb-3">الگوی داشبورد ویژه</h5>#}
  216. {#                <p class="text-muted">آیا می دانید Able Pro یکی از قالب های داشبورد برجسته است که توسط تیم#}
  217. {#                    Themeforest انتخاب شده است.</p><img src="../assets/images/layout/img-announcement-3.png"#}
  218. {#                                                        alt="img" class="img-fluid">#}
  219. {#            </div>#}
  220. {#        </div>#}
  222. {#        <div class="card mb-3">#}
  224. {#            <div class="card-body">#}
  226. {#                <div class="align-items-center d-flex flex-wrap gap-2 mb-3">#}
  228. {#                    <div class="badge bg-light-primary f-12">اعلامیه#}
  229. {#                    </div>#}
  231. {#                    <p class="mb-0 text-muted"><span style="font-family: titr;">12</span> ساعت قبل</p>#}
  233. {#                    <span class="badge dot bg-warning">#}
  234. {#                        </span>#}
  235. {#                </div>#}
  236. {#                <h5 class="mb-3">یک بار بخرید - مادام العمر به روز رسانی رایگان دریافت کنید</h5>#}
  238. {#                <p class="text-muted">پس از خرید Able Pro، به‌روزرسانی‌های رایگان مادام‌العمر را دریافت کنید.</p>#}
  239. {#                <img src="../assets/images/layout/img-announcement-4.png" alt="img" class="img-fluid">#}
  240. {#            </div>#}
  241. {#        </div>#}
  242. {#    </div>#}
  243. {#</div>#}