templates/layouts/default.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %} | {{ ('app.theme.' ~ app.session.get('theme', 'horse'))|trans }}{% endblock %}</title>
  6.         <meta name="robots" content="index, follow" />
  7.         <meta name="description" content="family horse, family horse marrakech, horse, riding, horse riding, horseriding, ranch, cheval, équitation, l'équitation, equitation, l'equitation, quad, camel, chameau">
  8.         <meta name="keywords" content="family horse, family horse marrakech, horse, riding, horse riding, horseriding, ranch, cheval, équitation, l'équitation, equitation, l'equitation, quad, camel, chameau">
  9.         <!-- responsive meta -->
  10.         <meta name="viewport" content="width=device-width, initial-scale=1">
  11.         <!-- For IE -->
  12.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.         <link rel="stylesheet" href="{{ asset('front/assets/css/aos.css') }}">
  15.         <link rel="stylesheet" href="{{ asset('front/assets/css/bootstrap.min.css') }}">
  16.         <link rel="stylesheet" href="{{ asset('front/assets/css/imp.css') }}">
  17.         <link rel="stylesheet" href="{{ asset('front/assets/css/custom-animate.css') }}">
  18.         <link rel="stylesheet" href="{{ asset('front/assets/css/flaticon.css') }}">
  20.         <link href="{{ asset('fontawesome/css/fontawesome.css') }}" rel="stylesheet">
  21.         <link href="{{ asset('fontawesome/css/brands.css') }}" rel="stylesheet">
  22.         <link href="{{ asset('fontawesome/css/solid.css') }}" rel="stylesheet">
  23.         {# <link rel="stylesheet" href="{{ asset('fontawesome/css/fontawesome.min.css') }}"> #}
  26.         <link rel="stylesheet" href="{{ asset('front/assets/css/font-awesome.min.css') }}">
  27.         <link rel="stylesheet" href="{{ asset('front/assets/css/owl.css') }}">
  28.         <link rel="stylesheet" href="{{ asset('front/assets/css/magnific-popup.css') }}">
  29.         <link rel="stylesheet" href="{{ asset('front/assets/css/scrollbar.css') }}">
  30.         <link rel="stylesheet" href="{{ asset('front/assets/css/hiddenbar.css') }}">
  32.         <link rel="stylesheet" href="{{ asset('front/assets/css/color.css') }}">
  33.         <link href="{{ asset('front/assets/css/color/theme-color.css') }}" id="jssDefault" rel="stylesheet">
  34.         <link rel="stylesheet" href="{{ asset('front/assets/css/style.css') }}">
  35.         <link rel="stylesheet" href="{{ asset('front/assets/css/responsive.css') }}">
  36.         <!-- Favicon -->
  37.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('front/assets/images/favicon/apple-touch-icon.png') }}">
  38.         <link rel="icon" type="image/png" href="{{ asset('front/assets/images/favicon/favicon-32x32.png') }}" sizes="32x32">
  40.         <link rel="icon" type="image/png" href="{{ asset('front/assets/images/favicon/favicon-16x16.png') }}" sizes="16x16">
  42.         {% block stylesheets %}{% endblock %}
  43.         {% block javascripts_header %}{% endblock %}
  45.         <!-- Fixing Internet Explorer-->
  46.         <!--[if lt IE 9]>
  47.             <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  48.             <script src="front/assets/js/html5shiv.js"></script>
  49.         <![endif]-->
  51.     </head>
  53.     <body>
  54.         <!-- Start: Messenger Chat Plugin Code -->
  55.         <div id="fb-root"></div>
  57.         <!-- Your Chat Plugin code -->
  58.         <div id="fb-customer-chat" class="fb-customerchat">
  59.         </div>
  61.         <script>
  62.         var chatbox = document.getElementById('fb-customer-chat');
  63.         chatbox.setAttribute("page_id", "469201417242194");
  64.         chatbox.setAttribute("attribution", "biz_inbox");
  65.         </script>
  67.         <!-- Your SDK code -->
  68.         <script>
  69.         window.fbAsyncInit = function() {
  70.             FB.init({
  71.             xfbml            : true,
  72.             version          : 'v15.0'
  73.             });
  74.         };
  76.         (function(d, s, id) {
  77.             var js, fjs = d.getElementsByTagName(s)[0];
  78.             if (d.getElementById(id)) return;
  79.             js = d.createElement(s); js.id = id;
  80.             js.src = 'https://connect.facebook.net/fr_FR/sdk/xfbml.customerchat.js';
  81.             fjs.parentNode.insertBefore(js, fjs);
  82.         }(document, 'script', 'facebook-jssdk'));
  83.         </script>
  84.         <!-- End: Messenger Chat Plugin Code -->
  86.         <div class="boxed_wrapper">
  88.             <div class="preloader"></div>
  90.             {% block header %}
  92.                 {% set route_name = app.request.attributes.get('_route') %}
  93.                 {% set route_parameters = (app.request.attributes.get('_route_params'))|json_encode() %}
  95.                 <!-- Start main header -->
  96.                 {% include 'front/includes/header.html.twig' with { 'route_name': route_name, 'route_parameters': route_parameters } %}
  97.                 <!-- End main header -->
  99.                 <!-- Start appointment sidebar -->
  100.                 {% include 'front/includes/appointment_sidebar.html.twig' %}
  101.                 <!-- End appointment sidebar -->
  103.             {% endblock %}
  105.             {% block breadcrumb %}
  106.                 <!--Start breadcrumb area-->
  107.                 {% set imageName = banner.image.name ?? 'default_banner.jpg' %}
  108.                 <section class="breadcrumb-area" style="background-image: url({{ asset(banner_images_directory ~ '/' ~ imageName) }});">
  109.                     <div class="container">
  110.                         <div class="row">
  111.                             <div class="col-xl-12">
  112.                                 <div class="inner-content clearfix">
  113.                                     <h3>{% block breadcrumb_sub_title %}{% endblock %}</h3>
  114.                                     <div class="border-box"></div>
  115.                                     <div class="title">
  116.                                         <h1>{% block breadcrumb_title %}{% endblock %}</h1>
  117.                                     </div>
  118.                                 </div>
  119.                             </div>
  120.                         </div>
  121.                     </div>
  122.                 </section>
  123.                 <!--End breadcrumb area-->
  124.             {% endblock %}
  126.             {% block body %}{% endblock %}
  128.             <!--Start Newsletter area-->
  129.             {{ render(path('front_newsletter')) }}
  130.             <!--End Newsletter area-->
  132.             {% block footer %}
  133.                 <!--Start footer area-->
  134.                 {% include 'front/includes/footer.html.twig' %}
  135.                 <!--End footer area-->
  136.             {% endblock %}
  138.             <!--Start Whatsapp Chat Plugin-->
  139.             <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
  140.             <div class="elfsight-app-1069f112-21cc-466b-8f68-cca53812d742"></div>
  141.             <!--End Whatsapp Chat Plugin-->
  142.         </div>
  144.         <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
  145.         <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  147.         <script>
  148.             var locale = "{{ app.request.locale }}";
  149.             var activeTheme = "{{ app.session.get('theme', 'horse') }}";
  150.         </script>
  151.         <!-- ======================== JS ======================== -->
  152.         <script src="{{ asset('front/assets/js/jquery.js') }}"></script>
  153.         <script src="{{ asset('front/assets/js/aos.js') }}"></script>
  154.         <script src="{{ asset('front/assets/js/appear.js') }}"></script>
  155.         <script src="{{ asset('front/assets/js/bootstrap.bundle.min.js') }}"></script>
  156.         <script src="{{ asset('front/assets/js/bootstrap-select.min.js') }}"></script>
  157.         <script src="{{ asset('front/assets/js/isotope.js') }}"></script>
  158.         <script src="{{ asset('front/assets/js/jquery.bootstrap-touchspin.js') }}"></script>
  159.         <script src="{{ asset('front/assets/js/jquery.countdown.min.js') }}"></script>
  160.         <script src="{{ asset('front/assets/js/jquery.countTo.js') }}"></script>
  161.         <script src="{{ asset('front/assets/js/jquery.easing.min.js') }}"></script>
  162.         <script src="{{ asset('front/assets/js/jquery.enllax.min.js') }}"></script>
  163.         <script src="{{ asset('front/assets/js/jquery.fancybox.js') }}"></script>
  164.         <script src="{{ asset('front/assets/js/jquery.mixitup.min.js') }}"></script>
  165.         <script src="{{ asset('front/assets/js/jquery.paroller.min.js') }}"></script>
  166.         <script src="{{ asset('front/assets/js/jquery.polyglot.language.switcher.js') }}"></script>
  167.         <script src="{{ asset('front/assets/js/map-script.js') }}"></script>
  168.         <script src="{{ asset('front/assets/js/nouislider.js') }}"></script>
  169.         <script src="{{ asset('front/assets/js/owl.js') }}"></script>
  170.         <script src="{{ asset('front/assets/js/timePicker.js') }}"></script>
  171.         <script src="{{ asset('front/assets/js/validation.js') }}"></script>
  172.         <script src="{{ asset('front/assets/js/wow.js') }}"></script>
  173.         <script src="{{ asset('front/assets/js/jquery.magnific-popup.min.js') }}"></script>
  174.         <script src="{{ asset('front/assets/js/slick.js') }}"></script>
  175.         <script src="{{ asset('front/assets/js/lazyload.js') }}"></script>
  176.         <script src="{{ asset('front/assets/js/scrollbar.js') }}"></script>
  177.         <script src="{{ asset('front/assets/js/jQuery.style.switcher.min.js') }}"></script>
  178.         <!-- The custom script -->
  179.         <script src="{{ asset('front/assets/js/custom.js') }}"></script>
  181.         {% block javascripts %}{% endblock %}
  183.         <script>
  184.             $( document ).ready(function() {
  185.                 $('#submit-booking').on('click', function(e){
  186.                     display = 'block';
  187.                     e.preventDefault();
  188.                     var email = $('#booking_customer_email').val();
  189.                     var phone = $('#booking_customer_phone').val();
  191.                     if (
  192.                         (typeof email === 'string' && email.trim().length > 0) ||
  193.                         (typeof phone === 'string' && phone.trim().length > 0)
  194.                     ) {
  195.                         display = 'none';
  196.                         $('#booking-form').submit();
  197.                         $('#submit-booking').css('display', display);
  198.                     }
  200.                     $('#alert-booking').css('display', display);
  201.                 });
  203.                 $('.submit-booking-modal').on('click', function(e){
  205.                     display = 'block';
  206.                     e.preventDefault();
  207.                     var email = $('.booking-form-modal-email').val();
  208.                     var phone = $('.booking-form-modal-phone').val();
  210.                     var form = $(this).parent().parent().parent().find("form[id=booking-form-modal]");
  212.                     if (
  213.                         (typeof email === 'string' && email.trim().length > 0) ||
  214.                         (typeof phone === 'string' && phone.trim().length > 0)
  215.                     ) {
  216.                         display = 'none';
  217.                         form.submit();
  218.                         $('#submit-booking-modal').css('display', display);
  219.                     }
  221.                     $('.alert-booking-modal').css('display', display);
  222.                 });
  224.                 var bookingTitle = '{{ 'app.booking.title'|trans }}';
  225.                 $('#bookingModal').on('show.bs.modal', function (event) {
  226.                     var button = $(event.relatedTarget) // Button that triggered the modal
  227.                     var service = button.data('service')
  228.                     var serviceId = button.data('service-id')
  229.                     var modal = $(this)
  230.                     modal.find('.modal-title').text(`${bookingTitle}: ${service}`)
  231.                     $('#service-id').val(serviceId)
  232.                     $('#service-title').val(service)
  233.                 })
  234.             });
  235.         </script>
  236.     </body>
  237. </html>