<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>{% block title %}Welcome{% endblock %}</title> {% block stylesheets %} {{ encore_entry_link_tags('app') }} <link rel="stylesheet" href="https://use.typekit.net/fdo2ytl.css"> {% endblock %} {% block javascripts %} {{ encore_entry_script_tags('app') }} {% endblock %} </head> <body id="{% block pageId %}none{% endblock %}" data-bs-spy="scroll" data-bs-target="#main_navbar" data-bs-offset="240" tabindex="0"> <section class="content-wrapper"> <header id="main_header" class="sticky-top"> <div id="hdr_bkgrnd"> <!-- User Menu Wrapper --> <div class="user-menu-wrapper my-auto w-1200"> <!-- User Menu --> <ul class="nav nav-pills me-auto mb-0 justify-content-end"> {% if logged_in is defined and logged_in %} <li class="nav-item"> <a class="nav-link" href="{{ path('reference_library') }}"> Reference Library </a> </li> <li class="navbar-text logged-in dropdown-toggle" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">Welcome, {{ user.username|split(' ')[0] }}</li> <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink"> <li><a class="dropdown-item" href="{{ path('api_logout') }}">Logout</a></li> </ul> {% else %} <li class="nav-item login"> <a class="nav-link" data-bs-toggle="modal" data-bs-target="#modalLogin">Login</a> </li> {% endif %} </ul> <!-- User Menu --> </div> <!-- User Menu Wrapper --> <!-- Jumbotron --> <div class="header-wrapper text-center"> <a class="logo-link w-auto" href="{{ path('home') }}"> <img alt="logo" height="125" src="{{ asset('build/images/Dairy-Office-Logo-1500px.png') }}"> </a> <!-- Navbar --> <nav id="main_navbar" class="navbar navbar-default navbar-fixed-top"> <ul class="nav nav-pills mx-auto nav-fill"> {% block main_navbar %} <li class="nav-item"> <a class="nav-link" aria-current="page" href="{{ path('home') }}#home">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('home') }}#platform">Platform</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('home') }}#features">Features</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('home') }}#getting_started">Getting Started</a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('home') }}#contact">Contact</a> </li> {% endblock %} </ul> </nav> <!-- Navbar --> </div> <!-- Jumbotron --> </div> </header> {% for label, messages in app.flashes %} {% for message in messages %} <div class="alert alert-{{ label }} w-50 mx-auto mt-2 text-center"> {% if message is iterable %} {{ message|last }} {% else %} {{ message }} {% endif %} </div> {% endfor %} {% endfor %} <div id="main_content" class="main-content w-100"> {% block body %}{% endblock %} </div> <!-- Modal --> <div class="modal fade" id="modalLogin" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="loginModalLabel">Login</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form method="POST" action="{{ path('api_login') }}"> <div class="mb-3"> <label for="username" class="form-label">Email Address</label> <input type="text" class="form-control" id="username" name="username" placeholder="Username" /> </div> <div class="mb-3"> <label for="password" class="form-label">Password</label> <input type="password" class="form-control" id="password" name="password" placeholder="Password" /> </div> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="rememberMe" /> <label class="form-check-label" for="rememberMe">Remember me</label> </div> <div class="modal-footer d-block"> <button type="submit" class="btn btn-warning float-end">Submit</button> </div> </form> </div> </div> </div> </div> {% if token is defined %} <input type="hidden" id="token" value="{{ token }}" /> {% endif %} </section> <footer id="main_footer"> <section class="container"> <div class="row"> <div class="col-md-4 text-center fw-bold fst-italic my-auto text-uppercase poweredby-wrapper"> Powered by <img class="dairy-api-logo" alt="dairy-api-logo" src="{{ asset('build/images/Dairy-API-Logo-110x1115.png') }}"> </div> <div class="col-md-4 text-center my-auto"> <a class="email-link" href="mailto:info@dairyoffice.com">info@DairyOffice.com</a> </div> <div class="col-md-4 text-center my-auto"> <img class="facticity-logo" alt="facticity-logo" src="{{ asset('build/images/facticity-logo.png') }}"> </div> </div> </section> </footer> </body></html>