{% extends "base.html" %} {% load static %} {% load widget_tweaks %} {% block content %}
<section id="event_ticket" class="section event_ticket">
    <div class="container-fluid">
        <a style="color:red; ">{{ render_field.errors }}</a>
        <div class="row">
                <form action="{% url 'website:ticket_booking_confirm' %}" method="POST">
                {% csrf_token %}
{% if form.errors %}
    {% for field in form %}
        {% for error in field.errors %}
            <div class="alert alert-danger">
                <strong>{{ error|escape }}</strong>
            </div>
        {% endfor %}
    {% endfor %}
    {% for error in form.non_field_errors %}
        <div class="alert alert-danger">
            <strong>{{ error|escape }}</strong>
        </div>
    {% endfor %}
{% endif %}
                 <a style="color:red; ">{{ render_field.errors }}</a>
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="registration_type">Registration Type</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.ticket_type %} {% render_field form.ticket_amount %} </div>
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="attendee_type">Attendee Type</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">
{% for choice in form.attendee_type %}
  <div class="select">{{ choice.tag }}   {{ choice.choice_label }}</div> {# Or any other type you want. #}
{% endfor %}</div>
<div class="col-xs-12 col-md-3 text-left">



                        <label for="ticket_price">Ticket Price</label><span style="color:red;"></span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.ticket_price %} + 18% GST </div>
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="name">Full Name:</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.first_name %} {% render_field form.last_name %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                     <label for="email">Email:</label><span style="color:red;">*</span>
                        </div>
                    <div class="col-xs-6 col-md-9">{% render_field form.email %}</div>


                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="gender">Gender</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.gender %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="contact">Contact number</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.phone_number %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="full_address">Full address</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.full_address %}</div>
                    
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="city">City</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.city %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="state">State</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.state %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="pincode">Pincode</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.pincode %}</div>
                    

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="institute">Institute/ Organization/ Company</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9 ">{% render_field form.institute %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="gstin">GST No.(Optional)</label></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.gstin %}</div>
                    
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="job_fair">Willing to attend a job fair</label><span style="color:red;">*</span></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.job_fair %}</div>
                    
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="tshirt">T-shirt (addons)</label></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.req_tshirt %}</div>
                    
                    <div class="col-xs-12 col-md-3 text-left tshirt-size">
                        <label for="tshirt">T-shirt size</label></div>
                    <div class="col-xs-6 col-md-9 tshirt-size">{% render_field form.tshirt_size %} </div>
                    
                    <div class="col-xs-12 col-md-3 text-left tshirt-price"> 
                        <label for="tshirt_price">T-shirt price</label><span style="color:red;"></span></div>
                    <div class="col-xs-6 col-md-9 tshirt-price">{% render_field form.tshirt_price %} + 18% GST</div>
                    
                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="tshirt">Accomodation (Subject to availability )</label></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.accomodation %}</div>

                    <div class="col-xs-12 col-md-3 text-left">
                        <label for="tshirt">Total price whithout GST </label></div>
                    <div class="col-xs-6 col-md-9">{% render_field form.total_amount %}</div>
                    
                    <div class="col-xs-12 col-md-3"></div>
                    <div class="col-xs-6 col-md-9"><button class="btn btn-primary" type="submit">Submit</button></div>

            </form>
        </div>
    </div>
</section>
{% endblock %}