templates/_partials/_extras/offcanvas/quick-user.html.twig line 1

Open in your IDE?
  1. {% if app.user %}
  2.     <!-- begin::User Panel-->
  3.     <div id="kt_quick_user" class="offcanvas offcanvas-right p-10">
  5.         <!--begin::Header-->
  6.         <div class="offcanvas-header d-flex align-items-center justify-content-between pb-5">
  7.             <h3 class="font-weight-bold m-0">Mon Profil
  8.                 {# <small class="text-muted font-size-sm ml-2">MESSAGES TO DO</small> #}
  9.             </h3>
  10.             <a href="#" class="btn btn-xs btn-icon btn-light btn-hover-primary" id="kt_quick_user_close">
  11.                 <i class="ki ki-close icon-xs text-muted"></i>
  12.             </a>
  13.         </div>
  15.         <!--end::Header-->
  17.         <!--begin::Content-->
  18.         <div class="offcanvas-content pr-5 mr-n5">
  20.             <!--begin::Header-->
  21.             <div class="d-flex align-items-center mt-5">
  22.                 <div class="symbol symbol-100 mr-5">
  23.                     <div class="symbol-label">{{ app.user.firstName }} {{ app.user.lastName }}</div>
  24.                     <i class="symbol-badge bg-success"></i>
  25.                 </div>
  26.                 <div class="d-flex flex-column">
  27.                     <a href="#"
  28.                        class="font-weight-bold font-size-h5 text-dark-75 text-hover-primary">{{ app.user.fullName }}</a>
  29.                     <div class="navi mt-2">
  30.                         <a href="#" class="navi-item">
  31.                                 <span class="navi-link p-0 pb-2">
  32.                                     <span class="navi-icon mr-1">
  33.                                         <span class="svg-icon svg-icon-lg svg-icon-primary">
  34.                                             <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Mail-notification.svg-->
  35.                                             {{ img_icon(asset('assets/theme/media/svg/icons/Communication/Mail-notification.svg'), 'mail-notification', 24, 24) }}
  36.                                             <!--end::Svg Icon-->
  37.                                         </span>
  38.                                     </span>
  39.                                     <span class="navi-text text-muted text-hover-primary">{{ app.user.email }}</span>
  40.                                 </span>
  41.                         </a>
  42.                         <a href="{{ logout_path() }}"
  43.                            class="btn btn-sm btn-light-primary font-weight-bolder py-2 px-5">
  44.                             Déconnexion {{ flat_icon('logout') }}
  45.                         </a>
  46.                     </div>
  47.                 </div>
  48.             </div>
  50.             <!--end::Header-->
  52.             <!--begin::Separator-->
  53.             <div class="separator separator-dashed mt-8 mb-5"></div>
  55.             <!--end::Separator-->
  57.             <!--begin::Nav-->
  58.             <div class="navi navi-spacer-x-0 p-0">
  60.                 <!--begin::Item-->
  61.                 <a href="{{ path('user_profile' ) }}" class="navi-item">
  62.                     <div class="navi-link">
  63.                         <div class="symbol symbol-40 bg-light mr-3">
  64.                             <div class="symbol-label">
  65.                                     <span class="svg-icon svg-icon-md svg-icon-success">
  66.                                         <!--begin::Svg Icon-->
  67.                                             {{ img_icon(asset('assets/theme/media/svg/icons/General/Notification2.svg'), 'notification', 24, 24) }}
  68.                                         <!--end::Svg Icon-->
  69.                                     </span>
  70.                             </div>
  71.                         </div>
  72.                         <div class="navi-text">
  73.                             <div class="font-weight-bold">Mon Profil</div>
  74.                             <div class="text-muted">informations personnelles ...
  75.                                 <span class="label label-light-danger label-inline font-weight-bold">MAJ</span>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                 </a>
  80.                 <!--end:Item-->
  82.                 {# <!--begin::Item--> #}
  83.                 {# <a href="custom/apps/user/profile-3.html" class="navi-item"> #}
  84.                 {# <div class="navi-link"> #}
  85.                 {# <div class="symbol symbol-40 bg-light mr-3"> #}
  86.                 {# <div class="symbol-label"> #}
  87.                 {# <span class="svg-icon svg-icon-md svg-icon-warning"> #}
  89.                 {# <!--begin::Svg Icon | path:assets/media/svg/icons/Shopping/Chart-bar1.svg--> #}
  90.                 {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" #}
  91.                 {# viewBox="0 0 24 24" version="1.1"> #}
  92.                 {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  93.                 {# <rect x="0" y="0" width="24" height="24"/> #}
  94.                 {# <rect fill="#000000" opacity="0.3" x="12" y="4" width="3" height="13" #}
  95.                 {# rx="1.5"/> #}
  96.                 {# <rect fill="#000000" opacity="0.3" x="7" y="9" width="3" height="8" #}
  97.                 {# rx="1.5"/> #}
  98.                 {# <path d="M5,19 L20,19 C20.5522847,19 21,19.4477153 21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 C4.55228475,3 5,3.44771525 5,4 L5,19 Z" #}
  99.                 {# fill="#000000" fill-rule="nonzero"/> #}
  100.                 {# <rect fill="#000000" opacity="0.3" x="17" y="11" width="3" height="6" #}
  101.                 {# rx="1.5"/> #}
  102.                 {# </g> #}
  103.                 {# </svg> #}
  105.                 {# <!--end::Svg Icon--> #}
  106.                 {# </span> #}
  107.                 {# </div> #}
  108.                 {# </div> #}
  109.                 {# <div class="navi-text"> #}
  110.                 {# <div class="font-weight-bold">My Messages</div> #}
  111.                 {# <div class="text-muted">Inbox and tasks</div> #}
  112.                 {# </div> #}
  113.                 {# </div> #}
  114.                 {# </a> #}
  115.                 {# <!--end:Item--> #}
  116.                 {# <!--begin::Item--> #}
  117.                 {# <a href="custom/apps/user/profile-2.html" class="navi-item"> #}
  118.                 {# <div class="navi-link"> #}
  119.                 {# <div class="symbol symbol-40 bg-light mr-3"> #}
  120.                 {# <div class="symbol-label"> #}
  121.                 {# <span class="svg-icon svg-icon-md svg-icon-danger"> #}
  123.                 {# <!--begin::Svg Icon | path:assets/media/svg/icons/Files/Selected-file.svg--> #}
  124.                 {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" #}
  125.                 {# viewBox="0 0 24 24" version="1.1"> #}
  126.                 {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  127.                 {# <polygon points="0 0 24 0 24 24 0 24"/> #}
  128.                 {# <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" #}
  129.                 {# fill="#000000" fill-rule="nonzero" opacity="0.3"/> #}
  130.                 {# <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" #}
  131.                 {# fill="#000000" fill-rule="nonzero"/> #}
  132.                 {# </g> #}
  133.                 {# </svg> #}
  135.                 {# <!--end::Svg Icon--> #}
  136.                 {# </span> #}
  137.                 {# </div> #}
  138.                 {# </div> #}
  139.                 {# <div class="navi-text"> #}
  140.                 {# <div class="font-weight-bold">My Activities</div> #}
  141.                 {# <div class="text-muted">Logs and notifications</div> #}
  142.                 {# </div> #}
  143.                 {# </div> #}
  144.                 {# </a> #}
  145.                 {# <!--end:Item--> #}
  146.                 {# <!--begin::Item--> #}
  147.                 {# <a href="custom/apps/userprofile-1/overview.html" class="navi-item"> #}
  148.                 {# <div class="navi-link"> #}
  149.                 {# <div class="symbol symbol-40 bg-light mr-3"> #}
  150.                 {# <div class="symbol-label"> #}
  151.                 {# <span class="svg-icon svg-icon-md svg-icon-primary"> #}
  153.                 {# <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Mail-opened.svg--> #}
  154.                 {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" #}
  155.                 {# viewBox="0 0 24 24" version="1.1"> #}
  156.                 {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  157.                 {# <rect x="0" y="0" width="24" height="24"/> #}
  158.                 {# <path d="M6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,12 C19,12.5522847 18.5522847,13 18,13 L6,13 C5.44771525,13 5,12.5522847 5,12 L5,3 C5,2.44771525 5.44771525,2 6,2 Z M7.5,5 C7.22385763,5 7,5.22385763 7,5.5 C7,5.77614237 7.22385763,6 7.5,6 L13.5,6 C13.7761424,6 14,5.77614237 14,5.5 C14,5.22385763 13.7761424,5 13.5,5 L7.5,5 Z M7.5,7 C7.22385763,7 7,7.22385763 7,7.5 C7,7.77614237 7.22385763,8 7.5,8 L10.5,8 C10.7761424,8 11,7.77614237 11,7.5 C11,7.22385763 10.7761424,7 10.5,7 L7.5,7 Z" #}
  159.                 {# fill="#000000" opacity="0.3"/> #}
  160.                 {# <path d="M3.79274528,6.57253826 L12,12.5 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 Z" #}
  161.                 {# fill="#000000"/> #}
  162.                 {# </g> #}
  163.                 {# </svg> #}
  165.                 {# <!--end::Svg Icon--> #}
  166.                 {# </span> #}
  167.                 {# </div> #}
  168.                 {# </div> #}
  169.                 {# <div class="navi-text"> #}
  170.                 {# <div class="font-weight-bold">My Tasks</div> #}
  171.                 {# <div class="text-muted">latest tasks and projects</div> #}
  172.                 {# </div> #}
  173.                 {# </div> #}
  174.                 {# </a> #}
  175.                 {# <!--end:Item--> #}
  176.             </div>
  178.             <!--end::Nav-->
  180.             <!--begin::Separator-->
  181.             <div class="separator separator-dashed my-7"></div>
  183.             <!--end::Separator-->
  185.             {# <!--begin::Notifications--> #}
  186.             {# <div> #}
  188.             {# <!--begin:Heading--> #}
  189.             {# <h5 class="mb-5">Recent Notifications</h5> #}
  191.             {# <!--end:Heading--> #}
  193.             {# <!--begin::Item--> #}
  194.             {# <div class="d-flex align-items-center bg-light-warning rounded p-5 gutter-b"> #}
  195.             {# <span class="svg-icon svg-icon-warning mr-5"> #}
  196.             {# <span class="svg-icon svg-icon-lg"> #}
  198.             {# <!--begin::Svg Icon | path:assets/media/svg/icons/Home/Library.svg--> #}
  199.             {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" #}
  200.             {# version="1.1"> #}
  201.             {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  202.             {# <rect x="0" y="0" width="24" height="24"/> #}
  203.             {# <path d="M5,3 L6,3 C6.55228475,3 7,3.44771525 7,4 L7,20 C7,20.5522847 6.55228475,21 6,21 L5,21 C4.44771525,21 4,20.5522847 4,20 L4,4 C4,3.44771525 4.44771525,3 5,3 Z M10,3 L11,3 C11.5522847,3 12,3.44771525 12,4 L12,20 C12,20.5522847 11.5522847,21 11,21 L10,21 C9.44771525,21 9,20.5522847 9,20 L9,4 C9,3.44771525 9.44771525,3 10,3 Z" #}
  204.             {# fill="#000000"/> #}
  205.             {# <rect fill="#000000" opacity="0.3" #}
  206.             {# transform="translate(17.825568, 11.945519) rotate(-19.000000) translate(-17.825568, -11.945519)" #}
  207.             {# x="16.3255682" y="2.94551858" width="3" height="18" rx="1"/> #}
  208.             {# </g> #}
  209.             {# </svg> #}
  211.             {# <!--end::Svg Icon--> #}
  212.             {# </span> #}
  213.             {# </span> #}
  214.             {# <div class="d-flex flex-column flex-grow-1 mr-2"> #}
  215.             {# <a href="#" class="font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1">Another #}
  216.             {# purpose persuade</a> #}
  217.             {# <span class="text-muted font-size-sm">Due in 2 Days</span> #}
  218.             {# </div> #}
  219.             {# <span class="font-weight-bolder text-warning py-1 font-size-lg">+28%</span> #}
  220.             {# </div> #}
  222.             {# <!--end::Item--> #}
  224.             {# <!--begin::Item--> #}
  225.             {# <div class="d-flex align-items-center bg-light-success rounded p-5 gutter-b"> #}
  226.             {# <span class="svg-icon svg-icon-success mr-5"> #}
  227.             {# <span class="svg-icon svg-icon-lg"> #}
  229.             {# <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Write.svg--> #}
  230.             {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" #}
  231.             {# version="1.1"> #}
  232.             {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  233.             {# <rect x="0" y="0" width="24" height="24"/> #}
  234.             {# <path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z" #}
  235.             {# fill="#000000" fill-rule="nonzero" #}
  236.             {# transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953)"/> #}
  237.             {# <path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z" #}
  238.             {# fill="#000000" fill-rule="nonzero" opacity="0.3"/> #}
  239.             {# </g> #}
  240.             {# </svg> #}
  242.             {# <!--end::Svg Icon--> #}
  243.             {# </span> #}
  244.             {# </span> #}
  245.             {# <div class="d-flex flex-column flex-grow-1 mr-2"> #}
  246.             {# <a href="#" class="font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1">Would #}
  247.             {# be to people</a> #}
  248.             {# <span class="text-muted font-size-sm">Due in 2 Days</span> #}
  249.             {# </div> #}
  250.             {# <span class="font-weight-bolder text-success py-1 font-size-lg">+50%</span> #}
  251.             {# </div> #}
  253.             {# <!--end::Item--> #}
  255.             {# <!--begin::Item--> #}
  256.             {# <div class="d-flex align-items-center bg-light-danger rounded p-5 gutter-b"> #}
  257.             {# <span class="svg-icon svg-icon-danger mr-5"> #}
  258.             {# <span class="svg-icon svg-icon-lg"> #}
  260.             {# <!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Group-chat.svg--> #}
  261.             {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" #}
  262.             {# version="1.1"> #}
  263.             {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  264.             {# <rect x="0" y="0" width="24" height="24"/> #}
  265.             {# <path d="M16,15.6315789 L16,12 C16,10.3431458 14.6568542,9 13,9 L6.16183229,9 L6.16183229,5.52631579 C6.16183229,4.13107011 7.29290239,3 8.68814808,3 L20.4776218,3 C21.8728674,3 23.0039375,4.13107011 23.0039375,5.52631579 L23.0039375,13.1052632 L23.0206157,17.786793 C23.0215995,18.0629336 22.7985408,18.2875874 22.5224001,18.2885711 C22.3891754,18.2890457 22.2612702,18.2363324 22.1670655,18.1421277 L19.6565168,15.6315789 L16,15.6315789 Z" #}
  266.             {# fill="#000000"/> #}
  267.             {# <path d="M1.98505595,18 L1.98505595,13 C1.98505595,11.8954305 2.88048645,11 3.98505595,11 L11.9850559,11 C13.0896254,11 13.9850559,11.8954305 13.9850559,13 L13.9850559,18 C13.9850559,19.1045695 13.0896254,20 11.9850559,20 L4.10078614,20 L2.85693427,21.1905292 C2.65744295,21.3814685 2.34093638,21.3745358 2.14999706,21.1750444 C2.06092565,21.0819836 2.01120804,20.958136 2.01120804,20.8293182 L2.01120804,18.32426 C1.99400175,18.2187196 1.98505595,18.1104045 1.98505595,18 Z M6.5,14 C6.22385763,14 6,14.2238576 6,14.5 C6,14.7761424 6.22385763,15 6.5,15 L11.5,15 C11.7761424,15 12,14.7761424 12,14.5 C12,14.2238576 11.7761424,14 11.5,14 L6.5,14 Z M9.5,16 C9.22385763,16 9,16.2238576 9,16.5 C9,16.7761424 9.22385763,17 9.5,17 L11.5,17 C11.7761424,17 12,16.7761424 12,16.5 C12,16.2238576 11.7761424,16 11.5,16 L9.5,16 Z" #}
  268.             {# fill="#000000" opacity="0.3"/> #}
  269.             {# </g> #}
  270.             {# </svg> #}
  272.             {# <!--end::Svg Icon--> #}
  273.             {# </span> #}
  274.             {# </span> #}
  275.             {# <div class="d-flex flex-column flex-grow-1 mr-2"> #}
  276.             {# <a href="#" class="font-weight-normel text-dark-75 text-hover-primary font-size-lg mb-1">Purpose #}
  277.             {# would be to persuade</a> #}
  278.             {# <span class="text-muted font-size-sm">Due in 2 Days</span> #}
  279.             {# </div> #}
  280.             {# <span class="font-weight-bolder text-danger py-1 font-size-lg">-27%</span> #}
  281.             {# </div> #}
  283.             {# <!--end::Item--> #}
  285.             {# <!--begin::Item--> #}
  286.             {# <div class="d-flex align-items-center bg-light-info rounded p-5"> #}
  287.             {# <span class="svg-icon svg-icon-info mr-5"> #}
  288.             {# <span class="svg-icon svg-icon-lg"> #}
  290.             {# <!--begin::Svg Icon | path:assets/media/svg/icons/General/Attachment2.svg--> #}
  291.             {# <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" #}
  292.             {# version="1.1"> #}
  293.             {# <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> #}
  294.             {# <rect x="0" y="0" width="24" height="24"/> #}
  295.             {# <path d="M11.7573593,15.2426407 L8.75735931,15.2426407 C8.20507456,15.2426407 7.75735931,15.6903559 7.75735931,16.2426407 C7.75735931,16.7949254 8.20507456,17.2426407 8.75735931,17.2426407 L11.7573593,17.2426407 L11.7573593,18.2426407 C11.7573593,19.3472102 10.8619288,20.2426407 9.75735931,20.2426407 L5.75735931,20.2426407 C4.65278981,20.2426407 3.75735931,19.3472102 3.75735931,18.2426407 L3.75735931,14.2426407 C3.75735931,13.1380712 4.65278981,12.2426407 5.75735931,12.2426407 L9.75735931,12.2426407 C10.8619288,12.2426407 11.7573593,13.1380712 11.7573593,14.2426407 L11.7573593,15.2426407 Z" #}
  296.             {# fill="#000000" opacity="0.3" #}
  297.             {# transform="translate(7.757359, 16.242641) rotate(-45.000000) translate(-7.757359, -16.242641)"/> #}
  298.             {# <path d="M12.2426407,8.75735931 L15.2426407,8.75735931 C15.7949254,8.75735931 16.2426407,8.30964406 16.2426407,7.75735931 C16.2426407,7.20507456 15.7949254,6.75735931 15.2426407,6.75735931 L12.2426407,6.75735931 L12.2426407,5.75735931 C12.2426407,4.65278981 13.1380712,3.75735931 14.2426407,3.75735931 L18.2426407,3.75735931 C19.3472102,3.75735931 20.2426407,4.65278981 20.2426407,5.75735931 L20.2426407,9.75735931 C20.2426407,10.8619288 19.3472102,11.7573593 18.2426407,11.7573593 L14.2426407,11.7573593 C13.1380712,11.7573593 12.2426407,10.8619288 12.2426407,9.75735931 L12.2426407,8.75735931 Z" #}
  299.             {# fill="#000000" #}
  300.             {# transform="translate(16.242641, 7.757359) rotate(-45.000000) translate(-16.242641, -7.757359)"/> #}
  301.             {# <path d="M5.89339828,3.42893219 C6.44568303,3.42893219 6.89339828,3.87664744 6.89339828,4.42893219 L6.89339828,6.42893219 C6.89339828,6.98121694 6.44568303,7.42893219 5.89339828,7.42893219 C5.34111353,7.42893219 4.89339828,6.98121694 4.89339828,6.42893219 L4.89339828,4.42893219 C4.89339828,3.87664744 5.34111353,3.42893219 5.89339828,3.42893219 Z M11.4289322,5.13603897 C11.8194565,5.52656326 11.8194565,6.15972824 11.4289322,6.55025253 L10.0147186,7.96446609 C9.62419433,8.35499039 8.99102936,8.35499039 8.60050506,7.96446609 C8.20998077,7.5739418 8.20998077,6.94077682 8.60050506,6.55025253 L10.0147186,5.13603897 C10.4052429,4.74551468 11.0384079,4.74551468 11.4289322,5.13603897 Z M0.600505063,5.13603897 C0.991029355,4.74551468 1.62419433,4.74551468 2.01471863,5.13603897 L3.42893219,6.55025253 C3.81945648,6.94077682 3.81945648,7.5739418 3.42893219,7.96446609 C3.0384079,8.35499039 2.40524292,8.35499039 2.01471863,7.96446609 L0.600505063,6.55025253 C0.209980772,6.15972824 0.209980772,5.52656326 0.600505063,5.13603897 Z" #}
  302.             {# fill="#000000" opacity="0.3" #}
  303.             {# transform="translate(6.014719, 5.843146) rotate(-45.000000) translate(-6.014719, -5.843146)"/> #}
  304.             {# <path d="M17.9142136,15.4497475 C18.4664983,15.4497475 18.9142136,15.8974627 18.9142136,16.4497475 L18.9142136,18.4497475 C18.9142136,19.0020322 18.4664983,19.4497475 17.9142136,19.4497475 C17.3619288,19.4497475 16.9142136,19.0020322 16.9142136,18.4497475 L16.9142136,16.4497475 C16.9142136,15.8974627 17.3619288,15.4497475 17.9142136,15.4497475 Z M23.4497475,17.1568542 C23.8402718,17.5473785 23.8402718,18.1805435 23.4497475,18.5710678 L22.0355339,19.9852814 C21.6450096,20.3758057 21.0118446,20.3758057 20.6213203,19.9852814 C20.2307961,19.5947571 20.2307961,18.9615921 20.6213203,18.5710678 L22.0355339,17.1568542 C22.4260582,16.76633 23.0592232,16.76633 23.4497475,17.1568542 Z M12.6213203,17.1568542 C13.0118446,16.76633 13.6450096,16.76633 14.0355339,17.1568542 L15.4497475,18.5710678 C15.8402718,18.9615921 15.8402718,19.5947571 15.4497475,19.9852814 C15.0592232,20.3758057 14.4260582,20.3758057 14.0355339,19.9852814 L12.6213203,18.5710678 C12.2307961,18.1805435 12.2307961,17.5473785 12.6213203,17.1568542 Z" #}
  305.             {# fill="#000000" opacity="0.3" #}
  306.             {# transform="translate(18.035534, 17.863961) scale(1, -1) rotate(45.000000) translate(-18.035534, -17.863961)"/> #}
  307.             {# </g> #}
  308.             {# </svg> #}
  310.             {# <!--end::Svg Icon--> #}
  311.             {# </span> #}
  312.             {# </span> #}
  313.             {# <div class="d-flex flex-column flex-grow-1 mr-2"> #}
  314.             {# <a href="#" class="font-weight-normel text-dark-75 text-hover-primary font-size-lg mb-1">The #}
  315.             {# best product</a> #}
  316.             {# <span class="text-muted font-size-sm">Due in 2 Days</span> #}
  317.             {# </div> #}
  318.             {# <span class="font-weight-bolder text-info py-1 font-size-lg">+8%</span> #}
  319.             {# </div> #}
  320.             {# <!--end::Item--> #}
  321.             {# </div> #}
  322.             {# <!--end::Notifications--> #}
  323.         </div>
  324.         <!--end::Content-->
  325.     </div>
  326.     <!-- end::User Panel-->
  327. {% endif %}