{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<title>Seer | Edit User Compatibility</title>
	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12">
	    				<h2 class="topHead">Edit User Compatibility</h2>
	    				<p>Welcome to Seer Admin Dashboard</p>
	    			</div>	    			
	    		</div>
	    		<div class="row new-user-table bookings mt-3">
	    			<div class="col-12 col-md-12">
	    				<div class="card addService dashboard-card">
	    					<form class="row g-3" action="/edit-user-compatibility/{{compatibility_obj.id}}/" id="edit-user-compatibility" method="POST">
							{% csrf_token %}
                            <input type="hidden" name="compatibility" value={{tab_name}}>
	    						<div class="col-6">
								  	<label class="col-form-label">Female</label>
								    <input type="text" placeholder="Female" name="female" class="form-control" value="{{female_value}}">
	    						</div>
	    						<div class="col-6">
								  	<label class="col-form-label">Male</label>
								    <input type="text" placeholder="Male" name="male" class="form-control" value="{{male_value}}">
	    						</div>
                                <div class="col-6">
                                    <label class="col-form-label">Compatibility Score</label>
                                    <input type="text" placeholder="Compatibility Score" name="compatibility_score" class="form-control" value="{{compatibility_obj.compatibility_score}}">
                                </div>
                                <div class="col-6">
                                    <label class="col-form-label">Tagline</label>
                                    <input type="text" placeholder="Tagline" name="tagline" class="form-control" value="{{compatibility_obj.tagline}}">
                                </div>
                                <div class="col-12">
                                    <label class="col-form-label">Description</label>
                                    <!-- <input type="text" placeholder="Description" name="profile_description" class="form-control"> -->
                                    <textarea class="form-control mb-0" placeholder="Description" name="description" style="height: 300px;">{{compatibility_obj.description}}</textarea>	
                                </div>
	    						<!-- <div class="col-6 px-lg-5">
								  	<label class="col-form-label d-block">Status</label>
								    <div class="form-check form-check-inline">
									  <input class="form-check-input " type="radio" name="status" id="inlineRadio1" value="True" checked>
									  <label class="form-check-label active" for="inlineRadio1">Active</label>
									</div>
									<div class="form-check form-check-inline">
									  <input class="form-check-input" type="radio" name="status" id="inlineRadio2" value="False">
									  <label class="form-check-label disactive" for="inlineRadio2">Disactive</label>
									</div>
	    						</div> -->
	    						<div class="col-12">
	    							<div class="save-btn text-center mt-4">
										<button type="submit" class="save-btn">Update</button>
								    </div>
	    						</div>
	    					</form>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>	

<!-- end of html code -->
{%endblock%}

{%block js%}
<!-- js code -->


<!-- end of js -->
{% endblock %}