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


{% block head_css_extra %}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/d2core/dropzone-4.2.0/dist/dropzone.css') }}">
{% endblock head_css_extra %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2campos/js/waybill_admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2core/dropzone-4.2.0/dist/dropzone.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2core/js/quagga.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2campos/js/drop_pod.js') }}"></script>
{% endblock head_script_extra %}
    
{% block page_header %}
    <div class="pull-right">
        <a href="{{ path('admin_campos_manage') }}" class="btn btn-small">Back</a>
    </div>
    <div>
        Drag and Drop <code>POD</code>: <code>CAMPOS</code>.
    </div>
{% endblock page_header %}

{% block content %}
<div class="offset1 span4">
	<div class="well">
	<h2>POD - Drag and Drop</h2>
	<h4>Info</h4>
	<p>This function allows you to drag and drop POD files for uploading.</p>
	<h4>Operation</h4>
	<p>Individually drag POD image or pdf files onto the drop zone. The system will scan images to decode the barcode.</p>
	<p>If the barcode is not decoded successfully (or PDF file), then click on the edit button <i class='icon-edit'></i> and manually enter the waybill number.</p>
	<p>Once you have dragged over a number of files (10 or so), click on the <b>Upload</b> button to Upload the files. You can then drag over more files.</p>
	<h4>Note</h4>
	<p>Do not select a number of files to drag and drop as the barcode scanning will not work correctly! Drag and Drop them individually.</p>
	</div>
</div>	
<div class="span6">
	<form action="{{ path('save_campos_dropped_pods') }}"
		  class="dropzone"
		  id="my-awesome-dropzone" style="min-height:385px">
	</form>
	<div>
		<button id="submit_files" class="btn btn-large btn-primary pull-right" type="button">Upload</button>
	</div>
</div>
{% endblock content %}