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

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

										<tr>
											<th>Crop Name</th>
											<td>{{crop.name}}</td>
										</tr>
										<tr>
											<th>Type</th>
											<td>{{crop.type}}</td>
										</tr>
																	  
										<tr>
											<th>Crop Status</th>
											<td>
												{% if crop.is_active == "ACTIVE" %}
												  <span class="badge bg-success">ACTIVE</span>
												{% elif crop.is_active == "INACTIVE" %}
												  <span class="badge bg-danger">INACTIVE</span>
												{% else %}
												  <span class="badge bg-secondary">{{ crop.is_active }}</span>
												{% endif %}
											</td>
										</tr>
										<tr>
											<th>Created At</th>
											<td>{{crop.created_at}}</td>
										</tr>
										<tr>
											<th>Updated At</th>
											<td>{{crop.updated_at}}</td>
										</tr>
										<tr>
											<th>Created By</th>
											<td>{{crop.created_user}}</td>
										</tr>
										<tr>
											<th>Updated By</th>
											<td>{{crop.updated_user}}</td>
									</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_crop %}
							
							<div class="btn-group mr-5" role="group" aria-label="Second group">

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

							{% endif %}


						</div>

					</div>

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

	</div>
</main>

{% endblock %}