{% extends 'base.html.twig' %}
{% block title %}
    OceanExpert | Event
{% endblock %}
{% block stylesheets %}

    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
    {% include "navbarlogin.html.twig" %}
    <style>
        .message{font-size: 16px;}
        .url-white{color: white;text-decoration: none !important;font-weight: bold;}
        mark{font-weight: bold;}
    </style>
{% endblock %}

{% block body %}
    <div class="container-lg">
        <div class="container">
            <div class="login-logo"><br />

            </div><!-- /.login-logo -->
            <div class="content-wrapper">
                <div class="box-body">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="professional-details">
                            <h4 class="panel-title"><i class="fa fa-check-square-o fa-2x green" aria-hidden="true"></i>
                                Event Created.
                            </h4>
                        </div>
                        <div
                                id="collapseThree"
                                class="panel-collapse collapse in"
                                role="tabpanel"
                                aria-labelledby="headingThree"
                                aria-expanded="true">
                            <div class="panel-body">
                                <div class="box-body">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 message">
                                        <div class="info">
                                            <div class="row">
                                                <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
                                                    <i class="fa fa-thumbs-up fa-2x  fa-pull-left text-success fa-fw" aria-hidden="true"></i>
                                                </div>
                                                <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
                                                    Your event has been successfully created.<br />
                                                    This new event must be approved before it is active, which may take a few business days.<br />
                                                    This process ensures the integrity and validity of OceanExpert events.<br />
                                                    You may be contacted for clarifications.<br />
                                                    Please do not enter your event again to avoid the creation of duplicates!<br /><br />
                                                    <i class="fa fa-exclamation-triangle text-danger fa-pull-left fa-fw align-midle" aria-hidden="true"></i>
                                                    <strong class="danger">WARNING:</strong> Before approval, your event won't be displayed on the site.
                                                    <br />
                                                    <br />
                                            {% if eventId is defined
                                                and eventId != 0 %}
                                                <a
                                                        href="{{ path('view_event', {'event': eventId}) }}"
                                                        class="btn-warning btn url-white message">
                                                    go to the event
                                                </a>
                                            {% else %}
                                                <a
                                                        href="{{ path('frontend_homepage') }}"
                                                        class="btn-warning btn url-white message">
                                                    Home Page
                                                </a>
                                            {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% include "footer.html.twig" %}
{% endblock %}