templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <base href="">
  5.         <meta charset="utf-8" />
  6.         {% block title %}
  7.             <title>AcoBeSmart | Dashboard</title>
  8.         {% endblock %}
  9.         {# Run `composer require symfony/webpack-encore-bundle`
  10.            and uncomment the following Encore helpers to start using Symfony UX #}
  11.         {% block stylesheets %}
  12.             {#{{ encore_entry_link_tags('app') }}#}
  13.         {% endblock %}
  14.         <meta name="description" content="Latest updates and statistic charts">
  15.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  16.         <!--begin::Fonts -->
  17.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700">
  18.         <!--end::Fonts -->
  19.         <!--begin::Page Vendors Styles(used by this page) -->
  20.         <link href="{{ asset('assets/plugins/custom/fullcalendar/fullcalendar.bundle.css') }}" rel="stylesheet" type="text/css" />
  21.         <!--end::Page Vendors Styles -->
  22.         <!--begin::Global Theme Styles(used by all pages) -->
  23.         <link href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
  24.         <link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
  25.         <!--end::Global Theme Styles -->
  26.         <!--begin::Layout Skins(used by all pages) -->
  27.         <!--end::Layout Skins -->
  28.         <link rel="shortcut icon" href="{{ asset('assets/media/logos/favicon.ico') }}" />
  29.     </head>
  30. {% block body %}
  31.     <body id="{% block body_id %}{% endblock %}" class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--fixed kt-subheader--enabled kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">
  32.     <div class="page-container">
  33.         <!-- begin:: Header Mobile -->
  34.         <div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
  35.             <div class="kt-header-mobile__logo">
  36.                 <a href="index.html">
  37.                     <img alt="Logo" src="assets/media/logos/logo-2-sm.png" />
  38.                 </a>
  39.             </div>
  40.             <div class="kt-header-mobile__toolbar">
  41.                 <button class="kt-header-mobile__toolbar-toggler kt-header-mobile__toolbar-toggler--left" id="kt_aside_mobile_toggler"><span></span></button>
  42.                 <button class="kt-header-mobile__toolbar-toggler" id="kt_header_mobile_toggler"><span></span></button>
  43.                 <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
  44.             </div>
  45.         </div>
  46.         <!-- end:: Header Mobile -->
  47.         <div class="kt-grid kt-grid--hor kt-grid--root">
  48.             <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
  49.                 <!-- begin:: Aside -->
  50.                 <button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
  51.                 <div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">
  52.                     <!-- begin:: Aside -->
  53.                     <div class="kt-aside__brand kt-grid__item  " id="kt_aside_brand">
  54.                         <div class="kt-aside__brand-logo">
  55.                             <a href="index.html">
  56.                                 <img alt="Logo" src="assets/media/logos/logo-4.png" />
  57.                             </a>
  58.                         </div>
  59.                     </div>
  60.                     <!-- end:: Aside -->
  61.                     <!-- begin:: Aside Menu -->
  62.                     <div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
  63.                         <div id="kt_aside_menu" class="kt-aside-menu  kt-aside-menu--dropdown " data-ktmenu-vertical="1" data-ktmenu-dropdown="1" data-ktmenu-scroll="0">
  64.                             <ul class="kt-menu__nav ">
  65.                                 <li class="kt-menu__item  kt-menu__item--active" aria-haspopup="true"><a href="index.html" class="kt-menu__link "><i class="kt-menu__link-icon flaticon2-gear"></i><span class="kt-menu__link-text">Dashboard</span></a></li>
  66.                                 <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover"><a href="javascript:;" class="kt-menu__link kt-menu__toggle"><i class="kt-menu__link-icon flaticon2-layers-1"></i><span class="kt-menu__link-text">Meldungen</span></a>
  67.                                     <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
  68.                                         <ul class="kt-menu__subnav">
  69.                                             <li class="kt-menu__item  kt-menu__item--parent" aria-haspopup="true"><span class="kt-menu__link"><span class="kt-menu__link-text">Actions</span></span></li>
  70.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i><span class="kt-menu__link-text">Add New</span></a></li>
  71.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i><span class="kt-menu__link-text">Edit</span></a></li>
  72.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i><span class="kt-menu__link-text">Delete</span></a></li>
  73.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i><span class="kt-menu__link-text">Import</span></a></li>
  74.                                         </ul>
  75.                                     </div>
  76.                                 </li>
  77.                                 <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon2-graph"></i><span class="kt-menu__link-text">System</span></a></li>
  78.                                 <li class="kt-menu__item  kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover"><a href="javascript:;" class="kt-menu__link kt-menu__toggle"><i class="kt-menu__link-icon flaticon2-drop"></i><span class="kt-menu__link-text">Config</span></a>
  79.                                     <div class="kt-menu__submenu "><span class="kt-menu__arrow"></span>
  80.                                         <ul class="kt-menu__subnav">
  81.                                             <li class="kt-menu__item  kt-menu__item--parent" aria-haspopup="true"><span class="kt-menu__link"><span class="kt-menu__link-text">Config</span></span></li>
  82.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">Import</span></a></li>
  83.                                             <li class="kt-menu__item " aria-haspopup="true"><a href="#" class="kt-menu__link "><i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i><span class="kt-menu__link-text">Backup</span></a></li>
  84.                                         </ul>
  85.                                     </div>
  86.                                 </li>
  87.                             </ul>
  88.                         </div>
  89.                     </div>
  90.                     <!-- end:: Aside Menu -->
  91.                 </div>
  92.                 <!-- end:: Aside -->
  93.                 <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">
  94.                     <!-- begin:: Header -->
  95.                     <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed ">
  96.                         <!-- begin: Header Menu -->
  97.                         <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
  98.                         <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
  99.                             
  100.                         </div>
  101.                         <!-- end: Header Menu -->
  102.                                                 <!-- begin:: Header Topbar -->
  103.                         <div class="kt-header__topbar">
  104.                             <!--begin: Search -->
  105.                             <div class="kt-header__topbar-item kt-header__topbar-item--search dropdown" id="kt_quick_search_toggle">
  106.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
  107.                                     <span class="kt-header__topbar-icon"><i class="flaticon2-search-1"></i></span>
  108.                                 </div>
  109.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-top-unround dropdown-menu-anim dropdown-menu-lg">
  110.                                     <div class="kt-quick-search kt-quick-search--dropdown kt-quick-search--result-compact" id="kt_quick_search_dropdown">
  111.                                         <form method="get" class="kt-quick-search__form">
  112.                                             <div class="input-group">
  113.                                                 <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
  114.                                                 <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
  115.                                                 <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span></div>
  116.                                             </div>
  117.                                         </form>
  118.                                         <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="325" data-mobile-height="200">
  119.                                         </div>
  120.                                     </div>
  121.                                 </div>
  122.                             </div>
  123.                             <!--end: Search -->
  124.                             <!--begin: Notifications -->
  125.                             <div class="kt-header__topbar-item dropdown">
  126.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px" aria-expanded="true">
  127.                                     <span class="kt-header__topbar-icon"><i class="flaticon2-bell-alarm-symbol"></i></span>
  128.                                     <span class="kt-hidden kt-badge kt-badge--dot kt-badge--notify kt-badge--sm"></span>
  129.                                 </div>
  130.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-lg">
  131.                                     <form>
  132.                                         <!--begin: Head -->
  133.                                         <div class="kt-head kt-head--skin-light kt-head--fit-x kt-head--fit-b">
  134.                                             <h3 class="kt-head__title">
  135.                                                 User Notifications
  136.                                                 &nbsp;
  137.                                                 <span class="btn btn-label-primary btn-sm btn-bold btn-font-md">23 new</span>
  138.                                             </h3>
  139.                                             <ul class="nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand  kt-notification-item-padding-x" role="tablist">
  140.                                                 <li class="nav-item">
  141.                                                     <a class="nav-link active show" data-toggle="tab" href="#topbar_notifications_notifications" role="tab" aria-selected="true">Alerts</a>
  142.                                                 </li>
  143.                                                 <li class="nav-item">
  144.                                                     <a class="nav-link" data-toggle="tab" href="#topbar_notifications_events" role="tab" aria-selected="false">Events</a>
  145.                                                 </li>
  146.                                                 <li class="nav-item">
  147.                                                     <a class="nav-link" data-toggle="tab" href="#topbar_notifications_logs" role="tab" aria-selected="false">Logs</a>
  148.                                                 </li>
  149.                                             </ul>
  150.                                         </div>
  151.                                         <!--end: Head -->
  152.                                         <div class="tab-content">
  153.                                             <div class="tab-pane active show" id="topbar_notifications_notifications" role="tabpanel">
  154.                                                 <div class="kt-notification kt-margin-t-10 kt-margin-b-10 kt-scroll" data-scroll="true" data-height="300" data-mobile-height="200">
  155.                                                     <a href="#" class="kt-notification__item">
  156.                                                         <div class="kt-notification__item-icon">
  157.                                                             <i class="flaticon2-line-chart kt-font-success"></i>
  158.                                                         </div>
  159.                                                         <div class="kt-notification__item-details">
  160.                                                             <div class="kt-notification__item-title">
  161.                                                                 New order has been received
  162.                                                             </div>
  163.                                                             <div class="kt-notification__item-time">
  164.                                                                 2 hrs ago
  165.                                                             </div>
  166.                                                         </div>
  167.                                                     </a>
  168.                                                 </div>
  169.                                             </div>
  170.                                             <div class="tab-pane" id="topbar_notifications_events" role="tabpanel">
  171.                                                 <div class="kt-notification kt-margin-t-10 kt-margin-b-10 kt-scroll" data-scroll="true" data-height="300" data-mobile-height="200">
  172.                                                     <a href="#" class="kt-notification__item">
  173.                                                         <div class="kt-notification__item-icon">
  174.                                                             <i class="flaticon2-psd kt-font-success"></i>
  175.                                                         </div>
  176.                                                         <div class="kt-notification__item-details">
  177.                                                             <div class="kt-notification__item-title">
  178.                                                                 New report has been received
  179.                                                             </div>
  180.                                                             <div class="kt-notification__item-time">
  181.                                                                 23 hrs ago
  182.                                                             </div>
  183.                                                         </div>
  184.                                                     </a>
  185.                                                 </div>
  186.                                             </div>
  187.                                             <div class="tab-pane" id="topbar_notifications_logs" role="tabpanel">
  188.                                                 <div class="kt-grid kt-grid--ver" style="min-height: 200px;">
  189.                                                     <div class="kt-grid kt-grid--hor kt-grid__item kt-grid__item--fluid kt-grid__item--middle">
  190.                                                         <div class="kt-grid__item kt-grid__item--middle kt-align-center">
  191.                                                             All caught up!
  192.                                                             <br>No new notifications.
  193.                                                         </div>
  194.                                                     </div>
  195.                                                 </div>
  196.                                             </div>
  197.                                         </div>
  198.                                     </form>
  199.                                 </div>
  200.                             </div>
  201.                             <!--end: Notifications -->
  202.                             
  203.                             <!--begin: User Bar -->
  204.                             <div class="kt-header__topbar-item kt-header__topbar-item--user">
  205.                                 <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
  206.                                     <div class="kt-header__topbar-user">
  207.                                         <span class="kt-hidden kt-header__topbar-welcome kt-hidden-mobile">Hi,</span>
  208.                                         <span class="kt-hidden kt-header__topbar-username kt-hidden-mobile">Sean</span>
  209.                                         <img class="kt-hidden" alt="Pic" src="assets/media/users/300_25.jpg" />
  210.                                         <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
  211.                                         <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bolder">S</span>
  212.                                     </div>
  213.                                 </div>
  214.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-xl">
  215.                                     <!--begin: Head -->
  216.                                     <div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(assets/media/misc/bg-1.jpg)">
  217.                                         <div class="kt-user-card__avatar">
  218.                                             <img class="kt-hidden" alt="Pic" src="assets/media/users/300_25.jpg" />
  219.                                             <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
  220.                                             <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success">S</span>
  221.                                         </div>
  222.                                         <div class="kt-user-card__name">
  223.                                             Sean Stone
  224.                                         </div>
  225.                                         <div class="kt-user-card__badge">
  226.                                             <span class="btn btn-success btn-sm btn-bold btn-font-md">23 messages</span>
  227.                                         </div>
  228.                                     </div>
  229.                                     <!--end: Head -->
  230.                                     <!--begin: Navigation -->
  231.                                     <div class="kt-notification">
  232.                                         <a href="custom/apps/user/profile-1/personal-information.html" class="kt-notification__item">
  233.                                             <div class="kt-notification__item-icon">
  234.                                                 <i class="flaticon2-calendar-3 kt-font-success"></i>
  235.                                             </div>
  236.                                             <div class="kt-notification__item-details">
  237.                                                 <div class="kt-notification__item-title kt-font-bold">
  238.                                                     My Profile
  239.                                                 </div>
  240.                                                 <div class="kt-notification__item-time">
  241.                                                     Account settings and more
  242.                                                 </div>
  243.                                             </div>
  244.                                         </a>
  245.                                         <a href="custom/apps/user/profile-3.html" class="kt-notification__item">
  246.                                             <div class="kt-notification__item-icon">
  247.                                                 <i class="flaticon2-mail kt-font-warning"></i>
  248.                                             </div>
  249.                                             <div class="kt-notification__item-details">
  250.                                                 <div class="kt-notification__item-title kt-font-bold">
  251.                                                     My Messages
  252.                                                 </div>
  253.                                                 <div class="kt-notification__item-time">
  254.                                                     Inbox and tasks
  255.                                                 </div>
  256.                                             </div>
  257.                                         </a>
  258.                                         <a href="custom/apps/user/profile-2.html" class="kt-notification__item">
  259.                                             <div class="kt-notification__item-icon">
  260.                                                 <i class="flaticon2-rocket-1 kt-font-danger"></i>
  261.                                             </div>
  262.                                             <div class="kt-notification__item-details">
  263.                                                 <div class="kt-notification__item-title kt-font-bold">
  264.                                                     My Activities
  265.                                                 </div>
  266.                                                 <div class="kt-notification__item-time">
  267.                                                     Logs and notifications
  268.                                                 </div>
  269.                                             </div>
  270.                                         </a>
  271.                                         <a href="custom/apps/user/profile-3.html" class="kt-notification__item">
  272.                                             <div class="kt-notification__item-icon">
  273.                                                 <i class="flaticon2-hourglass kt-font-brand"></i>
  274.                                             </div>
  275.                                             <div class="kt-notification__item-details">
  276.                                                 <div class="kt-notification__item-title kt-font-bold">
  277.                                                     My Tasks
  278.                                                 </div>
  279.                                                 <div class="kt-notification__item-time">
  280.                                                     latest tasks and projects
  281.                                                 </div>
  282.                                             </div>
  283.                                         </a>
  284.                                         <a href="custom/apps/user/profile-1/overview.html" class="kt-notification__item">
  285.                                             <div class="kt-notification__item-icon">
  286.                                                 <i class="flaticon2-cardiogram kt-font-warning"></i>
  287.                                             </div>
  288.                                             <div class="kt-notification__item-details">
  289.                                                 <div class="kt-notification__item-title kt-font-bold">
  290.                                                     Billing
  291.                                                 </div>
  292.                                                 <div class="kt-notification__item-time">
  293.                                                     billing & statements <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill kt-badge--rounded">2 pending</span>
  294.                                                 </div>
  295.                                             </div>
  296.                                         </a>
  297.                                         <div class="kt-notification__custom kt-space-between">
  298.                                             <a href="custom/user/login-v2.html" target="_blank" class="btn btn-label btn-label-brand btn-sm btn-bold">Sign Out</a>
  299.                                             <a href="custom/user/login-v2.html" target="_blank" class="btn btn-clean btn-sm btn-bold">Upgrade Plan</a>
  300.                                         </div>
  301.                                     </div>
  302.                                     <!--end: Navigation -->
  303.                                 </div>
  304.                             </div>
  305.                             <!--end: User Bar -->
  306.                         </div>
  307.                         <!-- end:: Header Topbar -->
  308.                     </div>
  309.                     <!-- end:: Header -->
  310.                     <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
  311.                         <!-- begin:: Content Head -->
  312.                         <div class="kt-subheader  kt-grid__item" id="kt_subheader">
  313.                             <div class="kt-container  kt-container--fluid ">
  314.                                 {% block subheader %}{% endblock subheader %}
  315.                             </div>
  316.                         </div>
  317.                         <!-- end:: Content Head -->
  318.                         <!-- begin:: Content -->
  319.                         <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
  320.                             {% block main %} {% endblock main %}
  321.                             
  322.                         </div>
  323.                         <!-- end:: Content -->
  324.                     </div>
  325.                     <!-- begin:: Footer -->
  326.                     <div class="kt-footer  kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
  327.                         <div class="kt-container  kt-container--fluid ">
  328.                             <div class="kt-footer__copyright">
  329.                                 2020&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/metronic" target="_blank" class="kt-link">AcoBeSmart</a>
  330.                             </div>
  331.                         </div>
  332.                     </div>
  333.                     <!-- end:: Footer -->
  334.                 </div>
  335.             </div>
  336.         </div>
  337.         <!-- end:: Page -->
  338.         <!--Begin:: Chat-->
  339.         <div class="modal fade- modal-sticky-bottom-right" id="kt_chat_modal" role="dialog" data-backdrop="false">
  340.             <div class="modal-dialog" role="document">
  341.                 <div class="modal-content">
  342.                     <div class="kt-chat">
  343.                         <div class="kt-portlet kt-portlet--last">
  344.                             <div class="kt-portlet__head">
  345.                                 <div class="kt-chat__head ">
  346.                                     <div class="kt-chat__left">
  347.                                         <div class="kt-chat__label">
  348.                                             <a href="#" class="kt-chat__title">Dienstleister</a>
  349.                                             <span class="kt-chat__status">
  350.                                                 <span class="kt-badge kt-badge--dot kt-badge--success"></span> Active
  351.                                             </span>
  352.                                         </div>
  353.                                     </div>
  354.                                     <div class="kt-chat__right">
  355.                                         <div class="dropdown dropdown-inline">
  356.                                             <button type="button" class="btn btn-clean btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  357.                                                 <i class="flaticon-more-1"></i>
  358.                                             </button>
  359.                                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-md">
  360.                                                 <!--begin::Nav-->
  361.                                                 <ul class="kt-nav">
  362.                                                     <li class="kt-nav__head">
  363.                                                         Messaging
  364.                                                         <i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more..."></i>
  365.                                                     </li>
  366.                                                     <li class="kt-nav__separator"></li>
  367.                                                     <li class="kt-nav__item">
  368.                                                         <a href="#" class="kt-nav__link">
  369.                                                             <i class="kt-nav__link-icon flaticon2-group"></i>
  370.                                                             <span class="kt-nav__link-text">New Group</span>
  371.                                                         </a>
  372.                                                     </li>
  373.                                                     <li class="kt-nav__item">
  374.                                                         <a href="#" class="kt-nav__link">
  375.                                                             <i class="kt-nav__link-icon flaticon2-open-text-book"></i>
  376.                                                             <span class="kt-nav__link-text">Contacts</span>
  377.                                                             <span class="kt-nav__link-badge">
  378.                                                                 <span class="kt-badge kt-badge--brand  kt-badge--rounded-">5</span>
  379.                                                             </span>
  380.                                                         </a>
  381.                                                     </li>
  382.                                                     <li class="kt-nav__item">
  383.                                                         <a href="#" class="kt-nav__link">
  384.                                                             <i class="kt-nav__link-icon flaticon2-bell-2"></i>
  385.                                                             <span class="kt-nav__link-text">Calls</span>
  386.                                                         </a>
  387.                                                     </li>
  388.                                                     <li class="kt-nav__item">
  389.                                                         <a href="#" class="kt-nav__link">
  390.                                                             <i class="kt-nav__link-icon flaticon2-dashboard"></i>
  391.                                                             <span class="kt-nav__link-text">Settings</span>
  392.                                                         </a>
  393.                                                     </li>
  394.                                                     <li class="kt-nav__item">
  395.                                                         <a href="#" class="kt-nav__link">
  396.                                                             <i class="kt-nav__link-icon flaticon2-protected"></i>
  397.                                                             <span class="kt-nav__link-text">Help</span>
  398.                                                         </a>
  399.                                                     </li>
  400.                                                     <li class="kt-nav__separator"></li>
  401.                                                     <li class="kt-nav__foot">
  402.                                                         <a class="btn btn-label-brand btn-bold btn-sm" href="#">Upgrade plan</a>
  403.                                                         <a class="btn btn-clean btn-bold btn-sm" href="#" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">Learn more</a>
  404.                                                     </li>
  405.                                                 </ul>
  406.                                                 <!--end::Nav-->
  407.                                             </div>
  408.                                         </div>
  409.                                         <button type="button" class="btn btn-clean btn-sm btn-icon" data-dismiss="modal">
  410.                                             <i class="flaticon2-cross"></i>
  411.                                         </button>
  412.                                     </div>
  413.                                 </div>
  414.                             </div>
  415.                             <div class="kt-portlet__body">
  416.                                 <div class="kt-scroll kt-scroll--pull" data-height="410" data-mobile-height="225">
  417.                                     <div class="kt-chat__messages kt-chat__messages--solid">
  418.                                         <div class="kt-chat__message kt-chat__message--success">
  419.                                             <div class="kt-chat__user">
  420.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  421.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  422.                                                 </span>
  423.                                                 <a href="#" class="kt-chat__username">Dienstleister</span></a>
  424.                                                 <span class="kt-chat__datetime">2 Hours</span>
  425.                                             </div>
  426.                                             <div class="kt-chat__text">
  427.                                                 How likely are you to recommend our company<br> to your friends and family?
  428.                                             </div>
  429.                                         </div>
  430.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  431.                                             <div class="kt-chat__user">
  432.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  433.                                                 <a href="#" class="kt-chat__username">Ich</span></a>
  434.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  435.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  436.                                                 </span>
  437.                                             </div>
  438.                                             <div class="kt-chat__text">
  439.                                                 Hey there, we’re just writing to let you know that you’ve<br> been subscribed to a repository on GitHub.
  440.                                             </div>
  441.                                         </div>
  442.                                         <div class="kt-chat__message kt-chat__message--success">
  443.                                             <div class="kt-chat__user">
  444.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  445.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  446.                                                 </span>
  447.                                                 <a href="#" class="kt-chat__username">Dienstleister</span></a>
  448.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  449.                                             </div>
  450.                                             <div class="kt-chat__text">
  451.                                                 Ok, Understood!
  452.                                             </div>
  453.                                         </div>
  454.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  455.                                             <div class="kt-chat__user">
  456.                                                 <span class="kt-chat__datetime">Just Now</span>
  457.                                                 <a href="#" class="kt-chat__username">Ich</span></a>
  458.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  459.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  460.                                                 </span>
  461.                                             </div>
  462.                                             <div class="kt-chat__text">
  463.                                                 You’ll receive notifications for all issues, pull requests!
  464.                                             </div>
  465.                                         </div>
  466.                                         <div class="kt-chat__message kt-chat__message--success">
  467.                                             <div class="kt-chat__user">
  468.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  469.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  470.                                                 </span>
  471.                                                 <a href="#" class="kt-chat__username">Dienstleister</span></a>
  472.                                                 <span class="kt-chat__datetime">2 Hours</span>
  473.                                             </div>
  474.                                             <div class="kt-chat__text">
  475.                                                 You were automatically <b class="kt-font-brand">subscribed</b> <br>because you’ve been given access to the repository
  476.                                             </div>
  477.                                         </div>
  478.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  479.                                             <div class="kt-chat__user">
  480.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  481.                                                 <a href="#" class="kt-chat__username">Ich</span></a>
  482.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  483.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  484.                                                 </span>
  485.                                             </div>
  486.                                             <div class="kt-chat__text">
  487.                                                 You can unwatch this repository immediately <br>by clicking here: <a href="#" class="kt-font-bold kt-link"></a>
  488.                                             </div>
  489.                                         </div>
  490.                                         <div class="kt-chat__message kt-chat__message--success">
  491.                                             <div class="kt-chat__user">
  492.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  493.                                                     <img src="assets/media/users/100_12.jpg" alt="image">
  494.                                                 </span>
  495.                                                 <a href="#" class="kt-chat__username">Dienstleister</span></a>
  496.                                                 <span class="kt-chat__datetime">30 Seconds</span>
  497.                                             </div>
  498.                                             <div class="kt-chat__text">
  499.                                                 Ok!
  500.                                             </div>
  501.                                         </div>
  502.                                         <div class="kt-chat__message kt-chat__message--right kt-chat__message--brand">
  503.                                             <div class="kt-chat__user">
  504.                                                 <span class="kt-chat__datetime">Just Now</span>
  505.                                                 <a href="#" class="kt-chat__username">Ich</span></a>
  506.                                                 <span class="kt-media kt-media--circle kt-media--sm">
  507.                                                     <img src="assets/media/users/300_21.jpg" alt="image">
  508.                                                 </span>
  509.                                             </div>
  510.                                             <div class="kt-chat__text">
  511.                                                 Ok!
  512.                                             </div>
  513.                                         </div>
  514.                                     </div>
  515.                                 </div>
  516.                             </div>
  517.                             <div class="kt-portlet__foot">
  518.                                 <div class="kt-chat__input">
  519.                                     <div class="kt-chat__editor">
  520.                                         <textarea placeholder="Type here..." style="height: 50px"></textarea>
  521.                                     </div>
  522.                                     <div class="kt-chat__toolbar">
  523.                                         <div class="kt_chat__tools">
  524.                                             <a href="#"><i class="flaticon2-link"></i></a>
  525.                                             <a href="#"><i class="flaticon2-photograph"></i></a>
  526.                                             <a href="#"><i class="flaticon2-photo-camera"></i></a>
  527.                                         </div>
  528.                                         <div class="kt_chat__actions">
  529.                                             <button type="button" class="btn btn-brand btn-md  btn-font-sm btn-upper btn-bold kt-chat__reply">reply</button>
  530.                                         </div>
  531.                                     </div>
  532.                                 </div>
  533.                             </div>
  534.                         </div>
  535.                     </div>
  536.                 </div>
  537.             </div>
  538.         </div>
  539.         <!--ENd:: Chat-->
  540.         <!-- begin::Global Config(global config for global JS sciprts) -->
  541.         <script>
  542.             var KTAppOptions = {
  543.                 "colors": {
  544.                     "state": {
  545.                         "brand": "#2c77f4",
  546.                         "light": "#ffffff",
  547.                         "dark": "#282a3c",
  548.                         "primary": "#5867dd",
  549.                         "success": "#34bfa3",
  550.                         "info": "#36a3f7",
  551.                         "warning": "#ffb822",
  552.                         "danger": "#fd3995"
  553.                     },
  554.                     "base": {
  555.                         "label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
  556.                         "shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
  557.                     }
  558.                 }
  559.             };
  560.         </script>
  561.         <!-- end::Global Config -->
  562.     </body>
  563. {% endblock body %}
  564. {% block javascripts %}
  565.         <!--begin::Global Theme Bundle(used by all pages) -->
  566.         <script src="{{ asset('assets/plugins/global/plugins.bundle.js') }}" type="text/javascript"></script>
  567.         <script src="{{ asset('assets/js/scripts.bundle.js') }}" type="text/javascript"></script>
  568.         <!--end::Global Theme Bundle -->
  569.         <!--begin::Page Vendors(used by this page) -->
  570.         <script src="{{ asset('assets/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}" type="text/javascript"></script>
  571.         <script src="//maps.google.com/maps/api/js?key=AIzaSyBTGnKT7dt597vo9QgeQ7BFhvSRP4eiMSM" type="text/javascript"></script>
  572.         <script src="{{ asset('assets/plugins/custom/gmaps/gmaps.js') }}" type="text/javascript"></script>
  573.         
  574.         <!--end::Page Vendors -->
  575.         <!--end::Page Scripts EEEEENNNNNNDDDDDEEEEE -->
  576. {% endblock %}
  577. </html>