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

{% block body %}

	<nav class="breadcrumb bg-white push">
		<a class="breadcrumb-item" href="{{ path('home')}}">{{ 'Início'|trans }}</a>
		<a class="breadcrumb-item" href="{{ path('transporte_index')}}">{{ 'Transportes'|trans }}</a>
		<span class="breadcrumb-item active">{{ 'Concluídos'|trans }}</span>
	</nav>
	<div class="block">
        <div class="block-header block-header-default">
            <h3 class="block-title">{{ 'Transp. Concluídos'|trans }}</h3>
        </div>
        <div class="block-content block-content-full">
            <div class="dataTables_wrapper dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-12 table-responsive ">
                        <table id="t_concluidos" class="table table-bordered table-striped table-vcenter" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>ID</th>
									<th>{{ 'Ordem Cliente'|trans }}</th>
									<th>{{ 'Data de Carga'|trans }}</th>
									<th>{{ 'Data de Descarga'|trans }}</th>
									<th>{{ 'Local de Carga'|trans }}</th>
									<th>{{ 'Local de Descarga'|trans }}</th>
									<th>{{ 'Fornecedor'|trans }}</th>
									<th>{{ 'Cliente'|trans }}</th>
									<th>{{ 'Opções'|trans }}</th>
								</tr>
							</thead>
							<tbody>
							{% for transporte in transportes %}
								<tr>
									<td>{{ transporte.id }}</td>
									<td>{{ transporte.ordemcli }}</td>
									<td>{{ transporte.dataCarga|date("d/m/Y - H:i")}}</td>
									<td>{{ transporte.dataPrevista|date("d/m/Y - H:i")}}</td>
									<td>{{ transporte.localCarga }}</td>
									<td>{{ transporte.localDescarga }}</td>
									<td>Encontro de Margens</td>
									<td><a class="text-muted" href="{{ path('cliente_show', {'token': transporte.cliente.token}) }}">{{ transporte.cliente.nome }}</a></td>
									<td>
										<div class="btn-group" role="group" aria-label="btnGroup2"> 
											<a type="button" class="btn btn-sm btn-secondary" href="{{ path('transporte_show', {'token': transporte.token}) }}">{{ 'Abrir'|trans }}</a>										
										</div>
									</td>									
								</tr>
							{% endfor %}
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
<script>
$(document).ready(function() {
    $('.m_transporte').addClass("open");
    $('.m_transporte_efetuados').addClass("active");
	
	var table = $('#t_concluidos').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
		"stateSave": true,
        "order": [[ 0, "desc" ]],
		"columns": [
			null,
			{ "width": "13%" },
			null,
			{ "width": "13%" },
			null,
			null,
			{ "width": "10%" },
			{ "width": "10%" },
			null,
		]
    });
} );
</script>
{% endblock %}

{% block stylesheets %}
{% endblock %}