{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_feedback_system' %}

{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'link':path ('app_admin_feedback_system'),'title': 'Feedback System',
    },
	{
		'title': 'View'
	}
]%}
{% block title %}Feedback System {% endblock %}

{% block stylesheets %}
	<style>
		.clear-rating {
			display: none !important;
		}

		.rating-container {
			margin-bottom: -20px !important;
		}
	</style>
{% endblock %}
{% block content %}

	<div class="card mb-4">
        <div class="card-body">
			<div class="row mb-3">
				<h2>AFFILIATE RANKING.</h2>
				<hr>
				<div class="col-lg-6">
				{% if feedbackGivenByRole == "ROLE_AFFILIATE" %}
					<table>
						<tr>
							<td class="font-weight-bold" style="line-height: 48.41px;"><h6>From: {{ sender_name }} to {{ receiver_name }}</h6></td>
							{# <td></td> #}
							<td></td>
						</tr>
						<tr>
							<td>Communication</td>
							<td></td>
							<td><input type="text" class="rating" name="communication" value="{{communication}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Teamwork</td>
							<td></td>
							<td><input type="text" class="rating" name="teamwork" value="{{teamwork}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Support</td>
							<td></td>
							<td><input type="text" class="rating" name="support" value="{{support}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Issue Resolution</td>
							<td></td>
							<td><input type="text" class="rating" name="issue_resolution" value="{{issue_resolution}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Suggestions</td>
							<td></td>
							<td><input type="text" class="rating" name="suggestions" value="{{suggestions}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Improvements</td>
							<td></td>
							<td><input type="text" class="rating" name="improvements" value="{{improvements}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Feedback Clients</td>
							<td></td>
							<td><input type="text" class="rating" name="feedback_clients" value="{{feedback_clients}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Summary ({{summaryText}})</td>
							<td></td>
							<td><input type="text" class="rating" name="feedback_clients" value="{{summary}}" data-size="xs" disabled></td>
						</tr>
					</table>
				{% elseif feedbackGivenByRole == "ROLE_CUSTOMER" %}
						<table>
						<tr>
							<td class="font-weight-bold" style="line-height: 48.41px;"><h6>From: {{ sender_name }} to {{ receiver_name }}</h6></td>
							{# <td></td> #}
							<td></td>
						</tr>
						<tr>
							<td>Overall Satisfaction</td>
							<td></td>
							<td><input type="text" class="rating" name="overall_satisfaction" value="{{overallSatisfaction}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Recommendation Likelihood</td>
							<td></td>
							<td><input type="text" class="rating" name="recommendation_likelihood" value="{{recommdationLikehood}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Service Quality</td>
							<td></td>
							<td><input type="text" class="rating" name="service_quality" value="{{serviceQuality}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Customer Support</td>
							<td></td>
							<td><input type="text" class="rating" name="customer_support" value="{{customerSupport}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Value for Money</td>
							<td></td>
							<td><input type="text" class="rating" name="value_for_money" value="{{valueForMoney}}" data-size="xs" disabled></td>
						</tr>
						<tr>
							<td>Summary ({{summaryText}})</td>
							<td></td>
							<td><input type="text" class="rating" name="summary" value="{{summary}}" data-size="xs" disabled></td>
						</tr>
					</table>
				{% endif %}
					
				</div>
			</div>
		</div>
    </div>
{% endblock %}
{% block javascripts %}
	<script>
		$('#input-id').rating();
	</script>
{% endblock %}