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

{% block title %}Edit Event Page{% endblock %}

{% block body %}
<div class='container'>
    <div class='row'>
        <h4>Dodaj wydarzenie</h4>
    </div>
    <div class='row'>
        <form action='' method="post">
        <div class='col-12' style='border:0px solid grey; padding: 10px; box-shadow: 0px 0px 0px black;'>
            
            <label for='eventTitle'>Nazwa</label>
            <input type='text' class='form-control' name='eventTitle' value=''></input>
            <label for='eventDate'>Data</label>
            <input type='date' class='form-control' name='eventDate' value=''></input>
            <label for='limitation'>Limit uczestnikow</label>
            <input type='number' class='form-control' name='limitation' value=''></input>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name='eventStatus' id="flexCheckChecked">
                <label class="form-check-label" for="flexCheckChecked">
                    aktywny
                </label>
            </div>
            <label for='limitation'>Okladka do wydarzenia</label>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="flexRadioDefault" value='noname.jpg' id="flexRadioDefault1">
                <label class="form-check-label" for="flexRadioDefault1">
                    <img src="/src/images/noname.jpg" width='250px'  alt="...">
                </label>
                </div>
                <div class="form-check">
                <input class="form-check-input" type="radio" name="flexRadioDefault" value='noname2.jpg' id="flexRadioDefault2">
                <label class="form-check-label" for="flexRadioDefault2">
                    <img src="/src/images/noname2.jpg" width='250px' alt="...">
                </label>
            </div>
                  
            <div class='row'>
                <div class='col-12'>
                    <label for='eventInfo'>Opis</label>
                    <textarea id="test" name='eventInfo'></textarea>
                    
                </div>
            </div>
            <div class='row' style='margin-top:20px;'>
                <div class='col-12'>
                <input type='submit' class='btn btn-primary' name='makeAdd' value='Dodaj'>
                </div>
            </div>
        </div>
        </form>
        <div class='col-4' style='padding: 10px; box-shadow: 0px 0px 0px black;'>
        
        </div>
    </div>
</div>
{% endblock %}