<odoo>

<template id="kalachakra_assets_frontend" name="booking assets" inherit_id="web.assets_frontend">
        <xpath expr="." position="inside">
           
            <script type="text/javascript" src="/kalachakra/static/js/kalachakra.js"></script>
            
        </xpath>
    </template>


<template id="kalachakra.participation_form" name="make donation form">
        
        <t t-call="website.layout">
     
        <div class="container-fluid">
        <form  id="form" action="payment_choice" method="post" class="form js_website_submit_form">  
                <t t-if="title=='make donation'">      
                 <h6 class="mt16 mb4">Make donation :</h6>
                 </t>
                <t t-if="title=='Become a member'">      
                 <h6 class="o_page_header mt16 mb4">Become a member :</h6>
                 
                 </t>
                 <t t-if="title=='Become a super member'">      
                 <h6 class="o_page_header mt16 mb4">Become a  super member :</h6>
                 <h6>Free access to lessons in Paris (except visits
events where membership participation will be applied)<br></br>and
reduced participation for pensions in the Sarthe.</h6>
                 </t>

                <div id="div_email" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="email">Email
                            <span class="s_website_form_mark"> *</span>
                        </label>
                        <input id="email" type="email" name="email"   t-att-readonly="registred" class="form-control " t-att-value="partner.email"/>

                </div>
               

       
        
        
         <div class="w-100"></div>
        <div class="form-group  col-lg-2" id="div_title">
                        <label class="col-form-label font-weight-bold" for="title_id">Title<span class="s_website_form_mark"> *</span>
                        </label>
                        <select id="title_id" name="title_id" class="o_wpayment_fee_impact form-control ">
                                <t t-foreach="titles" t-as="title">
                                <option t-att-selected="'selected' if int(title.id)==int(partner.title)  else None" t-att-value="title.id" t-esc="title.name"></option>
                                </t>
                                
                        </select>
        </div>
        <div id="div_firstname" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="email">Firstname
                            <span class="s_website_form_mark"> *</span>
                        </label>
                        <input type="text" id="firstname_id" name="firstname"  class="form-control " t-att-value="partner.name"/>

        </div>
        <div id="div_name" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="email">Name
                            <span class="s_website_form_mark"> *</span>
                        </label>
                        <input type="text" id="name_id" name="name"   class="form-control " t-att-value="partner.firstname"/>

        </div>
        <div id="div_street" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="email">Street 1
                            <span class="s_website_form_mark"> *</span>
                        </label>
                        <input type="text" id="street_id" name="street"   class="form-control " t-att-value="partner.street"/>

        </div>
        <div id="div_street1" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="email">Street 2
                            
                        </label>
                        <input type="text" id="street1_id" name="street1"   class="form-control " t-att-value="partner.street2"/>

        </div>
        <div id="div_zip" class="form-group  col-lg-2">
                        <label class="col-form-label font-weight-bold" for="zip">Zip
                            
                        </label>
                        <input type="text" id="zip_id" name="zip"   class="form-control " t-att-value="partner.zip"/>

        </div>

        <div class="form-group  col-lg-2" id="div_country">
                        <label class="col-form-label font-weight-bold" for="country_id">Country<span class="s_website_form_mark"> *</span>
                        </label>
                        <select id="country_id" name="country_id" class="o_wpayment_fee_impact form-control ">
                                <t t-foreach="countries" t-as="country">
                                    
                                    <option t-att-selected="'selected' if int(country.id)==int(partner.country_id)  else None" t-att-value="country.id" t-esc="country.name"></option>
                                    
                                    
                                </t>
                                
                        </select>
        </div>

        <div id="div_phone" class="form-group  col-lg-4">
                        <label class="col-form-label font-weight-bold" for="phone">Phone
                            
                        </label>
                        <input type="text" id="phone_id" name="phone"   class="form-control " t-att-value="phone"/>

        </div>
        
        <div id="div_amount" class="form-group  col-lg-8">
                        <label class="col-form-label font-weight-bold" for="amount">Amount (€)
                            
                        </label>
                        <t t-if="kalachakra_transaction=='donation'">
                        
                            <div class="btn-group btn-group-justified" role="group">
                            <button type="button" class="list-group-item">1000 €</button>
                            <button type="button" class="list-group-item">500 €</button>
                            <button type="button" class="list-group-item">250 €</button>
                            <button type="button" class="list-group-item">108 €</button>
                            
                            <button type="button" class="list-group-item">50 €</button>
                            <button type="button" class="list-group-item">21 €</button>
                            <button type="button" class="list-group-item">10 €</button>
                            <button type="button" id="btn_autre" class="list-group-item">Autre</button>
                            
                            
                        </div>
                        <br></br>
                        <br></br>
                        <div class="col-lg-3 col-md-3">
                        <input type="number" id="amount_id" name="amount"   class="form-control " t-att-value="amount"/>
                        </div>
                        </t>
                        <t t-if="kalachakra_transaction=='membership'">
                        <input type="number" id="amount_id" name="amount"  readonly="readonly"  class="form-control " t-att-value="amount"/>
                        </t>
                        <t t-if="kalachakra_transaction=='super_membership'">
                        
                            <div class="btn-group btn-group-justified" role="group">
                            <button type="button" class="list-group-item">40 €</button>
                            <button type="button" class="list-group-item">60 €</button>
                            <button type="button" class="list-group-item">80 €</button>
                            <button type="button" class="list-group-item">100 €</button>
                            <button type="button" id="btn_autre" class="list-group-item">More</button>
                            
                            
                        </div>
                        <br></br>
                        <br></br>
                        <div class="col-lg-3 col-md-3">
                        <input type="number" id="amount_id" name="amount"   class="form-control " t-att-value="amount"/>
                        </div>
                        </t>

        </div>

        <div class="form-group  col-lg-3" id="div_product">
                        <label class="col-form-label font-weight-bold" for="product_id">Affectation<span class="s_website_form_mark"> *</span>
                        </label>
                        <select id="product_id" name="product_id" class="o_wpayment_fee_impact form-control ">
                                <t t-foreach="products" t-as="product">
                                    
                                    <option  t-att-value="product.id" t-esc="product.name"></option>
                                    
                                    
                                </t>
                                
                        </select>
        </div>


        
            <button id="btn_payment_choice" name="o_payment_submit_button" type="button" class="btn btn-primary" data-icon-class="fa-gift">
            Payment choice
            </button>
            <br></br>
            <br></br>
            
     </form>
     </div>
     </t>
