<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<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>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('assets/css/style-index.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/style-menu-template.css') }}"/>
<link rel="icon" href="{{ asset('assets/media/favicon.ico') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0/css/v4-shims.min.css" integrity="sha512-p++g4gkFY8DBqLItjIfuKJPFvTPqcg2FzOns2BNaltwoCOrXMqRIOqgWqWEvuqsj/3aVdgoEo2Y7X6SomTfUPA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://js.stripe.com/v3/" ></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
{% block stylesheets %}
{% endblock %}
{% block javascripts %}
{% endblock %}
</head>
<body>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div id="page-container">
<header>
<nav class="navbar navbar-expand-sm navbar-dark">
<div class="container-fluid">
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link text-success" href="{{path('app_home')}}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
</li>
{% for menu in menus %}
<li class="nav-item">
<a class="nav-link text-white" href="{{ path('view_page', {id: menu.id | nzo_encrypt }) }}">{{ menu.pageTitle }}</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
</li>
{% endfor %}
</ul>
<ul class="navbar-nav ms-auto">
{% if is_granted('ROLE_ADMIN') %}
<li class="nav-item">
<a class="nav-link text-white">Hello, Admin</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="{{path('app_admin')}}">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="{{path('app_logout')}}">Logout</a>
</li>
{% elseif is_granted('ROLE_USER') %}
<li class="nav-item">
<a class="nav-link text-white" href="#">Hello, {{ app.user.email }}</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="{{path('app_profile')}}">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="{{path('app_logout')}}">Logout</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link text-white" href="{{path('app_register')}}">REGISTER</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="{{path('app_login')}}">LOGIN</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
</header>
<nav>
<ul class="side-menu w-15">
<a href="#">
<li class="bg-primary p-2 text-center"> <i class="bi bi-facebook text-white"></i> </li>
</a>
<a href="#">
<li class="bg-dark p-2 text-center"> <i class="bi bi-google text-white"></i> </li>
</a>
<a href="#">
<li class="bg-success p-2 text-center"> <i class="bi bi-whatsapp text-white"></i> </li>
</a>
<a href="#">
<li class="bg-primary p-2 text-center"> <i class="bi bi-messenger text-white"></i> </li>
</a>
<a href="#">
<li class="bg-danger p-2 text-center"> <i class="bi bi-twitter-x text-white"></i> </li>
</a>
</ul>
</nav>
{% block body %}{% endblock %}
<footer id="footer">
{# <div class="page-top text-center">
<a href="#page-top"><i class="fas fa-chevron-circle-up"></i></a>
</div>
<div class="input-group bitcoin ms-auto me-auto">
<i class="fab fa-cc-paypal"></i>
<input type="text" class="form-control input bg-dark text-white pl-2" value="Donate to grow together" readonly aria-label="Username" aria-describedby="basic-addon1">
</div>
<br/>
<div class="input-group bitcoin ms-auto me-auto">
<i class="fab fa-cc-visa"></i>
<input type="text" class="form-control input bg-dark text-white pl-2" value="Help to keep updating" readonly aria-label="Username" aria-describedby="basic-addon1">
</div> #}
<nav class="navbar navbar-expand-sm navbar-dark pb-0">
<div class="container-fluid">
<div class="collapse navbar-collapse">
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
{% for menu in menus %}
<li class="nav-item">
<a class="nav-link" href="{{ path('view_page', {id: menu.id | nzo_encrypt }) }}">{{ menu.pageTitle }}</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</nav>
{% if web_settings[0].getCopyrightText() != null %}
<div class="text-white text-center pb-3"><small>{{web_settings[0].getCopyrightText()}}</small></div>
{% else %}
<div class="text-white text-center pb-3"><small>AUTOFILES.PRO 2022 – 2022</small></div>
{% endif %}
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/js/bootstrap.bundle.min.js" integrity="sha384-BOsAfwzjNJHrJ8cZidOg56tcQWfp6y72vEJ8xQ9w6Quywb24iOsW913URv1IS4GD" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/additional-methods.js"></script>
<script>
jQuery.extend(jQuery.validator.messages, {
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid email address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
number: "Please enter a valid number.",
digits: "Please enter only digits.",
creditcard: "Please enter a valid credit card number.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension.",
maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
minlength: jQuery.validator.format("Please enter at least {0} characters."),
rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
range: jQuery.validator.format("Please enter a value between {0} and {1}."),
max: jQuery.validator.format("Please enter a value less than or equal to {0}."),
min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
});
$("#checkoutForm").validate({
messages: {
email: "Please enter your email"
}
});
$("#login").validate({
messages: {
_username: "Please enter your email"
}
});
$("#contact").validate({
messages: {
yourname: "Please enter your name",
youremail: "Please enter your email",
yourmessage: "Please enter your message"
}
});
// AJAX call for autocomplete
$(document).ready(function() {
$("#search-box").keyup(function() {
$('#country-list').empty();
$.ajax({
type: "POST",
url: "autocomplete",
data: 'keyword=' + $(this).val(),
beforeSend: function() {
},
success: function(data) {
$("#suggesstion-box").removeClass('d-none');
data.forEach(myFunction);
function myFunction(item, index) {
$('#country-list').empty();
$('#country-list').append("<li class='text-white' style='cursor:pointer' onClick='selectCountry(`"+item.name+"`)'>"+item.name+"</li>");
}
//$("#suggesstion-box").show();
//data = JSON.parse(data);
}
});
});
});
//To select a country name
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").addClass('d-none');
}
</script>
</body>
</html>