templates/security.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  8.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
  9.         <link href="{{ asset('css/sb-admin-2.css') }}" rel="stylesheet"/>
  11.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  12.         {% block stylesheets %}
  13.             {{ encore_entry_link_tags('app') }}
  14.         {% endblock %}
  16.         {% block javascripts %}
  17.             {{ encore_entry_script_tags('app') }}
  18.         {% endblock %}
  19.     </head>
  20.     <body id="page-top">
  21.     <div class="container">
  23.         {% if app.user %}
  25.         <!-- Page Wrapper -->
  26.         <div id="wrapper">
  28.             <!-- Sidebar -->
  29.             <ul class="navbar-nav bg-gradient-secondary sidebar sidebar-dark accordion" id="accordionSidebar">
  31.                 <!-- Sidebar - Brand -->
  32.                 <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
  33.                     <div class="sidebar-brand-icon rotate-n-15">
  34.                         <i class="fas fa-laugh-wink"></i>
  35.                     </div>
  36.                     <div class="sidebar-brand-text mx-3">SYMFONY 6 DEMO</div>
  37.                 </a>
  39.                 <!-- Divider -->
  40.                 <hr class="sidebar-divider my-0">
  42.                 <!-- Nav Item - Dashboard -->
  43.                 <li class="nav-item active">
  44.                     <a class="nav-link" href="index.html">
  45.                         <i class="fas fa-fw fa-tachometer-alt"></i>
  46.                         <span>Dashboard</span></a>
  47.                 </li>
  49.                 <!-- Divider -->
  50.                 <hr class="sidebar-divider">
  52.                 <!-- Heading -->
  53.                 <div class="sidebar-heading">
  54.                     Interface
  55.                 </div>
  57.                 <!-- Nav Item - Pages Collapse Menu -->
  58.                 <li class="nav-item">
  59.                     <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
  60.                        aria-expanded="true" aria-controls="collapseTwo">
  61.                         <i class="fas fa-fw fa-cog"></i>
  62.                         <span>Components</span>
  63.                     </a>
  64.                     <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
  65.                         <div class="bg-white py-2 collapse-inner rounded">
  66.                             <h6 class="collapse-header">Custom Components:</h6>
  67.                             <a class="collapse-item" href="buttons.html">Buttons</a>
  68.                             <a class="collapse-item" href="cards.html">Cards</a>
  69.                         </div>
  70.                     </div>
  71.                 </li>
  73.                 <!-- Nav Item - Utilities Collapse Menu -->
  74.                 <li class="nav-item">
  75.                     <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities"
  76.                        aria-expanded="true" aria-controls="collapseUtilities">
  77.                         <i class="fas fa-fw fa-wrench"></i>
  78.                         <span>Utilities</span>
  79.                     </a>
  80.                     <div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities"
  81.                          data-parent="#accordionSidebar">
  82.                         <div class="bg-white py-2 collapse-inner rounded">
  83.                             <h6 class="collapse-header">Custom Utilities:</h6>
  84.                             <a class="collapse-item" href="utilities-color.html">Colors</a>
  85.                             <a class="collapse-item" href="utilities-border.html">Borders</a>
  86.                             <a class="collapse-item" href="utilities-animation.html">Animations</a>
  87.                             <a class="collapse-item" href="utilities-other.html">Other</a>
  88.                         </div>
  89.                     </div>
  90.                 </li>
  92.                 <!-- Divider -->
  93.                 <hr class="sidebar-divider">
  95.                 <!-- Heading -->
  96.                 <div class="sidebar-heading">
  97.                     Addons
  98.                 </div>
  100.                 <!-- ########## START: RIGHT PANEL ########## -->
  101.                 <div class="br-sideright">
  102.                     <ul class="nav nav-tabs sidebar-tabs" role="tablist">
  103.                         <li class="nav-item">
  104.                             <a class="nav-link active" data-toggle="tab" role="tab" href="#contacts"><i
  105.                                         class="icon ion-ios-gear-outline tx-24"></i></a>
  106.                         </li>
  107.                         <!--<li class="nav-item">
  108.                             <a class="nav-link" data-toggle="tab" role="tab" href="#attachments"><i class="icon ion-ios-folder-outline tx-22"></i></a>
  109.                         </li>
  110.                         <li class="nav-item">
  111.                             <a class="nav-link" data-toggle="tab" role="tab" href="#calendar"><i class="icon ion-ios-calendar-outline tx-24"></i></a>
  112.                         </li>-->
  113.                         <!--<li class="nav-item">
  114.                             <a class="nav-link" data-toggle="tab" role="tab" href="#settings"><i
  115.                                         class="icon ion-ios-gear-outline tx-24"></i></a>
  116.                         </li>-->
  117.                     </ul><!-- sidebar-tabs -->
  119.                     <!-- Tab panes -->
  120.                     <div class="tab-content">
  121.                         <div class="tab-pane pos-absolute a-0 mg-t-60 contact-scrollbar active" id="contacts" role="tabpanel">
  122.                             <div id="kontakte"></div>
  123.                             <hr>
  124.                             <div id="nextmasten"></div>
  125.                         </div><!-- #contacts -->
  128.                         <div class="tab-pane pos-absolute a-0 mg-t-60 attachment-scrollbar" id="attachments" role="tabpanel">
  129.                             <label class="sidebar-label pd-x-25 mg-t-25">Recent Attachments</label>
  130.                             <div class="media-file-list">
  131.                                 <div class="media">
  132.                                     <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  133.                                         <i class="far fa-file-image tx-28 tx-white"></i>
  134.                                     </div>
  135.                                     <div class="media-body">
  136.                                         <p class="mg-b-0 tx-13">IMG_43445</p>
  137.                                         <p class="mg-b-0 tx-12 op-5">JPG Image</p>
  138.                                         <p class="mg-b-0 tx-12 op-5">1.2mb</p>
  139.                                     </div><!-- media-body -->
  140.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  141.                                 </div><!-- media -->
  142.                                 <div class="media mg-t-20">
  143.                                     <div class="pd-10 bg-gray-500 bg-purple wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  144.                                         <i class="far fa-file-video tx-28 tx-white"></i>
  145.                                     </div>
  146.                                     <div class="media-body">
  147.                                         <p class="mg-b-0 tx-13">VID_6543</p>
  148.                                         <p class="mg-b-0 tx-12 op-5">MP4 Video</p>
  149.                                         <p class="mg-b-0 tx-12 op-5">24.8mb</p>
  150.                                     </div><!-- media-body -->
  151.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  152.                                 </div><!-- media -->
  153.                                 <div class="media mg-t-20">
  154.                                     <div class="pd-10 bg-gray-500 bg-reef wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  155.                                         <i class="far fa-file-word tx-28 tx-white"></i>
  156.                                     </div>
  157.                                     <div class="media-body">
  158.                                         <p class="mg-b-0 tx-13">Tax_Form</p>
  159.                                         <p class="mg-b-0 tx-12 op-5">Word Document</p>
  160.                                         <p class="mg-b-0 tx-12 op-5">5.5mb</p>
  161.                                     </div><!-- media-body -->
  162.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  163.                                 </div><!-- media -->
  164.                                 <div class="media mg-t-20">
  165.                                     <div class="pd-10 bg-gray-500 bg-firewatch wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  166.                                         <i class="far fa-file-pdf tx-28 tx-white"></i>
  167.                                     </div>
  168.                                     <div class="media-body">
  169.                                         <p class="mg-b-0 tx-13">Getting_Started</p>
  170.                                         <p class="mg-b-0 tx-12 op-5">PDF Document</p>
  171.                                         <p class="mg-b-0 tx-12 op-5">12.7mb</p>
  172.                                     </div><!-- media-body -->
  173.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  174.                                 </div><!-- media -->
  175.                                 <div class="media mg-t-20">
  176.                                     <div class="pd-10 bg-gray-500 bg-firewatch wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  177.                                         <i class="far fa-file-pdf tx-28 tx-white"></i>
  178.                                     </div>
  179.                                     <div class="media-body">
  180.                                         <p class="mg-b-0 tx-13">Introduction</p>
  181.                                         <p class="mg-b-0 tx-12 op-5">PDF Document</p>
  182.                                         <p class="mg-b-0 tx-12 op-5">7.7mb</p>
  183.                                     </div><!-- media-body -->
  184.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  185.                                 </div><!-- media -->
  186.                                 <div class="media mg-t-20">
  187.                                     <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  188.                                         <i class="far fa-file-image tx-28 tx-white"></i>
  189.                                     </div>
  190.                                     <div class="media-body">
  191.                                         <p class="mg-b-0 tx-13">IMG_43420</p>
  192.                                         <p class="mg-b-0 tx-12 op-5">JPG Image</p>
  193.                                         <p class="mg-b-0 tx-12 op-5">2.2mb</p>
  194.                                     </div><!-- media-body -->
  195.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  196.                                 </div><!-- media -->
  197.                                 <div class="media mg-t-20">
  198.                                     <div class="pd-10 bg-gray-500 bg-mojito wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  199.                                         <i class="far fa-file-image tx-28 tx-white"></i>
  200.                                     </div>
  201.                                     <div class="media-body">
  202.                                         <p class="mg-b-0 tx-13">IMG_43447</p>
  203.                                         <p class="mg-b-0 tx-12 op-5">JPG Image</p>
  204.                                         <p class="mg-b-0 tx-12 op-5">3.2mb</p>
  205.                                     </div><!-- media-body -->
  206.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  207.                                 </div><!-- media -->
  208.                                 <div class="media mg-t-20">
  209.                                     <div class="pd-10 bg-gray-500 bg-purple wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  210.                                         <i class="far fa-file-video tx-28 tx-white"></i>
  211.                                     </div>
  212.                                     <div class="media-body">
  213.                                         <p class="mg-b-0 tx-13">VID_6545</p>
  214.                                         <p class="mg-b-0 tx-12 op-5">AVI Video</p>
  215.                                         <p class="mg-b-0 tx-12 op-5">14.8mb</p>
  216.                                     </div><!-- media-body -->
  217.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  218.                                 </div><!-- media -->
  219.                                 <div class="media mg-t-20">
  220.                                     <div class="pd-10 bg-gray-500 bg-reef wd-50 ht-60 tx-center d-flex align-items-center justify-content-center">
  221.                                         <i class="far fa-file-word tx-28 tx-white"></i>
  222.                                     </div>
  223.                                     <div class="media-body">
  224.                                         <p class="mg-b-0 tx-13">Secret_Document</p>
  225.                                         <p class="mg-b-0 tx-12 op-5">Word Document</p>
  226.                                         <p class="mg-b-0 tx-12 op-5">4.5mb</p>
  227.                                     </div><!-- media-body -->
  228.                                     <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  229.                                 </div><!-- media -->
  230.                             </div><!-- media-list -->
  231.                         </div><!-- #history -->
  232.                         <div class="tab-pane pos-absolute a-0 mg-t-60 schedule-scrollbar" id="calendar" role="tabpanel">
  233.                             <label class="sidebar-label pd-x-25 mg-t-25">Time &amp; Date</label>
  234.                             <div class="pd-x-25">
  235.                                 <h2 id="brTime" class="br-time"></h2>
  236.                                 <h6 id="brDate" class="br-date"></h6>
  237.                             </div>
  239.                             <label class="sidebar-label pd-x-25 mg-t-25">Events Calendar</label>
  240.                             <div class="datepicker sidebar-datepicker"></div>
  243.                             <label class="sidebar-label pd-x-25 mg-t-25">Event Today</label>
  244.                             <div class="pd-x-25">
  245.                                 <div class="list-group sidebar-event-list mg-b-20">
  246.                                     <div class="list-group-item">
  247.                                         <div>
  248.                                             <h6>Roven's 32th Birthday</h6>
  249.                                             <p>2:30PM</p>
  250.                                         </div>
  251.                                         <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  252.                                     </div><!-- list-group-item -->
  253.                                     <div class="list-group-item">
  254.                                         <div>
  255.                                             <h6>Regular Workout Schedule</h6>
  256.                                             <p>7:30PM</p>
  257.                                         </div>
  258.                                         <a href="" class="more"><i class="icon ion-android-more-vertical tx-18"></i></a>
  259.                                     </div><!-- list-group-item -->
  260.                                 </div><!-- list-group -->
  262.                                 <a href="" class="btn btn-block btn-outline-secondary tx-uppercase tx-12 tx-spacing-2">+ Add Event</a>
  263.                                 <br>
  264.                             </div>
  266.                         </div>
  267.                         <div class="tab-pane pos-absolute a-0 mg-t-60 settings-scrollbar" id="settings" role="tabpanel">
  268.                             <label class="sidebar-label pd-x-25 mg-t-25">Quick Settings</label>
  270.                             <div class="sidebar-settings-item">
  271.                                 <h6 class="tx-13 tx-normal">Sound Notification</h6>
  272.                                 <p class="op-5 tx-13">Play an alert sound everytime there is a new notification.</p>
  273.                                 <div class="br-switchbutton checked">
  274.                                     <input type="hidden" name="switch1" value="true">
  275.                                     <span></span>
  276.                                 </div><!-- br-switchbutton -->
  277.                             </div>
  278.                             <div class="sidebar-settings-item">
  279.                                 <h6 class="tx-13 tx-normal">2 Steps Verification</h6>
  280.                                 <p class="op-5 tx-13">Sign in using a two step verification by sending a verification code to your
  281.                                     phone.</p>
  282.                                 <div class="br-switchbutton">
  283.                                     <input type="hidden" name="switch2" value="false">
  284.                                     <span></span>
  285.                                 </div><!-- br-switchbutton -->
  286.                             </div>
  287.                             <div class="sidebar-settings-item">
  288.                                 <h6 class="tx-13 tx-normal">Location Services</h6>
  289.                                 <p class="op-5 tx-13">Allowing us to access your location</p>
  290.                                 <div class="br-switchbutton">
  291.                                     <input type="hidden" name="switch3" value="false">
  292.                                     <span></span>
  293.                                 </div><!-- br-switchbutton -->
  294.                             </div>
  295.                             <div class="sidebar-settings-item">
  296.                                 <h6 class="tx-13 tx-normal">Newsletter Subscription</h6>
  297.                                 <p class="op-5 tx-13">Enables you to send us news and updates send straight to your email.</p>
  298.                                 <div class="br-switchbutton checked">
  299.                                     <input type="hidden" name="switch4" value="true">
  300.                                     <span></span>
  301.                                 </div><!-- br-switchbutton -->
  302.                             </div>
  303.                             <div class="sidebar-settings-item">
  304.                                 <h6 class="tx-13 tx-normal">Your email</h6>
  305.                                 <div class="pos-relative">
  306.                                     <input type="email" name="email" class="form-control" value="janedoe@domain.com">
  307.                                 </div>
  308.                             </div>
  310.                             <div class="pd-y-20 pd-x-25">
  311.                                 <h6 class="tx-13 tx-normal tx-white mg-b-20">More Settings</h6>
  312.                                 <a href="" class="btn btn-block btn-outline-secondary tx-uppercase tx-11 tx-spacing-2">Account
  313.                                     Settings</a>
  314.                                 <a href="" class="btn btn-block btn-outline-secondary tx-uppercase tx-11 tx-spacing-2">Privacy
  315.                                     Settings</a>
  316.                             </div>
  317.                         </div>
  318.                     </div><!-- tab-content -->
  320.                 </div><!-- br-sideright -->
  321.                 <!-- ########## END: RIGHT PANEL ########## --->
  322.                 <!-- Nav Item - Pages Collapse Menu -->
  323.                 <li class="nav-item">
  324.                     <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages"
  325.                        aria-expanded="true" aria-controls="collapsePages">
  326.                         <i class="fas fa-fw fa-folder"></i>
  327.                         <span>Pages</span>
  328.                     </a>
  329.                     <div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
  330.                         <div class="bg-white py-2 collapse-inner rounded">
  331.                             <h6 class="collapse-header">Login Screens:</h6>
  332.                             <a class="collapse-item" href="login.html">Login</a>
  333.                             <a class="collapse-item" href="register.html">Register</a>
  334.                             <a class="collapse-item" href="forgot-password.html">Forgot Password</a>
  335.                             <div class="collapse-divider"></div>
  336.                             <h6 class="collapse-header">Other Pages:</h6>
  337.                             <a class="collapse-item" href="404.html">404 Page</a>
  338.                             <a class="collapse-item" href="blank.html">Blank Page</a>
  339.                         </div>
  340.                     </div>
  341.                 </li>
  343.                 <!-- Nav Item - Charts -->
  344.                 <li class="nav-item">
  345.                     <a class="nav-link" href="charts.html">
  346.                         <i class="fas fa-fw fa-chart-area"></i>
  347.                         <span>Charts</span></a>
  348.                 </li>
  350.                 <!-- Nav Item - Tables -->
  351.                 <li class="nav-item">
  352.                     <a class="nav-link" href="tables.html">
  353.                         <i class="fas fa-fw fa-table"></i>
  354.                         <span>Tables</span></a>
  355.                 </li>
  357.                 <!-- Divider -->
  358.                 <hr class="sidebar-divider d-none d-md-block">
  360.                 <!-- Sidebar Toggler (Sidebar) -->
  361.                 <div class="text-center d-none d-md-inline">
  362.                     <button class="rounded-circle border-0" id="sidebarToggle"></button>
  363.                 </div>
  365.                 <!-- Sidebar Message -->
  366.                 <div class="sidebar-card d-none d-lg-flex">
  367.                     <img class="sidebar-card-illustration mb-2" src="img/undraw_rocket.svg" alt="...">
  368.                     <p class="text-center mb-2"><strong>SB Admin Pro</strong> is packed with premium features, components, and more!</p>
  369.                     <a class="btn btn-success btn-sm" href="https://startbootstrap.com/theme/sb-admin-pro">Upgrade to Pro!</a>
  370.                 </div>
  372.             </ul>
  373.             <!-- End of Sidebar -->
  375.             <!-- Content Wrapper -->
  376.             <div id="content-wrapper" class="d-flex flex-column">
  378.                 <!-- Main Content -->
  379.                 <div id="content">
  381.                     <!-- Topbar -->
  382.                     <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
  384.                         <!-- Sidebar Toggle (Topbar) -->
  385.                         <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
  386.                             <i class="fa fa-bars"></i>
  387.                         </button>
  389.                         <!-- Topbar Search -->
  390.                         <form
  391.                                 class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
  392.                             <div class="input-group">
  393.                                 <input type="text" class="form-control bg-light border-0 small" placeholder="Search for..."
  394.                                        aria-label="Search" aria-describedby="basic-addon2">
  395.                                 <div class="input-group-append">
  396.                                     <button class="btn btn-primary" type="button">
  397.                                         <i class="fas fa-search fa-sm"></i>
  398.                                     </button>
  399.                                 </div>
  400.                             </div>
  401.                         </form>
  403.                         <!-- Topbar Navbar -->
  404.                         <ul class="navbar-nav ml-auto">
  406.                             <!-- Nav Item - Search Dropdown (Visible Only XS) -->
  407.                             <li class="nav-item dropdown no-arrow d-sm-none">
  408.                                 <a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
  409.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  410.                                     <i class="fas fa-search fa-fw"></i>
  411.                                 </a>
  412.                                 <!-- Dropdown - Messages -->
  413.                                 <div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in"
  414.                                      aria-labelledby="searchDropdown">
  415.                                     <form class="form-inline mr-auto w-100 navbar-search">
  416.                                         <div class="input-group">
  417.                                             <input type="text" class="form-control bg-light border-0 small"
  418.                                                    placeholder="Search for..." aria-label="Search"
  419.                                                    aria-describedby="basic-addon2">
  420.                                             <div class="input-group-append">
  421.                                                 <button class="btn btn-primary" type="button">
  422.                                                     <i class="fas fa-search fa-sm"></i>
  423.                                                 </button>
  424.                                             </div>
  425.                                         </div>
  426.                                     </form>
  427.                                 </div>
  428.                             </li>
  430.                             <!-- Nav Item - Alerts -->
  431.                             <li class="nav-item dropdown no-arrow mx-1">
  432.                                 <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button"
  433.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  434.                                     <i class="fas fa-bell fa-fw"></i>
  435.                                     <!-- Counter - Alerts -->
  436.                                     <span class="badge badge-danger badge-counter">3+</span>
  437.                                 </a>
  438.                                 <!-- Dropdown - Alerts -->
  439.                                 <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
  440.                                      aria-labelledby="alertsDropdown">
  441.                                     <h6 class="dropdown-header">
  442.                                         Alerts Center
  443.                                     </h6>
  444.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  445.                                         <div class="mr-3">
  446.                                             <div class="icon-circle bg-primary">
  447.                                                 <i class="fas fa-file-alt text-white"></i>
  448.                                             </div>
  449.                                         </div>
  450.                                         <div>
  451.                                             <div class="small text-gray-500">December 12, 2019</div>
  452.                                             <span class="font-weight-bold">A new monthly report is ready to download!</span>
  453.                                         </div>
  454.                                     </a>
  455.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  456.                                         <div class="mr-3">
  457.                                             <div class="icon-circle bg-success">
  458.                                                 <i class="fas fa-donate text-white"></i>
  459.                                             </div>
  460.                                         </div>
  461.                                         <div>
  462.                                             <div class="small text-gray-500">December 7, 2019</div>
  463.                                             $290.29 has been deposited into your account!
  464.                                         </div>
  465.                                     </a>
  466.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  467.                                         <div class="mr-3">
  468.                                             <div class="icon-circle bg-warning">
  469.                                                 <i class="fas fa-exclamation-triangle text-white"></i>
  470.                                             </div>
  471.                                         </div>
  472.                                         <div>
  473.                                             <div class="small text-gray-500">December 2, 2019</div>
  474.                                             Spending Alert: We've noticed unusually high spending for your account.
  475.                                         </div>
  476.                                     </a>
  477.                                     <a class="dropdown-item text-center small text-gray-500" href="#">Show All Alerts</a>
  478.                                 </div>
  479.                             </li>
  481.                             <!-- Nav Item - Messages -->
  482.                             <li class="nav-item dropdown no-arrow mx-1">
  483.                                 <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button"
  484.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  485.                                     <i class="fas fa-envelope fa-fw"></i>
  486.                                     <!-- Counter - Messages -->
  487.                                     <span class="badge badge-danger badge-counter">7</span>
  488.                                 </a>
  489.                                 <!-- Dropdown - Messages -->
  490.                                 <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
  491.                                      aria-labelledby="messagesDropdown">
  492.                                     <h6 class="dropdown-header">
  493.                                         Message Center
  494.                                     </h6>
  495.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  496.                                         <div class="dropdown-list-image mr-3">
  497.                                             <img class="rounded-circle" src="img/undraw_profile_1.svg"
  498.                                                  alt="...">
  499.                                             <div class="status-indicator bg-success"></div>
  500.                                         </div>
  501.                                         <div class="font-weight-bold">
  502.                                             <div class="text-truncate">Hi there! I am wondering if you can help me with a
  503.                                                 problem I've been having.</div>
  504.                                             <div class="small text-gray-500">Emily Fowler · 58m</div>
  505.                                         </div>
  506.                                     </a>
  507.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  508.                                         <div class="dropdown-list-image mr-3">
  509.                                             <img class="rounded-circle" src="img/undraw_profile_2.svg"
  510.                                                  alt="...">
  511.                                             <div class="status-indicator"></div>
  512.                                         </div>
  513.                                         <div>
  514.                                             <div class="text-truncate">I have the photos that you ordered last month, how
  515.                                                 would you like them sent to you?</div>
  516.                                             <div class="small text-gray-500">Jae Chun · 1d</div>
  517.                                         </div>
  518.                                     </a>
  519.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  520.                                         <div class="dropdown-list-image mr-3">
  521.                                             <img class="rounded-circle" src="img/undraw_profile_3.svg"
  522.                                                  alt="...">
  523.                                             <div class="status-indicator bg-warning"></div>
  524.                                         </div>
  525.                                         <div>
  526.                                             <div class="text-truncate">Last month's report looks great, I am very happy with
  527.                                                 the progress so far, keep up the good work!</div>
  528.                                             <div class="small text-gray-500">Morgan Alvarez · 2d</div>
  529.                                         </div>
  530.                                     </a>
  531.                                     <a class="dropdown-item d-flex align-items-center" href="#">
  532.                                         <div class="dropdown-list-image mr-3">
  533.                                             <img class="rounded-circle" src="https://source.unsplash.com/Mv9hjnEUHR4/60x60"
  534.                                                  alt="...">
  535.                                             <div class="status-indicator bg-success"></div>
  536.                                         </div>
  537.                                         <div>
  538.                                             <div class="text-truncate">Am I a good boy? The reason I ask is because someone
  539.                                                 told me that people say this to all dogs, even if they aren't good...</div>
  540.                                             <div class="small text-gray-500">Chicken the Dog · 2w</div>
  541.                                         </div>
  542.                                     </a>
  543.                                     <a class="dropdown-item text-center small text-gray-500" href="#">Read More Messages</a>
  544.                                 </div>
  545.                             </li>
  547.                             <div class="topbar-divider d-none d-sm-block"></div>
  548.                             {% if app.user %}
  549.                             <!-- Nav Item - User Information -->
  550.                             <li class="nav-item dropdown no-arrow">
  552.                                 <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
  553.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  554.                                     <span class="mr-2 d-none d-lg-inline text-gray-600 small">{{ app.user.email }}</span>
  555.                                     <img class="img-profile rounded-circle"
  556.                                          src="img/undraw_profile.svg">
  557.                                 </a>
  558.                                 <!-- Dropdown - User Information -->
  559.                                 <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
  560.                                      aria-labelledby="userDropdown">
  561.                                     <a class="dropdown-item" href="#">
  562.                                         <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
  563.                                         Profile
  564.                                     </a>
  565.                                     <a class="dropdown-item" href="#">
  566.                                         <i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
  567.                                         Settings
  568.                                     </a>
  569.                                     <a class="dropdown-item" href="#">
  570.                                         <i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
  571.                                         Activity Log
  572.                                     </a>
  573.                                     <div class="dropdown-divider"></div>
  574.                                     <a class="dropdown-item" href="{{ path('app_logout') }}" data-toggle="modal" data-target="#logoutModal">
  575.                                         <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
  576.                                         Logout
  577.                                     </a>
  578.                                 </div>
  579.                             </li>
  580.                             {% endif %}
  582.                         </ul>
  584.                     </nav>
  585.                     <!-- End of Topbar -->
  587.                     <!-- Begin Page Content -->
  588.                     <div class="container-fluid">
  589.                         {% endif %}
  590.                         {% block body %}{% endblock %}
  591.                         {% if app.user %}
  592.                     </div>
  593.                     <!-- /.container-fluid -->
  595.                 </div>
  596.                 <!-- End of Main Content -->
  599.                 <!-- Footer -->
  600.                 <footer class="sticky-footer bg-white">
  601.                     <div class="container my-auto">
  602.                         <div class="copyright text-center my-auto">
  603.                             <span>Copyright &copy; Your Website 2021</span>
  604.                         </div>
  605.                     </div>
  606.                 </footer>
  607.                 <!-- End of Footer -->
  609.             </div>
  610.             <!-- End of Content Wrapper -->
  612.         </div>
  613.         <!-- End of Page Wrapper -->
  615.         <!-- Scroll to Top Button-->
  616.         <a class="scroll-to-top rounded" href="#page-top">
  617.             <i class="fas fa-angle-up"></i>
  618.         </a>
  620.         <!-- Logout Modal-->
  621.         <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  622.              aria-hidden="true">
  623.             <div class="modal-dialog" role="document">
  624.                 <div class="modal-content">
  625.                     <div class="modal-header">
  626.                         <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
  627.                         <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  628.                             <span aria-hidden="true">×</span>
  629.                         </button>
  630.                     </div>
  631.                     <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
  632.                     <div class="modal-footer">
  633.                         <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
  634.                         <a class="btn btn-primary" href="{{ path('app_logout') }}">Logout</a>
  635.                     </div>
  636.                 </div>
  637.             </div>
  638.         </div>
  639.         {% endif %}
  640.     </div>
  641.    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  642.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  643.     -->
  644.     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  645.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
  646.     <script src="{{ asset('js/jquery.easing.js') }}"></script>
  647.     <script src="{{ asset('js/sb-admin-2.js') }}"></script>
  648.     </body>
  649. </html>