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

{% block title %}{{ 'manifest.sign' | trans }}{% endblock %}

{% block page_title %}{{ 'manifest.sign' | trans}}{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-sm-12 col-md-6">
            <div class="box">
                <div class="box-body">
                    <div class="col-sm-12 col-md-6">
                        <form id="confirm-signature" action="{{ path('app_manifest_sign', { id: manifest_id}) }}" method="POST" data-suggest-path="{{ path('app_manifest_suggest_drivers', { id: manifest_id }) }}" data-error-msg="{{ 'manifest.signature.error_missing_data' | trans }}">
                            <label for="name">Nombre del conductor</label>
                            <input id="driver_name" class="form-control" type="text" name="signature[driver_name]" value="" autocomplete="off" />
                            <div class="suggested-drivers"></div>
                            <label for="id_card_number">DNI del conductor</label>
                            <input id="id_card_number" class="form-control" type="text" name="signature[driver_id_card_number]" value="" />

                            <input id="driver_id" type="hidden" name="signature[driver_id]" value="0" />
                            <input id="signature_mimetype" type="hidden" name="signature[mimetype]" value="" />
                            <input id="signature_data" type="hidden" name="signature[data]" value="" />
                        </form>
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <label for="signature">Firma</label>
                        <div style="border: 1px solid #ccc" id="signature"></div>
                    </div>
                    <div class="col-sm-12">
                        <a href="#" class="btn btn-primary reset-signature">Borrar firma</a>
                        <a href="#" class="btn btn-primary confirm-signature">Confirmar firma</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('manifest_signature') }}
{% endblock %}