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

{% block body %}

	<nav class="breadcrumb bg-white push">
		<a class="breadcrumb-item" href="{{ path('home')}}">{{ 'Início'|trans }}</a>
		{% if app.user.grupo.id == utilizador.grupo.id %}
		<span class="breadcrumb-item active">{{ 'Meu perfil'|trans }}</span>
		{% else %}
		<a class="breadcrumb-item" href="{{ path('fornecedor_index')}}">{{ 'Fornecedores'|trans }}</a>
		<span class="breadcrumb-item active">{{ utilizador.nome }}</span>
		{% endif %}
	</nav>
	{% set avaliacao_media = 0 %}
	{% set avaliacao_total = 0%}
	{% set num_avaliacoes = 0 %}
	{% for transporte in utilizador.transportesFornecedor %}
		{% if  transporte.avaliacao %}
			{% set num_avaliacoes = num_avaliacoes + 1 %}
			{% set avaliacao_total = avaliacao_total + transporte.avaliacao.rating %}
		{% endif %}
	{% endfor %}
	{% if  num_avaliacoes != 0 %}
		{% set avaliacao_media = avaliacao_total/num_avaliacoes %}
	{% endif %}
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Fornecedor'|trans }}: {{ utilizador.nome }} <span style="float:right"><input value="{{ avaliacao_media }}" class="rating-loading avaliacao"></span></h3>
		</div>
		<div class="block-content table-responsive">
			{% if utilizador.imagem != ''%}
				<img class="img-avatar" src="{{ asset('uploads/utilizadores/' ~ utilizador.imagem) }}" alt="" style="width:100px;height:100px"><br><br>
			{% endif %}
			<table class="table">
				<tbody>
					<tr>
						<th>{{ 'Nome'|trans }}:</th>
						<td>{{ utilizador.nome }}</td>
					</tr>
					<tr>
						<th>{{ 'Username'|trans }}:</th>
						<td>{{ utilizador.username }}</td>
					</tr>
					<tr>
						<th>{{ 'Email'|trans }}:</th>
						<td>{{ utilizador.email }}</td>
					</tr>
					{% if utilizador.email2 %}
					<tr>
						<th>{{ 'Email'|trans }} 2:</th>
						<td>{{ utilizador.email2}}</td>
					</tr>		
					{% endif %}
					{% if utilizador.email3 %}
					<tr>
						<th>{{ 'Email'|trans }} 3:</th>
						<td>{{ utilizador.email3}}</td>
					</tr>			
					{% endif %}
					<tr>
						<th>{{ 'Contacto'|trans }}:</th>
						<td>{{ utilizador.contacto }}</td>
					</tr>					
					{% if utilizador.contacto2 %}
					<tr>
						<th>{{ 'Contacto'|trans }} 2:</th>
						<td>{{ utilizador.contacto2}}</td>
					</tr>		
					{% endif %}
					{% if utilizador.contacto3 %}
					<tr>
						<th>{{ 'Contacto'|trans }} 3:</th>
						<td>{{ utilizador.contacto3}}</td>
					</tr>			
					{% endif %}
					<tr>
						<th>{{ 'Morada'|trans }}:</th>
						<td>{{ utilizador.morada }}</td>
					</tr>
					<tr>
						<th colspan="2">
							<div class="btn-group" role="group" aria-label="btnGroup2"> 
								<a href="{{ path('fornecedor_edit', {'token': utilizador.token}) }}" class="btn btn-sm btn-secondary">{{ 'Editar'|trans }}</a>
								<a href="{{ path('fornecedor_password', {'token': utilizador.token}) }}" class="btn btn-sm btn-secondary">{{ 'Alterar Password'|trans }}</a>
							</div>
						</th>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Matrículas'|trans }}</h3>
			{% if app.user.grupo.id != utilizador.grupo.id %}
			<div class="block-options">
				<a type="button" class="btn btn-sm btn-secondary" href="{{ path('matricula_new', {'fornecedor': utilizador.token})}}">
					<i class="si si-plus"> </i> Criar Matricula
				</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_matriculas" class="table table-sm table-bordered table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>{{ 'Matrícula'|trans }}</th>
									{% if app.user.grupo.id != utilizador.grupo.id %}
									<th>{{ 'Opções'|trans }}</th>
									{% endif %}
								</tr>
							</thead>
							<tbody>
							{% for matricula in utilizador.matriculas %}
								<tr>
									<td>{{ matricula.matricula }}</td>
									{% if app.user.grupo.id != utilizador.grupo.id %}
									<td>
										<div class="btn-group" role="group" aria-label="btnGroup2"> 
											<a type="button" class="btn btn-sm btn-secondary" href="{{ path('matricula_edit', {'token': matricula.token}) }}">Editar</a>
											<a type="button" class="btn btn-sm btn-secondary" href="{{ path('matricula_delete', {'token': matricula.token}) }}" onclick="return confirm('Tem a certeza que quer remover este item?');">Remover</a>											
										</div>
									</td>
									{% endif %}									
								</tr>
							{% endfor %}
							</tbody>
						</table>					
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Transportes'|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_transportes" class="table table-bordered table-striped table-vcenter" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>Tp ID</th>
									<th></th>
									<th>{{ 'Data de Carga'|trans }}</th>
									<th>{{ 'Ordem'|trans }}</th>
									<th>{{ 'Local de Carga'|trans }}</th>
									<th>{{ 'Local de Descarga'|trans }}</th>
									<th>{{ 'Opções'|trans }}</th>
								</tr>
							</thead>
							<tbody>
							{% for transporte in utilizador.transportesFornecedor %}						
								{% if transporte.cancelado == 0%}
									{% if transporte.emCurso == 1 %}
										{% if date(transporte.dataCarga) >= date() %}
											{% set cor = cor_espera %}
										{% else %}										
											{% set cor = cor_transito %}
										{% endif %}
									{% else %}
										{% set cor = cor_concluido %}
									{% endif %}
									<tr>
										<td>{{ transporte.id }}</td>
										<td>
											<svg height="20" width="20">
												<circle cx="10" cy="10" r="8" fill="{{cor}}" />
											</svg> 
										</td>
										<td>{{ transporte.dataCarga|date("Y-m-d H:i")}}</td>
										<td>{{ transporte.ordem }}</td>
										<td>{{ transporte.localCarga }}</td>
										<td>{{ transporte.localDescarga }}</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>
								{% endif %}
							{% endfor %}
							</tbody>
						</table>
						<br><br>
						<div class="subtitle">
							<svg height="20" width="20">
								<circle cx="10" cy="10" r="7" fill="{{cor_espera}}" />
							</svg> {{ 'Em Espera'|trans }} -
							<svg height="20" width="20">
								<circle cx="10" cy="10" r="7" fill="{{cor_transito}}" />
							</svg> {{ 'Em Trânsito'|trans }} -
							<svg height="20" width="20">
								<circle cx="10" cy="10" r="7" fill="{{cor_concluido}}" />
							</svg> {{ 'Concluído'|trans }} 
						</div>							
                    </div>
                </div>
            </div>
		</div>
	</div>
	<div class="block">
		<div class="block-header block-header-default">
			<h3 class="block-title">{{ 'Avaliações'|trans }}<span style="float:right"><input value="{{ avaliacao_media }}" class="rating-loading avaliacao"></span></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_avaliacoes" class="table table-sm table-bordered table-striped table-vcenter dataTable no-footer" role="grid" aria-describedby="DataTables_Table_1_info">
							<thead>
								<tr>
									<th>Tp ID</th>
									<th width="30%">{{ 'Avaliação'|trans }}</th>
									<th>{{ 'Comentário'|trans }}</th>
									<th>{{ 'Ordem'|trans }}</th>
									<th>{{ 'Opções'|trans }}</th>
								</tr>
							</thead>
							<tbody>
							{% for transporte in utilizador.transportesFornecedor %}
								{% if transporte.cancelado == 0%}
									{% if transporte.avaliacao %}
									<tr>
										<td>{{ transporte.id }}</td>	
										<td><input value="{{ transporte.avaliacao.rating }}" class="rating-loading avaliacao"></td>
										<td>{{ transporte.avaliacao.comentario }}</td>	
										<td>{{ transporte.ordem }}</td>	
										<td><a type="button" class="btn btn-sm btn-secondary" href="{{ path('transporte_show', {'token': transporte.token}) }}">{{ 'Abrir'|trans }}</a></td>						
									</tr>
									{% endif %}
								{% endif %}
							{% endfor %}
							</tbody>
						</table>					
                    </div>
                </div>
            </div>
		</div>
	</div>

{% endblock %}
{% block javascripts %}
<script>
$(document).ready(function() {
    $('.m_fornecedor').addClass("open");
	
	var table = $('#t_matriculas').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
        "order": [[ 0, "asc" ]],
		responsive: true
    });
	
	var table = $('#t_transportes').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
        "order": [[ 0, "desc" ]],
		responsive: true
    });
	
	var table = $('#t_avaliacoes').DataTable( {
		"language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{'Linguagem'|trans}}.json"
        },
		responsive: true
    });
	
	$(".avaliacao").rating({
		clearCaption: '-',
		language: 'pt',
        showCaption: false,
        starCaptionClasses: {1: 'text-danger', 2: 'text-danger', 3: 'text-warning', 4: 'text-success', 5: 'text-success'},
		showClear: false,
		size: 'sm',
		displayOnly: true
    });
} );
</script>
{% endblock %}
{% block stylesheets %}

{% endblock %}