{% extends 'base.html' %}

{% load static %}
{% load humanize %}



{% block content %}

<main class="content">
	<div class="container-fluid p-0">

		
		<div class="row">
			<div class="col-md-6">
				<div class="row">
					<div class="col-md-6 mb-3">
						<h1 class="h4 d-inline align-middle">Catelog Translation</h1>
					</div>

					<div class="col-md-6 mb-3 text-sm-end">
						<span><a href="{% url 'catelog-translation-list' %}" class="btn btn-dark"><i class="align-middle" data-feather="list"></i> Catelog Details</a></span>
					</div>
				</div>

			</div>
		</div>


		<div class="row">


			{% include 'partials/_messages.html' %}

			<div class="col-6 mb-4">

				<div class="card h-100">
					<div class="card-header">
						<h5 class="card-title mb-0">Translation Details</h5>
					</div>
					<div class="card-body">

						<div class="row">


							<div class="col-md-12">

								<table class="table table-sm mt-2 mb-4">
									<tbody>
										<tr>
											<th>Translation ID</th>
											<td>{{obj.id}}</td>
										</tr>
                                        <tr>
											<th>Product</th>
											<td>{{obj.product.name}}</td>
										</tr>
                                        <tr>
											<th>Language</th>
											<td>{{obj.language.name}} {{obj.language.code}}</td>
										</tr>
										<tr>
											<th>Catelog</th>
											<td>{{obj.catelog_link}}</td>
										</tr>
										<tr>
											<th>Created At</th>
											<td>{{obj.created_at}}</td>
										</tr>
										<tr>
											<th>Updated At</th>
											<td>{{obj.updated_at}}</td>
										</tr>
									</tbody>
								</table>

							</div>

						</div>

					</div>
				</div>

			</div>
		</div>
		<div class="row">
			<div class="col-md-6">

				<div class="card">
					<div class="card-body">
						<div class="row">

						<div class="col-md-12 text-sm-end">


							{% if super_admin or sub_feature_matrix.update_catelog %}
							
							<div class="btn-group mr-5" role="group" aria-label="Second group">

								<a href="{% url 'update-catelog-translation' obj.id %}"
									class="btn btn-primary mb-3 mt-3">Update Translation</a>
							</div>
							<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#centeredModalDanger">
								Delete Translation
							</button>
							<div class="modal fade" id="centeredModalDanger" tabindex="-1" role="dialog" aria-hidden="true">
								<div class="modal-dialog modal-dialog-centered" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<h5 class="modal-title">Delete Translation ({{obj.name}})</h5>
											<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
										</div>
										<div class="modal-body m-3">
											<p class="mb-0">Deleting this Translation may cause loss of data</p>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>

											<form class="form-inline" action="{% url 'delete-catelog-translation' %}"
												method="post">
												{% csrf_token %}
												<input type="hidden" id="txt-doctor-id" name="translation_id" value="{{obj.id}}">
												<button type="submit" class="btn btn-danger mb-3 mt-3">Delete Translation</button>
											</form>
										</div>
									</div>
								</div>
							</div>

							{% endif %}


						</div>

					</div>

					</div>
				</div>
			</div>
		</div>

	</div>
</main>

{% endblock %}