{{ form_start(form) }}
{{ form_row(form._token) }}
    <div class="row">
        <div class="mb-6 col-md-6">
            {{ form_row(form.creationDate, {'attr':{'class':'form-control js-datepicker'}}) }}
        </div>
        <div class="mb-0 col-md-4">
            {{ form_row(form.outsider, {'attr':{'class':'form-control'}}) }}
        </div>
        <div class="mb-0 col-md-2 text-right">
            <br />
            <button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#generateModal">Créer un Tiers</button>
        </div>
    </div>
    <div class="row">
        <div class="mb-0 col-md-6">
            {{ form_row(form.parent, {'attr':{'class':'form-control'}}) }}
        </div>
        <div class="mb-0 col-md-6">
            {{ form_row(form.category, {'attr':{'class':'form-control'}}) }}
        </div>
    </div>
    <div class="row">
        <div class="mb-0 col-md-6">
            {{ form_row(form.issuerAccount, {'attr':{'class':'form-control'}}) }}
        </div>
        <div class="mb-0 col-md-6">
            {{ form_row(form.receiverAccount, {'attr':{'class':'form-control'}}) }}
        </div>
    </div>
    <div class="row">
        <div class="mb-0 col-md-6">
            {{ form_row(form.debit, {'attr':{'class':'form-control text-end bg-danger text-light'}}) }}
        </div>
        <div class="mb-0 col-md-6">
            {{ form_row(form.credit, {'attr':{'class':'form-control text-end bg-success text-light'}}) }}
        </div>
    </div>
    <div class="row">
        <div class="mb-0 col-md-10">
            {{ form_row(form.transactionType, {'attr':{'class':'form-control'}}) }}
        </div>
        <div class="mb-0 col-md-2 text-center">
            <label class="form-label d-block" for="{{ form.reconsile.vars.id }}">
                {{ form.reconsile.vars.label }}
            </label>
            <input type="checkbox"
                id="{{ form.reconsile.vars.id }}"
                name="{{ form.reconsile.vars.full_name }}"
                value="1"
                {% if form.reconsile.vars.checked %}checked{% endif %}
                class="form-check-input"
                style="transform: scale(2.5); margin-top: 10px;">
        </div>
    </div>
    <div class="row">
        <div class="mb-0 col-md-12">
            {{ form_row(form.comment, {'attr':{'class':'form-control'}}) }}
        </div>
        <div class="mb-0 col-md-12">
            <button type="submit" class="btn btn-primary w-100">
                {{ 'app.action.save'|trans }}
            </button>
        </div>

    </div>
{{ form_end(form, {'render_rest': false}) }}