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

{% block body %}

	<nav class="breadcrumb bg-white push">
		<a class="breadcrumb-item" href="{{ path('home')}}">Início</a>
		<a class="breadcrumb-item" href="{{ path('transporte_index')}}">Transportes</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: {{ transporte.ordem }}</h3>
		</div>
		<div class="block-content table-responsive">
			<table class="table">
				<tbody>
					<tr>
						<th>ID:</th>
						<td>{{ transporte.id }}</td>
					</tr>
					<tr>
						<th>Ordem Interna:</th>
						<td>{{ transporte.ordem }}</td>
					</tr>
					<tr>
						<th>Ordem Cliente:</th>
						<td>{{ transporte.ordemCli }}</td>
					</tr>
					<tr>
						<th>Matrícula:</th>
						<td>{{ transporte.matricula.matricula }}</td>
					</tr>
					<tr>
						<th>Motorista:</th>
						<td>{{ transporte.motorista }}</td>
					</tr>
					<tr>
						<th>Fornecedor:</th>
						<td>{{ transporte.fornecedor.nome }}</td>
					</tr>
					<tr>
						<th>Cliente:</th>
						<td>{{ transporte.cliente.nome }}</td>
					</tr>
					<tr>
						<th>Valor Fornecedor:</th>
						<td>{{ transporte.valorFornecedor }}</td>
					</tr>
					<tr>
						<th>Valor Cliente:</th>
						<td>{{ transporte.valorCliente }}</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:</th>
						{% if transporte.cancelado == 1 %}
							<td><span style="color:{{cor_cancelado}}">Cancelado</span></td>
						{% elseif transporte.emCurso == 1 %}
							{% if date(transporte.dataCarga) >= date() %}
								<td><span style="color:{{cor_espera}}">Em Espera</span></td>
							{% else %}										
								<td><span style="color:{{cor_transito}}">Em Trânsito</span></td>
							{% endif %}
						{% else %}
							<td><span style="color:{{cor_concluido}}">Concluído</span></td>
						{% endif %}
					</tr>
					<tr>
						<th>Tempo de Trânsito:</th>
						<td>{{ transporte.tempoTransito }} horas</td>
					</tr>
					<tr>
						<th>Data de Carga:</th>
						<td>{{ transporte.dataCarga|date("d/m/Y - H:i")}}</td>
					</tr>
					<tr>
						<th>Data de Desc. Prevista</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:</th>
							<td>{{ transporte.dataDescarga|date("d/m/Y - H:i")}}</td>
						</tr>
						<tr>
							<th>Duração da Viagem:</th>
							{% if transporte.dataDescarga > transporte.dataPrevista %}
								{% if difference.days > 0 %}
									<td style="color:#F44336;"> + {{ difference.days}} dias, {{ difference.h}} horas e {{ difference.i}} minutos</td>
								{% else %}
									<td style="color:#F44336;"> + {{ difference.h}} horas e {{ difference.i}} minutos</td>
								{% endif %}
							{% else %}
								{% if difference.days > 0 %}
									<td style="color:#8BC34A;"> - {{ difference.days}} dias, {{ difference.h}} horas e {{ difference.i}} minutos</td>
								{% else %}
									<td style="color:#8BC34A;"> - {{ difference.h}} horas e {{ difference.i}} minutos</td>
								{% endif %}
							{% endif %}
						</tr>
					{% endif %}
					{% if transporte.observacao %}
					<tr>
						<th>Observações:</th>
						<td>{{ transporte.observacao }}</td>
					</tr> 
					{% endif %}
					<tr>
						<th>Link GPS:</th>
						<td>
							<a type="button" class="btn btn-sm btn-secondary" href="{{transporte.urlGps}}" target="_blank">GPS Live</a>
						</td>
					</tr> 
					<tr>
						<th>Enviar Emails:</th>
						<td>
							<div class="btn-group" role="group" aria-label="btnGroup2"> 
								<a href="{{ path('reenviar_transporte_novo', {'token': transporte.token}) }}" class="btn btn-sm btn-secondary">Novo</a>
								<a href="{{ path('reenviar_transporte_nova_info', {'token': transporte.token}) }}" class="btn btn-sm btn-secondary">Alterado</a>
								{% if transporte.emCurso == 0 %}
									<a href="{{ path('reenviar_transporte_terminado', {'token': transporte.token}) }}" class="btn btn-sm btn-secondary">Concluído</a> 
								{% endif %}
								<a class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#modal-popout">Documentação</a> 
							</div>
						</td>
					</tr>
					<tr>
						<th colspan="2">
							<div class="btn-group" role="group" aria-label="btnGroup2"> 
								<a href="{{ path('transporte_edit', {'token': transporte.token}) }}" class="btn btn-sm btn-secondary">Editar</a>
								<a href="{{ path('transporte_replicar', {'token': transporte.token}) }}" class="btn btn-sm btn-secondary">Replicar</a>
								{% if transporte.emCurso == 1%}
									<a href="{{ path('avaliacao_new', {'transporte': transporte.token}) }}" class="btn btn-sm btn-secondary" onclick="return confirm('Tem a certeza que quer terminar o transporte?');">Terminar</a>
								{% else %}
									<a href="{{ path('avaliacao_show', {'token': transporte.avaliacao.token}) }}" class="btn btn-sm btn-secondary">Avaliação</a>
								{% endif %}
								{% if transporte.cancelado == 0 %}
									<a href="{{ path('cancelamento_new', {'transporte': transporte.token}) }}" class="btn btn-sm btn-danger" onclick="return confirm('Tem a certeza que cancelar o transporte?');">Cancelar</a>
								{% endif %}
							</div>
						</th>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	{% if transporte.cancelado == 1 %}
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">Cancelamento</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="" class="table table-sm table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>Dia</th>
									<th>Custo</th>
									<th>Motivo</th>
									<th>Funcionário</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>{{ transporte.cancelamentos.0.dia|date("d/m/Y - H:i")}}</td>
									<td>{{ transporte.cancelamentos.0.custo|number_format(2, '.', ',') }}</td>				
									<td>{{ transporte.cancelamentos.0.motivo }}</td>
									<td>{{ transporte.cancelamentos.0.funcionario.nome }}</td>
								</tr>
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
		</div>
	</div>
	{% endif %}
	<div class="row">
        <div class="col-md-6">
			<div class="block">
				<div class="block-header block-header-default">
					<h3 class="block-title">Ordem de Serviço (Info Fornecedor)</h3>
					<div class="block-options">
						<a type="button" class="btn btn-sm btn-secondary" href="{{ path('adicionar_ordem_servico', {'token': transporte.token})}}">
							{% if transporte.ordemServico %}
							<i class="si si-plus"> </i> Alterar Documento
							{% else %}
							<i class="si si-plus"> </i> Adicionar Documento
							{% endif %}
						</a>
					</div> 
				</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</th>
											<th>Opções</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</a>
													<a type="button" class="btn btn-sm btn-secondary" href="{{ path('ordem_servico_delete', {'transporte': transporte.token}) }}" onclick="return confirm('Tem a certeza que quer remover este item?');">Remover</a>											
												</div>
											</td>									
										</tr>
										{% endif %}
									</tbody>
								</table>					
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-6">		
			<div class="block">
				<div class="block-header block-header-default">
					<h3 class="block-title">Ordem de Cliente (Info Cliente)</h3>
					<div class="block-options">
						<a type="button" class="btn btn-sm btn-secondary" href="{{ path('adicionar_ordem_cliente', {'token': transporte.token})}}">
							{% if transporte.ordemCliente %}
							<i class="si si-plus"> </i> Alterar Documento
							{% else %}
							<i class="si si-plus"> </i> Adicionar Documento
							{% endif %}
						</a>
					</div> 
				</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_cliente" 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</th>
											<th>Opções</th>
										</tr>
									</thead>
									<tbody>
										{% if transporte.ordemCliente %}
										<tr>
											<td>{{ transporte.ordemCliente }}</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.ordemCliente) }}" target="_blank">Abrir</a>
													<a type="button" class="btn btn-sm btn-secondary" href="{{ path('ordem_cliente_delete', {'transporte': transporte.token}) }}" onclick="return confirm('Tem a certeza que quer remover este item?');">Remover</a>											
												</div>
											</td>									
										</tr>
										{% endif %}
									</tbody>
								</table>					
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">Documentos Gerais</h3>
			{% if app.user.grupo.id < 3 %}
			<div class="block-options">
				<a type="button" class="btn btn-sm btn-secondary" href="{{ path('documento_new', {'transporte': transporte.token})}}">
					<i class="si si-plus"> </i> Adicionar Documento
				</a>
			</div> 
			{% endif %}
		</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</th>
									<th>Opções</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</a>
											<a type="button" class="btn btn-sm btn-secondary" href="{{ path('documento_delete', {'token': documento.token}) }}" onclick="return confirm('Tem a certeza que quer remover este item?');">Remover</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</h3>
			{% if app.user.grupo.id < 3 %}
			<div class="block-options">
				<a type="button" class="btn btn-sm btn-secondary" href="{{ path('valor_extra_new', {'transporte': transporte.token}) }}">
					<i class="si si-plus"> </i> Adicionar Valor Extra
				</a>
			</div> 
			{% endif %}
		</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</th>
									<th>Tipo</th>
									<th>Valor</th>
									<th>Comentário</th>
								</tr>
							</thead>
							<tbody>
							{% for valor_extra in transporte.valorExtras %}
								<tr>
									<td>{{ valor_extra.dia|date("d/m/Y - H:i")}}</td>	
									<td>{{ valor_extra.tipo.nome}}</td>
									<td>{{ valor_extra.valor|number_format(2, '.', ',') }}</td>				
									<td>{{ valor_extra.comentario}}</td>									
								</tr>
							{% endfor %}
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
		</div>
	</div>
	<div class="modal" id="modal-popout" tabindex="-1" role="dialog" aria-labelledby="modal-popout" aria-hidden="true">
		<div class="modal-dialog modal-dialog-popout" role="document">
			<div class="modal-content">
				<div class="block block-themed block-transparent mb-0">
					<div class="block-header bg-primary-dark">
						<h3 class="block-title">Enviar Documentação</h3>
						<div class="block-options">
							<button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
								<i class="si si-close"></i>
							</button>
						</div>
					</div>
					<div class="block-content">
						{{ form_start(form) }}
							<div class="form-group row">
								<label class="col-lg-4 col-form-label" for="example-hf-email">{{ form_label(form.email) }}</label>
								<div class="col-lg-7">                             
									{{ form_widget(form.email) }}		
								</div>
							</div>
							<div class="modal-footer form-group row">
								<div class="col-lg-11 col-form-label">
									<button class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button>
									<button class="btn btn-success"><i class="fa fa-check"></i> {{ button_label|default('Confirmar') }}</button>
								</div>
							</div> 
						{{ form_end(form) }}
					</div>
				</div>
			</div>
		</div>
	</div>

{% endblock %}
{% block javascripts %}
<script>
$(document).ready(function() {
    $('.m_transporte').addClass("open");
	
	var table = $('#t_documentos').DataTable( {
        "order": [[ 0, "asc" ]]
    });
	
	var table = $('#t_valor_extra').DataTable( {
        "order": [[ 0, "desc" ]]
    });
	
	var table = $('#t_ordem_cliente').DataTable( {
        "searching":   false,
        "paging":   false,
        "ordering": false,
        "info":     false
    });
	
	var table = $('#t_ordem_servico').DataTable( {
        "searching":   false,
        "paging":   false,
        "ordering": false,
        "info":     false
    });
	
} );
</script>
{% endblock %}
{% block stylesheets %}

{% endblock %}