{% 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">Product Crop - ({{mapping.product}} {{mapping.crop}})</h1>
					</div>

					<div class="col-md-6 mb-3 text-sm-end">
						<span><a href="{% url 'cropmapping-details' %}" class="btn btn-dark"><i class="align-middle" data-feather="list"></i> Product Crop 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">mapping 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>Product</th>
											<td>{{mapping.product}}</td>
										</tr>

										<tr>
											<th>Crop </th>
											<td>{{mapping.crop}}</td>
										</tr>
										{% comment %} <tr>
											<th>Scale Order Number </th>
											<td>{{mapping.scale_order_number}}</td>
										</tr> {% endcomment %}
										<tr>
											<th>Universal Moiture Threshold </th>
											<td>{{mapping.universal_moisture_threshold}}</td>
										</tr>
										<tr>
											<th>Created At</th>
											<td>{{mapping.created_at}}</td>
										</tr>
										<tr>
											<th>Updated At</th>
											<td>{{mapping.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_cropmapping %}
							
							<div class="btn-group mr-5" role="group" aria-label="Second group">

								<a href="{% url 'update-cropmapping' mapping.id %}"
									class="btn btn-primary mb-3 mt-3">Update Product Crop</a>
							</div>
							<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#centeredModalDanger">
								Delete Product Crop Mapping
							</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 Product Crop Mapping({{mapping.product}}{{mapping.crop}})</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 Crop 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-cropmapping' %}"
												method="post">
												{% csrf_token %}
												<input type="hidden" id="txt-doctor-id" name="mapping_id" value="{{mapping.id}}">
												<button type="submit" class="btn btn-danger mb-3 mt-3">Delete Product Crop Mapping</button>
											</form>
										</div>
									</div>
								</div>
							</div>

							{% endif %}


						</div>

					</div>

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

	</div>
</main>

{% endblock %}