{% extends app.request.query.get("embed") == '1'
  ? "base.html.twig"
  : "bases/base." ~ subdomain ~ ".html.twig" %}

{% block title %}{{ parent() }}{% endblock %}

{% block head %}
{{ parent() }}
{# <meta name="description" content=""> #}
{% endblock %}

{% block javascript %}
{{ parent() }}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" async defer
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDKTHSxkDdoCM_fzYqEi8SAcuRxHHu6foI&libraries=places&callback=initAutocomplete"></script>
<script>
  // {% include 'js/form.js' %}
</script>
{% endblock %}

{% block styles %}
{{parent()}}
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
{% endblock %}

{% block body %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-sm-7">
      <h1>Add Event to Oberlin Community Calendar</h1>
      <p><a href="{{path('index')}}" class="btn btn-primary">&larr; Go Back</a></p>
      <p>Complete this simple form to add an event or volunteer opportunity to the community calendar. Once
        approved it will appear on the online calendar and on selected screens in town.</p>
      <p><a class="btn btn-primary btn-sm" target="_blank"
          href="https://docs.google.com/document/d/18B1-94-77_P6eNhFtCqLWuCSYz1Lk3WSdwmXtpSas2Q/edit">Please
          Read Guide &amp; Use Policy First</a></p>
      <hr>
      <form method="POST" enctype="multipart/form-data" id="post-form" class="needs-validation mb-5" novalidate>
        {% include 'post_form/form.html.twig' %}
        <input type="hidden" name="tz" value="" id="tz">
        <div class="alert alert-danger" id="alert-danger" role="alert" style="display: none">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <div id="alert-danger-text"></div>
        </div>
        <div class="alert alert-success" id="alert-success" role="alert" style="display:none">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <div id="alert-success-text">Click <a href="{{path('index')}}" class="alert-link">here</a> to view the
            calendar.
          </div>
        </div>
        <input type="submit" name="submit-btn" id="submit-btn" value="Submit event for review" class="btn btn-primary">
      </form>
    </div>
  </div>
</div>
</div>
{% endblock %}