<odoo>

<template id="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.registration_step1" name="Distancial Event Form">
        
        <t t-call="website.layout">
       
        <div class="container-fluid">
        <br>
        </br>
        <b><h7 style="display: inline">Registering to : </h7><h7 style="display: inline" t-esc="event.name"></h7></b>
        <br></br>
        <t t-if="event.duration==1">
        <h7>From <span t-field="event.date_begin" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> to <span t-field="event.date_end" t-options='{"format": "HH:mm"}'/> </h7>
        </t>
        <t t-if="event.duration>1">
        <h7>From <span t-field="event.date_begin" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> to <span t-field="event.date_end" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> </h7>
        </t>
        <br></br>
        <h7> Your status : 
        
        <span t-if="partner.member_status=='not member'" id="your_status">Non adhérent</span>
        <span t-if="partner.member_status=='member'" id="your_status">Adhérent</span>
        <span t-if="partner.member_status=='super member'" id="your_status">Adhérent de soutien</span>
     

        </h7>
        <br></br>
        <form  t-att-action="'step2?event_id='+str(event.id)" method="post" class="form js_website_submit_form">
          
                        
                          <label class=" col-sm-auto s_website_form_label " style="width: 200px" for="2bp1hybvcoe">
                            <span class="s_website_form_label_content"></span>
                          </label>
                          <div class="col-sm">
                           
                                <div class="radio col-12">
                                    <div class="form-check">
                                      <input type="radio" checked="checked" class="s_website_form_input form-check-input" id="check1" name="online" value="no"/>
                                      <label class="form-check-label s_website_form_check_label" for="check1">Je participerai au centre Kalachakra
                                      </label>
                                    </div>
                                </div>
                              <div class="radio col-12">
                                  <div class="form-check">
                                    <input type="radio" class="s_website_form_input form-check-input" id="check2" name="online" value="yes"/>
                                    <label class="form-check-label s_website_form_check_label" for="check2">Je participerai sur Zoom
                                    </label>
                                  </div>
                              </div>
                              <div class="radio col-12">
                                  <div class="form-check">
                                    <input type="radio" class="s_website_form_input form-check-input" id="check3" name="online" value=""/>
                                    <label class="form-check-label s_website_form_check_label" for="check3">Je choisirai plus tard
                                    </label>
                                  </div>
                              </div>
                            
                          </div>
            
            

                      <br></br>
                      <br></br>
                      <button id="back_button1" type="button" class="btn btn-warning" >back</button>  
                    <button type="submit" class="btn btn-primary" >Continue</button>
                    <br></br>
                    <br></br>
        
        </form>
    </div>
    </t>
</template>

