{% 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">{{ transporte.ordem }}</span>
	</nav>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Transporte'|trans }}: {{ transporte.ordem }}</h3>
		</div>
		<div class="block-content table-responsive">
			<table class="table">
				<tbody>
					<tr>
						<th>{{ 'Ordem Interna'|trans }}:</th>
						<td>{{ transporte.ordem }}</td>
					</tr>
					<tr>
						<th>{{ 'Matrícula'|trans }}:</th>
						<td>{{ transporte.matricula.matricula }}</td>
					</tr>
					<tr>
						<th>{{ 'Fornecedor'|trans }}:</th>
						<td>{{ transporte.fornecedor.nome }}</td>
					</tr>
					<tr>
						<th>{{ 'Motorista'|trans }}:</th>
						<td>{{ transporte.motorista }}</td>
					</tr>
					<tr>
						<th>{{ 'Valor Fornecedor'|trans}}:</th>
						<td>{{ transporte.valorFornecedor }}</td>
					</tr>
					<tr>
						<th>{{ 'Local de Carga'|trans }}:</th>
						<td>
						{{ transporte.localCarga }}
						{% if transporte.localCarga2 %}
							<br>{{ transporte.localCarga2 }}
						{% endif %}
						</td>
					</tr>
					<tr>
						<th>{{ 'Local de Descarga'|trans }}:</th>
						<td>
						{{ transporte.localDescarga }}
						{% if transporte.localDescarga2 %}
							<br>{{ transporte.localDescarga2 }}
						{% endif %}
						</td>
					</tr>
					<tr>
						<th>{{ 'Estado'|trans }}:</th>
						{% if transporte.emCurso == 1 %}
							{% if date(transporte.dataCarga) >= date() %}
								<td>{{ 'Em Espera'|trans }}</td>
							{% else %}										
								<td>{{ 'Em Trânsito'|trans }}</td>
							{% endif %}
						{% else %}
							<td>{{ 'Concluído'|trans }}</td>
						{% endif %}
					</tr>
					<tr>
						<th>{{ 'Tempo de Trânsito'|trans }}:</th>
						<td>{{ transporte.tempoTransito }} {{ 'horas'|trans }}</td>
					</tr>
					<tr>
						<th>{{ 'Data de Carga'|trans }}:</th>
						<td>{{ transporte.dataCarga|date("d/m/Y - H:i")}}</td>
					</tr>
					<tr>
						<th>{{ 'Data de Descarga Prevista'|trans }}</small>:</th>
						<td>{{ transporte.dataPrevista|date("d/m/Y - H:i")}}</td>
					</tr>
					{% if transporte.dataDescarga %}
						{% set difference = date(transporte.dataDescarga).diff(date(transporte.dataPrevista)) %}		
						<tr>
							<th>{{ 'Data de Descarga'|trans }}:</th>
							<td>{{ transporte.dataDescarga|date("d/m/Y - H:i")}}</td>
						</tr>
						<tr>
							<th>{{ 'Duração da Viagem'|trans }}:</th>
							{% if transporte.dataDescarga > transporte.dataPrevista %}
								<td style="color:#F44336;"> + {{ difference.h}} {{ 'horas e'|trans }} {{ difference.i}} {{ 'minutos'|trans }}</td>
							{% else %}
								<td style="color:#8BC34A;"> - {{ difference.h}} {{ 'horas e'|trans }} {{ difference.i}} {{ 'minutos'|trans }}</td>
							{% endif %}
						</tr>
					{% endif %}
					{% if transporte.observacao %}
					<tr>
						<th>{{ 'Observações'|trans }}:</th>
						<td>{{ transporte.observacao }}</td>
					</tr> 
					{% endif %}
					<tr>
						<th>GPS Live:</th>
						<td><a type="button" class="btn btn-sm btn-secondary" href="{{transporte.urlGps}}" target="_blank">{{ 'Abrir'|trans }}</a></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>	
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Ordem Serviço'|trans }} ({{ 'Info Fornecedor'|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_ordem_servico" class="table table-sm table-bordered table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>{{ 'Documento'|trans }}</th>
									<th>{{ 'Opções'|trans }}</th>
								</tr>
							</thead>
							<tbody>
								{% if transporte.ordemServico %}
								<tr>
									<td>{{ transporte.ordemServico }}</td>
									<td>
										<div class="btn-group" role="group" aria-label="btnGroup2"> 
											<a type="button" class="btn btn-sm btn-secondary" href="{{ asset('uploads/transporte/' ~ transporte.ordemServico) }}" target="_blank">{{ 'Abrir'|trans }}</a>
										</div>
									</td>									
								</tr>
								{% endif %}
							</tbody>
						</table>					
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Documentos Gerais'|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_documentos" class="table table-sm table-bordered table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>{{ 'Documento'|trans }}</th>
									<th>{{ 'Opções'|trans }}</th>
								</tr>
							</thead>
							<tbody>
							{% for documento in transporte.documentos %}
								<tr>
									<td>{{ documento.nome }}</td>
									<td>
										<div class="btn-group" role="group" aria-label="btnGroup2"> 
											<a type="button" class="btn btn-sm btn-secondary" href="{{ asset('uploads/transporte/' ~ documento.nome) }}" target="_blank">{{ 'Abrir'|trans }}</a>
										</div>
									</td>									
								</tr>
							{% endfor %}
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Valores Extra'|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_valor_extra" class="table table-sm table-bordered table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>{{ 'Dia'|trans }}</th>
									<th>{{ 'Tipo'|trans }}</th>
									<th>{{ 'Valor'|trans }}</th>
									<th>{{ 'Comentário'|trans }}</th>
								</tr>
							</thead>
							<tbody>
							{% for valor_extra in transporte.valorExtras %}
							    {% if valor_extra.tipo.id == 3 %}
								<tr>
									<td>{{ valor_extra.dia|date("d/m/Y - H:i")}}</td>	
									<td>{{ valor_extra.tipo.nome|trans}}</td>
									<td>{{ valor_extra.valor|number_format(2, '.', ',') }}</td>				
									<td>{{ valor_extra.comentario}}</td>									
								</tr>
								{% endif %}
							{% endfor %}
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
		</div>
	</div>

{% endblock %}
{% block javascripts %}
<script>
$(document).ready(function() {
    $('.m_transporte').addClass("open");
	
	var table = $('#t_documentos').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
        "order": [[ 0, "asc" ]]
    });
    
    var table = $('#t_valor_extra').DataTable( {
        "language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
        "order": [[ 0, "desc" ]]
    });
	
	
	var table = $('#t_ordem_servico').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
        "searching":   false,
        "paging":   false,
        "ordering": false,
        "info":     false
    });
	
} );
</script>
{% endblock %}
{% block stylesheets %}

{% endblock %}