{% extends 'TwigBundle:Exception:layout_erreur.html.twig' %}

{% block title %}
    <title>ERREUR 500</title>
{% endblock %}

{% block content %}
    <div class="global-overlay">

        <div class="overlay skew-part">
        </div>
    </div>

    <div class="left-part" data-slide1="{{ asset('components/assets/erreur/img/slide1.jpg') }}" data-slide2="{{ asset('components/assets/erreur/img/slide2.jpg') }}">

        <div class="content"> <img src="{{ asset('components/assets/erreur/img/logo.png') }}" alt=""  /><h1>ERREUR<div class="timer" data-val="500"></div></h1>
            <h2>La page que vous avez demandée n’a pas été trouvée. </h2>

            <div> <a HREF="{{ path("fos_user_security_login") }}" class="action-btn trigger"> Revenir à la page d’accueil</a>
            </div>
        </div>

        <div class="text-annex"> <a href="mailto:contact@total.tn"><i class="fa fa-paper-plane"></i></a> <a href="https://www.facebook.com/TotalTunisie/" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/total?lang=fr" target="_blank"><i class="fa fa-twitter"></i></a>
        </div>
    </div>

    <div class="right-part opacity-0">
    </div>

    <div id="somedialog" class="dialog">

        <div class="dialog__overlay">
        </div>

        <div class="dialog__content">

            <div class="dialog-inner"><h4>REPORT FORM</h4>

                <p>We couldn't find what you're looking for...
                    <br> <strong>Our team would be very grateful to be aware about this issue. Thanks!</strong></p>

                <form id="contact-form" name="contact-form" method="POST" data-name="Contact Form">

                    <div class="row">

                        <div class="col-xs-12 col-sm-12 col-lg-12">

                            <div class="form-group">
                                <input type="email" id="email" class="form form-control" placeholder="Your Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email'" name="email-address" data-name="Email Address" required>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-lg-12 no-padding">

                            <div class="form-group">
                                    <textarea id="text-area" class="form textarea form-control" placeholder="Your feedback here... 20 characters Min." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your feedback here... 20 characters Min.'" name="message" data-name="Text Area" required>
                                    </textarea>
                            </div>
                        </div>
                    </div> <button type="submit" id="valid-form" class="btn btn-color">Send my Message</button>
                </form>

                <div id="block-answer">

                    <div id="answer">
                    </div>
                </div>
            </div> <button class="close-newsletter" data-dialog-close><i class="icon ion-close-round"></i></button>
        </div>
    </div>
{% endblock %}