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

{% block stylesheets %}
    {{ parent() }}

{% endblock %}

{% block body %}
<div class="content">

    <!-- Start Content-->
    <div class="container-fluid">

        <div class="row">
            <div class="col-12" >
                <div class="card-box">
                    <h4 class="mt-0 mb-5 header-title">Ajouter Tache</h4>

                    {{ form_start(form, {'attr': {'novalidate': 'novalidate', 'data-parsley-validate': ''}}) }}
                        <div class="form-group">
                            <label for="userName">Titre tache*</label>
                            {{ form_widget(form.title, {'attr': {'class': 'form-control', 'parsley-trigger':'change', 'placeholder':'titre tache'}}) }}
                        </div>
                        <div class="form-group">
                            <label for="emailAddress">Chef de projet*</label>
                            {{ form_widget(form.manager, {'attr': {'class': 'form-control', 'parsley-trigger':'change'}}) }}
                        </div>

                        <div class="form-group text-right mb-0">
                            <button class="btn btn-primary waves-effect waves-light mr-1" type="submit">
                                Submit
                            </button>
                            <button type="reset" class="btn btn-secondary waves-effect waves-light">
                                Cancel
                            </button>
                        </div>

                    {{ form_end(form) }}

                </div>
            </div>
        </div>

    </div>

</div>
{% endblock %}

{% block javascripts %}
    <!-- Vendor js -->
    <script src="{{ asset('js/vendor.min.js') }}"></script>

    <!-- Validation js (Parsleyjs) -->
    <script src="{{ asset('libs/parsleyjs/parsley.min.js') }}"></script>

    <!-- validation init -->
    <script src="{{ asset('js/pages/form-validation.init.js') }}"></script>

    {{ parent() }}
{% endblock %}