{% form_theme formNewPrinter 'bootstrap_3_layout.html.twig' %}

{{ form_start(formNewPrinter) }}
{{ form_errors(formNewPrinter) }}

<div class="row">
    <div class="col-md-12 form-group">
        {{ form_label(formNewPrinter.name) }}
        {{ form_widget(formNewPrinter.name) }}
    </div>
</div>

<div class="row">
    <div class="col-md-12 form-group">
        {{ form_label(formNewPrinter.paperSize) }}
        {{ form_widget(formNewPrinter.paperSize) }}
    </div>
</div>


<div class="row form-group">
    <div class="col-md-6">
        {{ form_label(formNewPrinter.columns) }}
        {{ form_widget(formNewPrinter.columns) }}
    </div>

    <div class="col-md-6">
        {{ form_label(formNewPrinter.rows) }}
        {{ form_widget(formNewPrinter.rows) }}
    </div>
</div>

<div class="row form-group">

    <div class="col-md-4">
        {% for child in formNewPrinter.typePaper %}

            {{ form_widget(child) }}

        {% endfor %}
    </div>

    <div class="col-md-8" id="show_margins_printer">
        <div class="row">
            <div class="col-lg-6">
                {{ form_label(formNewPrinter.marginVertical) }}
                {{ form_widget(formNewPrinter.marginVertical) }}
            </div>
            <div class="col-lg-6">
                {{ form_label(formNewPrinter.marginHorizontal) }}
                {{ form_widget(formNewPrinter.marginHorizontal) }}
            </div>
        </div>
    </div>

</div>

<div class="modal-footer">
    <button type="button" class="btn-rounded btn bg-color3 btn-rounded" data-dismiss="modal">Cerrar</button>
    <button type="submit" class="btn-rounded btn bg-color3 btn-rounded"><i class="icon-download position-left"></i>Guardar</button>
</div>

{{ form_end(formNewPrinter) }}


<script>
    $(document).ready(function(){
        if(!$('#printerFormBasic_typePaper_1').is(':checked') || !$('#printerFormBasic_typePaper_2').is(':checked')){
            $('#show_margins_printer').hide();
        }
        if($('#printerFormBasic_typePaper_2').is(':checked')){
            $('#show_margins_printer').show();
        }
    });


    $('#printerFormBasic_typePaper_2').click(function() {
        $('#show_margins_printer').show();
    });

    $('#printerFormBasic_typePaper_1').click(function() {
        $('#show_margins_printer').hide();
    })
</script>