<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
{% if app.request.server.get('SERVER_ENV') and app.request.server.get('SERVER_ENV') == 'production' %}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NNW5PMM6');</script>
<!-- End Google Tag Manager -->
{% if app.request.locale == 'fr' %}
<script>
window.axeptioSettings = {
clientId: "6596c14a7d63fea42f929415",
cookiesVersion: "racket-trip/fr-fr-EU",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
{% else %}
<script>
window.axeptioSettings = {
clientId: "6596c14a7d63fea42f929415",
cookiesVersion: "racket-trip/fr-fr-EU_en-GB",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
{% endif %}
{% else %}
<meta name="robots" content="noindex">
{% endif %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no">
<link rel="icon" media="(prefers-color-scheme:light)" type="image/x-icon" href="/images/favicon-light.png" id="light-scheme-icon">
<title>{% block title %}{% endblock %} | Racket Trip</title>
{% block seo %}{% endblock %}
{% block og %}{% endblock %}
{{ encore_entry_link_tags('app') }}
{{ encore_entry_link_tags('message') }}
<link rel="stylesheet" href="/fontawesome/css/all.min.css">
{% block stylesheets %}{% endblock %}
</head>
{% set current_path = app.request.get('_route') %}
<body class="{{ current_path }}" id="body" onload="document.body.style.visibility=`visible`;">
<script>document.body.style.visibility=`hidden`;</script>
{% if app.request.server.get('SERVER_ENV') and app.request.server.get('SERVER_ENV') == 'production' %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNW5PMM6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
<div id="preloader">
<div class="loader" id="loader"></div>
</div>
{% include "front/_partials/_header.html.twig" %}
{% block body %}{% endblock %}
{% include "front/_partials/_add-favorite-modal.html.twig" %}
{% if app.user and app.user.isPro %}
{#
<!-- Modal Partners Empty -->
<div class="modal fade" id="empty-partners" tabindex="-1" role="dialog" aria-labelledby="addAlert" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="modal-title-wrap">
<h5 class="modal-title">{{ "courses.create_internship" | trans }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fal fa-times"></i>
</button>
</div>
<div class="row">
<div class="col-lg-12">
{% if app.user is instanceof('App\\Entity\\Coach') and app.user.partners | length == 0 %}
<p class="text-center">{{ "courses.add_club" | trans }}</p>
{% elseif app.user is instanceof('App\\Entity\\Club') and app.user.partners | length == 0 %}
<p class="text-center">{{ "courses.add_coach" | trans }}</p>
{% elseif app.user is instanceof('App\\Entity\\Operator') and (app.user.clubPartners | length == 0 or app.user.coachPartners | length == 0) %}
<p class="text-center">{{ "courses.add_club_coach" | trans }}</p>
{% endif %}
{% if app.user.proInfo.pageVisible == false %}
<p class="text-center">{{ "courses.publish_page" | trans }}</p>
{% endif %}
</div>
</div>
</div>
<div class="modal-footer justify-content-center">
{% if (app.user is instanceof('App\\Entity\\Coach') or app.user is instanceof('App\\Entity\\Club')) and app.user.partners | length == 0 %}
<a href="{{ path('pro_partners') }}" class="btn main-btn m-2">{{ "courses.add_partner" | trans }}</a>
{% elseif app.user is instanceof('App\\Entity\\Operator') and (app.user.clubPartners | length == 0 or app.user.coachPartners | length == 0) %}
<a href="{{ path('pro_partners') }}" class="btn main-btn m-2">{{ "courses.add_partners" | trans }}</a>
{% endif %}
{% if app.user.proInfo.pageVisible == false %}
<a href="{{ path('pro_page') }}" class="btn main-btn m-2">{{ "header.page_pro" | trans }}</a>
{% endif %}
</div>
</div>
</div>
</div>
#}
{% endif %}
<!-- Welcome modal -->
<div class="modal fade" id="welcome-registration" tabindex="-1" role="dialog" aria-labelledby="RegistrationTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="modal-title">
<h5 class="modal-title">{{ "modal_confirmation_registration.thanks" | trans }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fal fa-times"></i>
</button>
</div>
<div class="row">
<div class="col-lg-12">
<p class="text-18 text-center">{{ "modal_confirmation_registration.message" | trans }}</p>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<button type="button" class="btn main-btn m-auto" data-dismiss="modal" aria-label="Close">{{ "membership.ok" | trans }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% include "front/_partials/_footer.html.twig" %}
{% include "front/_partials/_responsive-navbar.html.twig" %}
{% if not chat is defined and app.user and app.request.get('_route') != 'courses' %}
{% include "front/message/floating-message.html.twig" %}
{% endif %}
{{ encore_entry_script_tags('app') }}
{% for label, messages in app.flashes %}
{% if label == 'welcome-registration' %}
{% for message in messages %}
<script>
$(document).ready(function () {
setTimeout(function () {
$("#welcome-registration").modal({
backdrop: 'static',
keyboard: false
});
}, 200);
});
</script>
{% endfor %}
{% elseif label != 'payment-method' and label != 'welcome' %}
{% for message in messages %}
<!-- Alert modal -->
<div class="modal fade" id="alert-modal" tabindex="-1" role="dialog" aria-labelledby="alertTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<p class="modal-text-xl text-center font-500 mt-2 mb-0">
{{ message }}
</p>
<div class="modal-actions">
<button type="button" class="btn main-btn btn-sm" data-dismiss="modal" aria-label="Close">OK</button>
</div>
</div>
</div>
</div>
</div>
<script>
$("#alert-modal").modal({
backdrop: 'static',
keyboard: false
});
</script>
{% endfor %}
{% endif %}
{% endfor %}
{% block javascript %}{% endblock %}
</body>
</html>