{% extends "layout/default.html" %}

{% load i18n %}

{% block title %}{% translate "Add Lead Quotation" %}{% endblock %}

{% block breadcumbheading %}
{% translate "Manage Lead  Quotations" %}
{% endblock  %}
{% block breadcumbfirst %}
<a href="{% url 'leads:Lead_Quotation_list' %}" class="text-muted text-hover-primary" style="text-transform: capitalize;">Manage Lead Quotations </a>
{% endblock  %}
{% block breadcumbaddmore %}
	<!--begin::Item-->
		<li class="breadcrumb-item">
			<span class="bullet bg-gray-400 w-5px h-2px"></span>
		</li>
		<!--end::Item-->
		<!--begin::Item-->
		<li class="breadcrumb-item text-muted" style="text-transform: capitalize;">Add Lead Quotation </li>
		<!--end::Item-->
{% endblock  %}

{% block content %}

<div class="custom mt-3 create-cust">

<div class="d-flex flex-column flex-lg-row-fluid gap-7 gap-lg-10" data-select2-id="select2-data-129-yayj">
        
<!--begin::Order details-->
<div class="card card-flush py-4">
        	    <div class="card-header pt-7 pb-7">
        		    <h3 class="card-title align-items-start flex-column">
        			    <span class="card-label fw-bold text-gray-800" >Add Lead Quotation</span>
        		    </h3>
                </div>
        		     {% if messages %}
                        <div class="d-flex justify-content-center align-items-center">
                            {% for message in messages %}
                              <div class="alert alert-{% if message.tags == 'error' %}danger{% else %}success{% endif %}" role="alert" style="width: 300px;">
                                {{ message }}
                                </div>  
                            {% endfor %}
                         </div>
                        {% endif %}


                    
                    <form method="post"  enctype="multipart/form-data" action="{%url 'leads:create_Lead_Quotation' %}" >
                        {% csrf_token %}

                        <!--begin::Card body-->
                        <div class="card-body pt-9">
                            <div class="d-flex flex-column gap-7 gap-lg-7">
                                <!--begin::Input group-->
                                <div class="separator"></div>
                                <!--end::Separator-->
                    <div class="row">
                                <!--begin::Add Customer-->
                                <div class="col-lg-3 col-md-3 col-sm-3">
                                <div class="gap-lg-2">
                                    <label class="required form-label"><strong>Select Lead</strong></label>
                                 
                                     <select name="lead" aria-label="Lead List" data-control="select2" data-placeholder="Select Lead" class="form-select form-select-lg fw-semibold">
    				<option value="">Lead List</option>
                    {% for customer in leads %} 
                        <option value="{{customer.id}}"   {% if leadexist %}  {% if leadexist.id == customer.id %} selected {% endif %}  {% endif %}  {% if request.GET.lead|slugify == customer.id|slugify %} selected {% endif %}>{{customer.first_name}} {{customer.last_name}} {% if customer.company_name %} ({{customer.company_name}}) {% endif %}</option>
                      
                     {% endfor %}
    			</select>
                               </div>
                                 </div>
                           <div class="col-lg-3 col-md-3 col-sm-3">
                            
                               <div class="gap-lg-2">
                                                        <label class="required form-label"><strong>Quote Attachments: </strong></label>
                                                        <input type="file" class="form-control " placeholder="Upload Pdf"   name="attachment" id="attachment"  accept=".pdf" required>                 
                                                       </div>
                                                       </div>
                
                  
                    
                                <div id="kt_ecommerce_edit_order_product_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                                    <div class="table-responsive">
                                        <div class="dataTables_scroll">
                                            <div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;">
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="separator"></div>
                            <div class="d-flex mb-7 mt-12 just-cont-space">
                                <div class="form-check form-check-custom form-check-solid">
                                    <div class="form-check form-check-custom form-check-solid">
                                   
                                    <label class="form-check-label" for="sent_mail_admin">
                                      
                                    </label>
                                </div>
                                </div>
                                <!--begin::Button-->
                                <div class="justify-content-end">
                                    <a  href="{% url 'leads:Lead_Quotation_list' %}" id="kt_ecommerce_edit_order_cancel" class="btn btn-light me-5">
                                        Cancel
                                    </a>
                                    <!--end::Button-->
                                    <!--begin::Button-->
                                    <button type="submit" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_stacked_1">
                                    <!-- <button type="submit" id="kt_ecommerce_edit_order_submit" class="btn btn-primary"> -->
                                        <span class="indicator-label">Save </span>
                                        <span class="indicator-progress">
                                            Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                        </span>
                                    </button>
                                    <!--end::Button-->
                                </div>
                            </div>
                        </div>


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

                    

{% endblock %}
{% block script %}


                    {% endblock script %}