{% extends 'base.html.twig' %}



{% block body %}
<div class='container'>
    <div class='row'>
        <div class='col-md-8 col-sm-12 col-xs-12' style='border:0px solid grey; padding: 10px; box-shadow: 0px 0px 0px black;'>
        <h1>{{ event.title }}</h1>
        <h4>{{ event.eventDate|date('d.m.Y') }}</h4>
        <p>{{ event.info|raw }}</p>
        </div>
        <div class='col-md-4 col-sm-12 col-xs-12' style='border-left:1px solid grey; padding: 10px; box-shadow: 0px 0px 0px black;'>
        {% if event.OpenForBooking %}
            <h4>Zapisy On-Line <small>(bez rejestracji)</small></h4>
            <form action='{{ path('app_booking') }}' method='POST'>
            <input type='hidden' name='eventId' value='{{ event.id }}'>
            <div class='mb-3'>
                <label class='form-label'>Imię i Nazwisko</label>
                <input class='form-control form-control-sm' name='person' type='text' required>
            </div>
            <div class='mb-3'>
                <label class='form-label'>E-Mail</label>
                <input class='form-control form-control-sm' name='email' type='email' required>
            </div>
            <div class='mb-3'>
                <label class='form-label'>Ilosc osób</label>
                <input class='form-control form-control-sm' name='howmanyMates' type='number' min='1' value='1' required>
            </div>
            <div class='mb-3'>
                <label class='form-label'>dodatkowe informacje (m.in. dane zapisanych osób)</label>
                <textarea class='form-control' name='infotext' rows='3'></textarea>
            </div>
            <div class='mb-3'>
                <input class='btn btn-info btn-sm' type='submit' name='saveBooking' value='Zapisuje się'>
            </div>
            </form>
        {% else %}
        <h4 style='text-align:center;color:lightblue;'>Zapisy online zostały zamknięte</h4>
        {% endif %}
    
        </div>
    </div>
</div>
{% endblock %}