</template>

<template id="kalachakra_payment_choice_form" name="payment choice form">
<t t-call="website.layout">
     
        <div class="container-fluid">
<div id="payment_method" class="mt-3 col-lg-6">
                                <h6 class="mb24">Pay with </h6>
                                <t t-call="payment.payment_tokens_list">
                                    <t t-set="mode" t-value="'payment'"/>
                                    <t t-set="submit_txt" t-value="submit_txt"/>
                                    <t t-set="icon_right" t-value="1"/>
                                    <t t-set="icon_class" t-value="'fa-chevron-right'"/>
                                    <t t-set="submit_class" t-value="'btn btn-primary fa fa-gift'"/>
                                    <t t-set="pms" t-value="tokens"/>
                                    <t t-set="acquirers" t-value="acquirers"/>
                                    <t t-set="order_id" t-value="order_id"/>
                                    <t t-set="form_action" t-value="'/kalachakra/payment/token'"/>
                                    <t t-set="prepare_tx_url" t-value="'/kalachakra/payment/transaction/'"/>
                                    <t t-set="partner_id" t-value="partner"/>

                                    <t t-set="back_button_icon_class" t-value="'fa-chevron-left'"/>
                                    
                                    <t t-set="back_button_class" t-value="'btn btn-secondary'"/>
                                    <t t-set="back_button_link" t-value="'/shop/cart'"/>
                                </t>
                            </div>
                            <br>
                            </br>
</div>
</t>
</template>


<template id="kalachakra.thankyou" name="make donation form">
        
        <t t-call="website.layout">
     
        <div class="container-fluid">
        <h6>Thank you for your generosity !</h6>
        <br></br>
        <br></br>
        <a href="/" class="ml-4 btn btn-secondary">back Home</a>
        <br></br>
        <br></br>

        </div>
        </t>
</template>

</odoo>