<template id="kalachakra.registration_step2" name="step2">
        
        <t t-call="website.layout">

       
        <div class="container-fluid">
        <form id="form" action="#" method="post" class="form js_website_submit_form">
        <b><h7 style="display: inline">Registering to : </h7><h7 style="display: inline" t-esc="event.name"></h7></b>
        <br></br>
        <t t-if="event.duration==1">
        <h7>From <span t-field="event.date_begin" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> to <span t-field="event.date_end" t-options='{"format": "HH:mm"}'/> </h7>
        </t>
        <t t-if="event.duration>1">
        <h7>From <span t-field="event.date_begin" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> to <span t-field="event.date_end" t-options='{"format": "dd/MM/yyyy HH:mm"}'/> </h7>
        </t>
        <br></br>
        <br></br>
        <h7> Your status :
        <span t-if="partner.member_status=='not member'" id="your_status">Non adhérent</span>
        <span t-if="partner.member_status=='member'" id="your_status">Adhérent</span>
        <span t-if="partner.member_status=='super member'" id="your_status">Adhérent de soutien</span>
        </h7>
        <br></br>
        <br></br>
        <t t-if="not already_registered">
        <h7>your registration is taken into account !</h7>
        <br></br>
        <h7>You will soon receive a confirmation email.</h7>
        </t>
        <t t-if="already_registered">
        <h7><b>You are already registered</b></h7>
            <t t-if="payment_status=='paid'">
            <br></br>
            <h7>You have already paid</h7>
            </t>
        </t>
        <br></br>
        <br></br>
        <t t-if="event.online_event">
          <t t-if="online==true or event.online_only">
        <font color="blue">
        <h7>Here is the information to attend on Zoom :</h7>
        <br></br>
        <ul>
        <li>link : <span t-esc="event.online_link"></span></li>
        <li>id : <span t-esc="event.online_id"></span></li>
        <li>password : <span t-esc="event.online_password"></span></li>
        </ul>
        </font>
        <br></br>
        </t>
          
        </t>
        
       

          
          <t t-if="event.free_participation">
            <h7> The participation is free.</h7>
            <br></br>
            <br></br>
            <h7>If you want to make a donation, click here : </h7><button id="make_donation_btn" type="submit" class="btn btn-primary" >Make a donation</button>
          <br></br>
          <br></br>
         
            <t t-if="partner.member_status=='not member'">
            <h7>If you want to be a member, click here : </h7>
            <a href="/kalachakra/participation?type=membership" class="ml-4 btn btn-primary">Become a member</a>
            <!-- <button type="submit" class="btn btn-primary" >Become a member</button> -->
            <br></br>
            <br></br>
            </t>
            <t t-if="partner.member_status=='member'">
            <h7>If you want to be a super member, click here : </h7><a href="/adhesion-soutien" class="ml-4 btn btn-primary">Become a super member</a>
            <br></br>
            <br></br>
            </t>
          </t>
            <t t-if="not event.no_online_payment">
             <t t-if="payment_status!='paid'">
                    <t t-if="not event.free_participation">
                        <t t-if="partner.member_status in ('not member','member')">
                            <h7> The amount of the contribution is : </h7><b><h7 t-esc="participation_amount"></h7><h7> €</h7></b>
                            <input type="hidden" name="participation_amount" t-att-value="participation_amount"/>
                            <br></br>
                            <br></br>
                                <button type="submit" id="pay_now_btn" class="btn btn-primary" >I pay the participation now</button>
                                <br></br>
                                <br></br>
                                
                                <t t-if="partner.member_status=='not member'">
                                  <h7> If you want to become a member for one year and pay the participation, </h7>
                                  <br></br>
                                  <h7>the amount is : </h7><b><h7 t-esc="membership_and_participation_amount"></h7><h7> €</h7></b>
                                  <br></br>
                                  <button type="submit" id="pay_membership_btn" class="btn btn-primary" >Become a member and pay</button>
                                  <br></br>
                                  <br></br>
                                </t>
                                <t t-if="partner.member_status=='member'">
                                  <h7>If you want to be a super member, click here : </h7><button type="submit" class="btn btn-primary" >Become a super member</button>
                                  <br></br>
                                  <br></br>
                                </t>
                                <t t-if="not online">
                                <h7>If you want pay on the spot, click here : </h7><button type="submit" id="pay_on_the_spot_btn" class="btn btn-primary" >I will pay the participation on the spot</button>
                                <br></br>
                                <br></br>
                                </t>
                            </t>
                      </t>
                    <br></br>
                    <!-- <t t-if="partner.member_status=='not member'">
                                <div class="row s_col_no_resize s_col_no_bgcolor">
                                  <label class=" col-sm-auto s_website_form_label " for="pm84usjk8cf">
                                    <span class="s_website_form_label_content">To stay informed I subscribe to the newsletter of the center</span>
                                  </label>
                                  <div class="col-sm">
                                    <input type="checkbox" value="Yes" checked="checked" class="s_website_form_input" name="newsletter" required="1" id="pm84usjk8cf"/>
                                  </div>
                                </div>
                      </t> -->
            </t>
            </t>
                        <br></br>
                        <br></br> 
        </form>
        </div>
        </t>
        
</template>


<template id="kalachakra.onthespotpayment" name="thankyou">
        
        <t t-call="website.layout">

       
        <div class="container-fluid">
        <h6>Thank you for your registration !</h6>
        <a href="/" class="ml-4 btn btn-secondary">back Home</a>
        <br></br>
        <br></br>
        </div>
        </t>

</template>

<template id="kalachakra.already_member" name="alreadymember">
        
        <t t-call="website.layout">

       
        <div class="container-fluid">
        <h6>You are already a member with this email adress : <span t-esc="email"/></h6>
        <a href="/" class="ml-4 btn btn-secondary">back Home</a>
        </div>
        </t>

</template>

</odoo>