{% 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 mb-3">
					<div class="row">
						<div class="col-md-8">
							<h1 class="h3 d-inline align-middle">Update Customer - {{customer.first_name|upper}} {{customer.last_name|upper}}</h1>
								<br><i>All fields marked with an asterisk (<span style="color:red;">*</span>) are required</i>
						</div>

						<div class="col-md-4 mb-3 text-sm-end">
							<span><a href="{% url 'view-customer' customer.id %}" class="btn btn-dark"><i class="align-middle" data-feather="arrow-left"></i>Go Back</a></span>
						</div>
					</div>
			</div>
		</div>

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

			<form action="{% url 'update-customer' customer.id %}" method="post" enctype="multipart/form-data" id="main-submit-form-tag">

				{% csrf_token %}
				<div class="row">

				<div class="col-6 mb-4">
					<div class="card h-100">
						<div class="card-header">
							<h5 class="card-title mb-0">Personal Details</h5>
						</div>
						<div class="card-body">

									<div class="row">


												<div class="col-md-12">
													
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end">Email Address</label>
														<div class="col-sm-8">
															<input type="text" class="form-control" name="email" id="txt-customer-code" placeholder="Email" 
															{% if old_input_field_values %} value="{{old_input_field_values.email}}" {% else %} value="{{customer.email}}" {% endif %}>
														</div>
													</div>


													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end" for="inputUsername">First Name</label>
														<div class="col">
															<input type="text" class="form-control" name="first_name" placeholder="First Name" 
															{% if old_input_field_values %} value="{{old_input_field_values.first_name}}" {% else %} value="{{customer.first_name}}" {% endif %}>
														</div>
													</div>
			
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end" for="inputUsername">Last Name</label>
														<div class="col">
															<input type="text" class="form-control" name="last_name" placeholder="Last Name" 
															{% if old_input_field_values %} value="{{old_input_field_values.last_name}}" {% else %} value="{{customer.last_name}}" {% endif %}>
														</div>
													</div>
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end" for="inputUsername">Mobile</label>
														<div class="col">
															<input type="text" class="form-control" name="mobile" placeholder="Mobile" 
															{% if old_input_field_values %} value="{{old_input_field_values.mobile}}" {% else %} value="{{customer.mobile}}" {% endif %}>
														</div>
													</div>	
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end">Language</label>
														<div class="col-sm-8">
															<select name="language" id="language" class="form-select">
																<option value="">Select language</option>
																{% for lang in language_list %}
																	<option value="{{ lang.id }}"
																		{% if lang.id == selected_language_id %}selected{% endif %}>
																		{{ lang.code }} - {{ lang.name }}
																	</option>
																{% endfor %}
															</select>							  
														</div>
													</div>
													<div class="mb-3 row form-group required">
														<label class="col-form-label control-label col-sm-4 text-sm-end">Customer Status</label>
														<div class="col-sm-8">
															<select class="form-select" name="customer_status" id="sel-product-type">
																{% for customer_status in customer_status_list %}
						
																	{% if old_input_field_values %}
																		{% if customer_status|lower == old_input_field_values.customer_status|lower %}
																		<option name="customer_status" value="{{customer_status}}" selected>
																			{{customer_status|upper}}</option>
																		{% else %}
																		<option name="customer_status" value="{{customer_status}}">
																			{{customer_status|upper}}</option>
																		{% endif %}
						
																	{% else %}
																		{% if customer_status == customer.customer_status %}
																		<option name="customer_status" value="{{customer_status}}" selected>
																			{{customer_status|upper}}</option>
																		{% else %}
																		<option name="customer_status" value="{{customer_status}}">
																			{{customer_status|upper}}</option>
																		{% endif %}
																	{% endif %}
																	
																{% endfor %}
															</select>
														</div>
													</div>
													
												</div>
									</div>
						</div>
					</div>					
				</div>


				</div>


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

					<div class="card">
						<div class="card-body">
							<div class="col-12 text-sm-end">
								<button type="submit" class="btn btn-primary mb-3 mt-3" id="submit">Save Changes</button>
								<a href="{% url 'update-customer' id=customer.id %}"
									class="btn btn-secondary mb-3 mt-3">Clear</a>
							</div>

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


			</form>
		

	</div>
</main>

<script src="{% static 'js/number-separator.js' %}"></script>
<script type="text/javascript" src="{% static 'js/customermanagement/add-customer.js' %}"></script>
{% endblock %}