{% extends 'badge/badge_layout.html' %}

	<title>{% block title %}Edit Delegate{% endblock %}Edit Data</title>
	
{% block content %}

	 {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %} 
	<div class="row"> 
			<div class="col-sm-4"></div>
			<div class="col-sm-4">
					<div class=" text-center" id="successMsg" >
					 <h6 class="alert alert-success  alert-dismissible">
					 <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
					</div>
					<div class="col-sm-4"></div>
			</div>
	</div>
	{% endfor %} 
	{% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %} 
		 <div class="row"> 
			<div class="col-sm-4"></div>
				<div class="col-sm-4">
					<div class="text-center" id="successMsg" >
					<h6 class="alert alert-danger  alert-dismissible">
					 <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
					</div>
					<div class="col-sm-4"></div>
			</div>
		</div>
	{% endfor %}     
<form  action = "{{ url_for('badge_user.PostEditData',conf_id=conf_id ,conf_key=conf_key)}}"  method = "POST" id="edit_data" >
<input type="hidden"  name="delegate_no" id="delegate_no"  class="form-control" value="{{data.delegate_no}}">
<input type="hidden"  name="delegate_id" id="delegate_id"  class="form-control" value="{{data.delegate_id}}">
<div class="container mt-3">
	<h5>EDIT DELEGATES DATA</h5>
			<div class="card">
				<div class="card-body">
								<div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6">
						                  <label>Prefix</label>
						                  <select class="form-control w-100 " id="prefix" name="prefix" >
							               <option value="" id="select"> Select  Prefix</option>
							               <option value="Dr." {{ 'selected' if data.prefix=='Dr.' else '' }}> Dr. </option>
							               <option value="Prof." {{ 'selected' if data.prefix=='Prof.' else '' }}> Prof. </option>
							               <option value="Mr." {{ 'selected' if data.prefix == 'Mr.' else '' }}> Mr. </option>
							               <option value="Mrs." {{ 'selected' if data.prefix == 'Mrs.' else '' }}> Mrs. </option>
							               <option value="Ms." {{ 'selected' if data.prefix == 'Ms.' else '' }}> Ms. </option>
							            </select>
						               </div>
									
									<div class="col-lg-6 col-md-6 col-sm-6">
										<label>Full Name</label><br>
										<input type="text"  name="full_name" id="full_name"  class="form-control" value="{{ data.full_name  or ''}}">
									</div>
									</div><br>
								 <div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6">
											<label>Email</label><br>
										<input type="text"  name="email" id="email"  class="form-control" value= "{{data.email or ''}}">
									</div>
								
										<div class="col-lg-6 col-md-6 col-sm-6">
										<label>Mobile</label><br>
										<input type="text"  name="mobile" id="mobile"  class="form-control" value="{{ data.mobile or ''  }}">
									</div>
									</div><br>
								 <div class="row">
									 <div class="col-lg-6 col-md-6 col-sm-6">
										<label>Company</label><br>
										<input type="text"  name="company_name" id="company_name"  class="form-control" value="{{data.company_name or ''}}">
									</div>
								
									<div class="col-lg-6 col-md-6 col-sm-6">
										<label>City</label><br>
										<input type="text"  name="city" id="city"  class="form-control" value="{{data.city or ''}}">
									</div>
									</div><br>
								 <div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6">
											<label>State</label><br>
											 <select class = "form-control" id = "state_name" name = "state_name">
													<option value = "" id = "select">--Select state --</option>
														{% if states %}
															{% for state in states %}
																	{% if state.state_name == data.state : %}
																		 <option value = "{{state.state_name}}" selected> {{state.state_name}} </option>
																	{% else : %}   
																 <option value = "{{state.state_name}} {{state.state_id}}"> {{state.state_name}} </option>
																 {% endif %}
															{% endfor %}
														{% endif %}
												</select>
									 </div>
								
									<div class="col-lg-6 col-md-6 col-sm-6">
										<label>Counter</label><br>
										<input type="text"  name="counter" id="counter"  class="form-control" value="{{ data.counter or ''  }}">
									</div>
									</div><br>
								 <div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6">
											<label>Set</label><br>
										<input type="text"  name="batch" id="batch"  class="form-control" value= "{{data.batch or ''}}">
									</div>
								
									<div class="col-lg-6 col-md-6 col-sm-6">
										<label>Role</label><br>
										<input type="text"  name="role" id="role"  class="form-control" value="{{ data.role or ''  }}">
									</div>
									</div><br>
								 <div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6">
										<label>Certificate role</label><br>
										<input type="text"  name="role_in_cert" id="role_in_cert"  class="form-control" value="{{ data.role_in_cert or ''  }}">
									</div>
								</div><br>
							<div class="row">
								 <div class="col-lg-12 col-md-12 col-sm-12 text-center">
									 <button class="btn btn-md btn-success" name="uptade_btn" id="uptade_btn" title="Update"> Update</button>
											<a href="{{url_for('badge_user.RegisteredUsers',conf_id=conf_id ,conf_key=conf_key)}}"  class="btn btn-md btn-danger">Cancel</a>
								</div>
							</div>
				</div>
			</div>
</div>  
</form>
{% endblock %}

{% block bottomscript %}

	<script  type= "text/javascript"  src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
	<script src="https://code.jquery.com/jquery-1.12.4.min.js" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"  crossorigin="anonymous"></script>
	<script  type= "text/javascript"  src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>

{% endblock %}