{{ header }}
<!-- BREADCRUMB AREA START -->
<!-- <div class="ltn__breadcrumb-area ltn__breadcrumb-area-2
        ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image" data-bg="{{ base }}catalog/view/theme/vb/img/banner/B1.png">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__breadcrumb-inner ltn__breadcrumb-inner-2 justify-content-between">
                    <div class="section-title-area ltn__section-title-2">
                        <h6 class="section-subtitle ltn__secondary-color">// Welcome to V Believers</h6>
                        <h1 class="section-title white-color">Register</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="{{base}}">Home</a></li>
                                <li>Register</li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- BREADCRUMB AREA END -->
<div class="ltn__login-area pb-65" style="margin-top: 80px;">
    <div class="container">
        <div class="row" style="background-color: #FFFAF7;">
            {% if error_warning %}
              <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}</div>
            {% endif %}
            <div id="content" class="col-sm-12 fluid-sidebar">
                <div class="row">
                    <div class="col-sm-12 pho bord px-lg-5 px-md-2" style="border:2px solid #E4B7A0; border-radius: 10px;">
                        <div class="section-title-area text-center">
                            <h1 class="section-title" style="color: #C15B27 ;margin-top: 30px;font-size: 36px;font-weight: 100;">Create New Account</h1>
                        </div>
                        <div class="well col-sm-12">
                            <form action="{{ action }}" method="post" enctype="multipart/form-data">
                                <input type="hidden" name="customer_group_id" value="1">
                                <div id="account">
                                    <div class="form-group row">
                                        <div class="col-lg-2 col-md-2 col-12">
                                            <label style="color: #C38370;">Sponser Id*</label>
                                            <input type="text" style="border:1px solid #E4B7A0 !important;" name="sponsor" value="{{ sponsor }}" placeholder="{{ entry_sponsor }}" id="input-sponsor" class="form-control" />
                                              {% if error_sponsor %}
                                                <div class="text-danger" >{{ error_sponsor }}</div>
                                              {% endif %}
                                              <span  id="error-sponsor"></span>
                                        </div>
                                        <div class="col-lg-5 col-md-5 col-12">
                                            <label style="color: #C38370;">First Name*</label>
                                            <input type="text" name="firstname" value="{{ firstname }}"  style="border:1px solid #E4B7A0 !important;" placeholder="Enter your first name...." id="input-firstname" class="form-control" />
                                            {% if error_firstname %}
                                                <div class="text-danger">{{ error_firstname }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="col-lg-5 col-md-5 col-12">
                                            <label style="color: #C38370;">Last Name*</label>
                                            <input type="text" name="lastname" value="{{ lastname }}"  style="border:1px solid #E4B7A0 !important;" placeholder="Enter your last name...." id="input-lastname" class="form-control" />
                                            {% if error_lastname %}
                                                <div class="text-danger">{{ error_lastname }}</div>
                                            {% endif %}
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12" style="color: #C38370;">Mobile No*</label>
                                        <div class="col-lg-2 col-md-2 col-3 ">
                                            <input style="border:1px solid #E4B7A0 !important;" type="tel" name="telephone" value="{{ telephone }}" placeholder="{{ entry_telephone }}" id="input-telephone" class="form-control" />
                                            {% if error_telephone %}
                                                <div class="text-danger">{{ error_telephone }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="col-lg-5 col-md-5 col-9">
                                            <input  type="date" name="DOB" value="" placeholder="{{ entry_DOB }}" id="input-DOB" class="form-control" style="border:1px solid #E4B7A0 !important;  " />
                                            {% if error_DOB %}
                                                <div class="text-danger">{{ error_DOB }}</div>
                                            {% endif %}
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-lg-7 col-md-7 col-12 ">
                                            <label style="color: #C38370;">E-mail Id:*</label>
                                            <input type="email" name="email" value="{{ email }}"  style="border:1px solid #E4B7A0 !important;" placeholder="{{ entry_email }}" id="input-email" class="form-control" />
                                            {% if error_email %}
                                                <div class="text-danger">{{ error_email }}</div>
                                            {% endif %}
                                        </div>
                                    </div>
                                    <div class="form-group row" id="aadhar-section">
                                        <div class="col-lg-7 col-md-7 col-12">
                                            <label style="color: #C38370;">Aadhar No:*</label>
                                            <input type="tel" name="aadhar" value="{{ aadhar }}" style="border:1px solid #E4B7A0 !important;" placeholder="Aadhar No" id="input-aadhar" class="form-control" />
                                            {% if error_aadhar %}
                                                <div class="text-danger">{{ error_aadhar }}</div>
                                            {% endif %}
                                        </div>
                                    </div>

                                    {% for custom_field in custom_fields %}
                                        <div class="form-group row custom-field" id="custom-field{{ custom_field.custom_field_id }}" data-sort="{{ custom_field.sort_order }}">
                                            <label for="input-custom-field{{ custom_field.custom_field_id }}" class="col-sm-2 col-form-label">{{ custom_field.name }}</label>
                                            <div class="col-sm-10">
                                                {% if custom_field.type == 'select' %}
                                                    <select name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control">
                                                        <option value="">{{ text_select }}</option>
                                                        {% for custom_field_value in custom_field.custom_field_value %}
                                                          <option value="{{ custom_field_value.custom_field_value_id }}" {% if register_custom_field[custom_field.custom_field_id] == custom_field_value.custom_field_value_id %}selected{% endif %}>{{ custom_field_value.name }}</option>
                                                        {% endfor %}
                                                      </select>
                                                    
                                                {% elseif custom_field.type == 'radio' %}
                                                    {% for custom_field_value in custom_field.custom_field_value %}
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ custom_field_value.custom_field_value_id }}" id="radio-{{ custom_field.custom_field_value_id }}" {% if register_custom_field[custom_field.custom_field_id] == custom_field_value.custom_field_value_id %}checked{% endif %}>
                                                            <label class="form-check-label" for="radio-{{ custom_field.custom_field_value_id }}">{{ custom_field_value.name }}</label>
                                                        </div>
                                                      {% endfor %}
                                                    
                                                {% elseif custom_field.type == 'checkbox' %}
                                                    {% for custom_field_value in custom_field.custom_field_value %}
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}][]" value="{{ custom_field_value.custom_field_value_id }}" id="checkbox-{{ custom_field.custom_field_value_id }}" {% if custom_field_value.custom_field_value_id in register_custom_field[custom_field.custom_field_id] %}checked{% endif %}>
                                                            <label class="form-check-label" for="checkbox-{{ custom_field.custom_field_value_id }}">{{ custom_field_value.name }}</label>
                                                      </div>
                                                    {% endfor %}
                                                
                                                {% elseif custom_field.type == 'text' %}
                                                    <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" id="input-custom-field{{ custom_field.custom_field_id }}" class="form-control" placeholder="{{ custom_field.name }}" value="{{ register_custom_field[custom_field.custom_field_id] ?? custom_field.value }}">
                                                
                                                {% elseif custom_field.type == 'textarea' %}
                                                    <textarea name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" id="input-custom-field{{ custom_field.custom_field_id }}" rows="5" class="form-control" placeholder="{{ custom_field.name }}">{{ register_custom_field[custom_field.custom_field_id] ?? custom_field.value }}</textarea>
                                                
                                                {% elseif custom_field.type == 'file' %}
                                                    <button type="button" id="button-custom-field{{ custom_field.custom_field_id }}" data-loading-text="{{ text_loading }}" class="btn btn-default">
                                                        <i class="fa fa-upload"></i> {{ button_upload }}
                                                    </button>
                                                    <input type="hidden" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ register_custom_field[custom_field.custom_field_id] ?? '' }}">
                                                
                                                {% elseif custom_field.type == 'date' %}
                                                    <div class="input-group">
                                                        <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ register_custom_field[custom_field.custom_field_id] ?? custom_field.value }}" class="form-control datepicker" placeholder="{{ custom_field.name }}">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                                        </div>
                                                  </div>

                                                {% elseif custom_field.type == 'time' %}
                                                    <div class="input-group">
                                                        <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ register_custom_field[custom_field.custom_field_id] ?? custom_field.value }}" class="form-control timepicker" placeholder="{{ custom_field.name }}">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="fa fa-clock"></i></span>
                                                        </div>
                                                    </div>

                                                {% elseif custom_field.type == 'datetime' %}
                                                    <div class="input-group">
                                                        <input type="text" name="custom_field[{{ custom_field.location }}][{{ custom_field.custom_field_id }}]" value="{{ register_custom_field[custom_field.custom_field_id] ?? custom_field.value }}" class="form-control datetimepicker" placeholder="{{ custom_field.name }}">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                                        </div>
                                                    </div>
                                                {% endif %}

                                                {% if error_custom_field[custom_field.custom_field_id] %}
                                                    <div class="text-danger mt-1">{{ error_custom_field[custom_field.custom_field_id] }}</div>
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endfor %}
                                  
                                    <div class="form-group row">
                                        <div class="col-lg-4 col-md-4 col-12">
                                            <label style="color: #C38370;">Password:*</label>
                                            <input type="password" name="password" value="{{ password }}"  style="border:1px solid #E4B7A0 !important;" placeholder="" id="input-password" class="form-control" />
                                            {% if error_password %}
                                              <div class="text-danger">{{ error_password }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-12">
                                            <label style="color: #C38370;">confirm Password:*</label>
                                              <input type="password" name="confirm" value="{{ confirm }}"  style="border:1px solid #E4B7A0 !important;" placeholder="" id="input-confirm" class="form-control" />
                                              {% if error_confirm %}
                                                <div class="text-danger">{{ error_confirm }}</div>
                                              {% endif %}
                                        </div>
                                    </div>
                                    {% if fb_insta_require %}
                                    <div class="form-group row" data-sort="850">
                                        <div class="col-12">
                                            <div style="border:1px solid #E4B7A0; border-radius:8px; padding:16px; background:#fffaf7;">
                                                <p style="color:#C15B27; font-weight:600; margin-bottom:4px;">Join &amp; verify our official pages before registering:</p>
                                                <p style="color:#888; font-size:13px; margin-bottom:14px;">You must join both pages using the same email address as your registration email.</p>

                                                <!-- Facebook: OAuth verification -->
                                                <div style="margin-bottom:14px;">
                                                    <div style="font-weight:600; margin-bottom:6px; color:#333;">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#1877f2" viewBox="0 0 24 24" style="vertical-align:middle;margin-right:4px;"><path d="M22 12c0-5.522-4.478-10-10-10S2 6.478 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.988H7.898V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"/></svg>
                                                        Facebook — Verify with your account
                                                    </div>
                                                    {% if fb_app_configured %}
                                                    <div id="fb-verify-box">
                                                        {% if fb_verified_email %}
                                                        <div id="fb-verified-status" style="color:green; font-weight:600;">
                                                            <span style="font-size:18px;">&#10003;</span> Verified: {{ fb_verified_email }}
                                                        </div>
                                                        <button type="button" onclick="openFbVerify()" style="margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#1877f2;color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="#fff" viewBox="0 0 24 24"><path d="M22 12c0-5.522-4.478-10-10-10S2 6.478 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.988H7.898V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"/></svg>
                                                            Re-verify with Facebook
                                                        </button>
                                                        {% else %}
                                                        <div id="fb-verified-status" style="display:none; color:green; font-weight:600;"></div>
                                                        <button type="button" id="btn-fb-verify" onclick="openFbVerify()" style="display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#1877f2;color:#fff;border:none;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" viewBox="0 0 24 24"><path d="M22 12c0-5.522-4.478-10-10-10S2 6.478 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.988H7.898V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"/></svg>
                                                            Verify with Facebook
                                                        </button>
                                                        {% endif %}
                                                        <div id="fb-verify-error" style="color:red; font-size:13px; margin-top:4px;"></div>
                                                    </div>
                                                    {% else %}
                                                    <div style="color:#888; font-size:13px;">Facebook verification not configured yet. Please contact support.</div>
                                                    {% endif %}
                                                    {% if error_fb_insta %}
                                                    <div class="text-danger" style="margin-top:4px;">{{ error_fb_insta }}</div>
                                                    {% endif %}
                                                    <div style="margin-top:8px;">
                                                        <a href="{{ fb_insta_fb_url }}" target="_blank" rel="noopener" style="font-size:13px; color:#1877f2;">
                                                            Also open our Facebook page to follow/join &rarr;
                                                        </a>
                                                    </div>
                                                </div>

                                                <!-- Instagram: click-through only (API unavailable for personal accounts) -->
                                                <div style="border-top:1px solid #f0d5c8; padding-top:12px;">
                                                    <div style="font-weight:600; margin-bottom:6px; color:#333;">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#e1306c" viewBox="0 0 24 24" style="vertical-align:middle;margin-right:4px;"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.334 3.608 1.308.975.975 1.246 2.242 1.308 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.062 1.366-.334 2.633-1.308 3.608-.975.975-2.242 1.246-3.608 1.308-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.334-3.608-1.308-.975-.975-1.246-2.242-1.308-3.608C2.175 15.584 2.163 15.204 2.163 12s.012-3.584.07-4.85c.062-1.366.334-2.633 1.308-3.608C4.516 2.497 5.783 2.225 7.149 2.163 8.415 2.105 8.795 2.163 12 2.163zm0-2.163C8.741 0 8.333.014 7.053.072 5.197.157 3.355.673 2.014 2.014.673 3.355.157 5.197.072 7.053.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.085 1.853.601 3.698 1.942 5.038 1.34 1.34 3.183 1.857 5.038 1.942C8.333 23.986 8.741 24 12 24s3.667-.014 4.947-.072c1.853-.085 3.698-.601 5.038-1.942 1.34-1.34 1.857-3.183 1.942-5.038C23.986 15.667 24 15.259 24 12c0-3.259-.014-3.667-.072-4.947-.085-1.853-.601-3.698-1.942-5.038C20.645.673 18.8.157 16.947.072 15.667.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
                                                        Instagram — Follow our page
                                                    </div>
                                                    <a href="{{ fb_insta_insta_url }}" target="_blank" rel="noopener"
                                                       id="btn-join-insta" onclick="markInstaVisited()"
                                                       style="display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-radius:5px;font-size:15px;font-weight:500;text-decoration:none;">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.334 3.608 1.308.975.975 1.246 2.242 1.308 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.062 1.366-.334 2.633-1.308 3.608-.975.975-2.242 1.246-3.608 1.308-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.334-3.608-1.308-.975-.975-1.246-2.242-1.308-3.608C2.175 15.584 2.163 15.204 2.163 12s.012-3.584.07-4.85c.062-1.366.334-2.633 1.308-3.608C4.516 2.497 5.783 2.225 7.149 2.163 8.415 2.105 8.795 2.163 12 2.163zm0-2.163C8.741 0 8.333.014 7.053.072 5.197.157 3.355.673 2.014 2.014.673 3.355.157 5.197.072 7.053.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.085 1.853.601 3.698 1.942 5.038 1.34 1.34 3.183 1.857 5.038 1.942C8.333 23.986 8.741 24 12 24s3.667-.014 4.947-.072c1.853-.085 3.698-.601 5.038-1.942 1.34-1.34 1.857-3.183 1.942-5.038C23.986 15.667 24 15.259 24 12c0-3.259-.014-3.667-.072-4.947-.085-1.853-.601-3.698-1.942-5.038C20.645.673 18.8.157 16.947.072 15.667.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
                                                        Follow on Instagram
                                                    </a>
                                                    <div id="insta-visited-msg" style="display:none; color:green; font-weight:600; margin-top:6px;">
                                                        <span style="font-size:18px;">&#10003;</span> Instagram page opened — please follow us there.
                                                    </div>
                                                </div>

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

                                    <script>
                                    function openFbVerify() {
                                        var w = window.open('{{ fb_verify_url }}', 'fb_verify', 'width=620,height=640,scrollbars=yes');
                                        if (!w) {
                                            document.getElementById('fb-verify-error').textContent = 'Popup blocked. Please allow popups for this site.';
                                        }
                                    }
                                    function fbVerified(email) {
                                        var s = document.getElementById('fb-verified-status');
                                        if (s) { s.innerHTML = '<span style="font-size:18px;">&#10003;</span> Verified: ' + email; s.style.display = ''; }
                                        var b = document.getElementById('btn-fb-verify');
                                        if (b) { b.textContent = 'Re-verify with Facebook'; }
                                        document.getElementById('fb-verify-error').textContent = '';
                                    }
                                    function fbVerifyError(msg) {
                                        document.getElementById('fb-verify-error').textContent = msg;
                                    }
                                    function markInstaVisited() {
                                        document.getElementById('insta-visited-msg').style.display = '';
                                        document.getElementById('btn-join-insta').style.opacity = '0.65';
                                    }
                                    </script>
                                    {% endif %}
                                    <div class="form-group row" data-sort="900">
                                        <div class="col-lg-7 col-md-7 col-12 ">
                                            <input id="agree" class="form-check-input  mt-2" type="checkbox" name="agree" value="1" style="border:1px solid #E4B7A0 !important; accent-color:#C15B27;"/>
                                            <label class="form-check-label " style="color: #C38370;" for="agree">
                                                {{ text_agree }}
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group row"  data-sort="1000">
                                        <div class="col-3">
                                            <div class="btn-wrapper">
                                                <input style="width: auto;padding: 3px 20px;font-size: 16px;font-weight: normal;background: #fa7818;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" type="submit" value="Register" class="theme-btn-1 btn" />
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="form-group row"  data-sort="1100">
                                    <div class="col-3">
                                    <label style="color: #C38370;">Already Have n Account</label>
                                        <div class="btn-wrapper mt-0" >
                                            <!-- <input style="background-color: #E4B7A0;" type="submit" value="Login" class="theme-btn-1 btn" /> -->
                                            <!-- <input style="width: auto;padding: 0 26px;height: 40px;font-weight: normal;background: #C15B27;border-radius: 5px;" type="submit" value="{{ button_login }}" class="theme-btn-1 btn m-0" /> -->
                                            <a style="width: auto;padding: 4px 24px;color: #fff;font-size: 18px;font-weight: normal;background: #C15B27;border-radius: 5px;" class="theme-btn-1 btn m-0" href="index.php?route=account/login">Login</a>
                                        </div>
                                    </div>
                                </div>
                             <!--    <div class="btn-wrapper mt-3 mb-50" >
                                        <p class="m-0" style="color: #5b8345; font-size: 18px;">Login With</p>
                                        <a style="width: auto;padding: 3px 32px;font-size: 18px;font-weight: normal;background: #d8331c;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" href="#" class="theme-btn-1 btn" >Google</a>
                                        <a style="width: auto;padding: 3px 20px;font-size: 18px;font-weight: normal;background: #1f448c;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" href="#" class="theme-btn-1 btn ml-3" >Facebook</a>
                                </div> -->
                                 <!--  <div class="form-group">
                                      <input type="tel" name="telephone" value="{{ telephone }}" placeholder="{{ entry_telephone }}" id="input-telephone" class="form-control" />
                                      {% if error_telephone %}
                                        <div class="text-danger">{{ error_telephone }}</div>
                                      {% endif %}
                                  </div>
                                  <div class="form-group">
                                      <input type="tel" name="aadhar" value="{{ aadhar }}" placeholder="Aadhar No" id="input-aadhar" class="form-control" />
                                      {% if error_aadhar %}
                                        <div class="text-danger">{{ error_aadhar }}</div>
                                      {% endif %}
                                  </div> -->
                                </div>
                               <!--  <h2><u>Your Password</u></h2>
                                
                                <h2><u>Newslatter</u></h2>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Subscribe</label>
                                    <div class="col-sm-10">          
                                        <label class="radio-inline mr-20">
                                            <input type="radio" name="newsletter" value="1">
                                            Yes
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="newsletter" value="0" checked="checked">
                                            No
                                        </label>
                                    </div>
                                </div>
                                <div class="form-check">
                                  <input class="form-check-input  mt-2" type="checkbox" name="agree" value="1" />
                                  <label class="form-check-label ">
                                    {{ text_agree }}
                                  </label>
                                </div>
                                <div class="btn-wrapper">
                                    <input type="submit" value="{{ button_continue }}" class="theme-btn-1 btn" />
                                </div> -->
                            
                        </div>
                    </div>
                </div>
            </div>
            <!-- <aside class="col-md-3 col-sm-12 col-xs-12 pho">
                <div class="list-group">
                    <a href="{{ login_link }}" class="list-group-item">Login</a> 
                    <a href="{{ forgotten }}" class="list-group-item">Forgotten
                        Password</a>
                    <a href="{{ login_link }}" class="list-group-item"> Dashboard </a>
                    <div class=" list-group-item dropdown">
                      <span>Challanges</span>
                      <div class="dropdown-content">
                          <a class="list-group-item" href="{{ login_link }}">Challanges Details</a>
                          <a class="list-group-item" href="{{ login_link }}">Challanges Orders</a>
                      </div>
                    </div>
                </div>
            </aside> -->
        </div>
    </div>
</div>
<script type="text/javascript"><!--
// Sort the custom fields
$('#account .form-group[data-sort]').detach().each(function() {
    if ($(this).attr('data-sort') >= 0 && $(this).attr('data-sort') <= $('#account .form-group').length) {
        $('#account .form-group').eq($(this).attr('data-sort')).before(this);
    }

    if ($(this).attr('data-sort') > $('#account .form-group').length) {
        $('#account .form-group:last').after(this);
    }

    if ($(this).attr('data-sort') == $('#account .form-group').length) {
        $('#account .form-group:last').after(this);
    }

    if ($(this).attr('data-sort') < -$('#account .form-group').length) {
        $('#account .form-group:first').before(this);
    }
});


$('input[name=\'sponsor\']').on('change', function() {
    $.ajax({
        url: 'index.php?route=account/register/checkexits',
        dataType: 'json',
        type: 'post',
        data: 'sponsor=' + encodeURIComponent($('input[name=\'sponsor\']').val()),
        success: function(json) {
            $('.alert-dismissible').remove();
           
            if (json['error']) {
                //$('#error-sponsor').html('abdc');
           $('#error-sponsor').prepend('<div  class="text-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' </div>');
        }

        if (json['success']) {
          $('#error-sponsor').prepend('<div  class="text-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' </div>');

          //$('#rank').load('index.php?route=customer/customer/rank&user_token={{ user_token }}&customer_id={{ customer_id }}');
          
        }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
});

var sponsor = $('input[name=\'sponsor\']').val();
if(sponsor!=''){
    $.ajax({
        url: 'index.php?route=account/register/checkexits',
        dataType: 'json',
        type: 'post',
        data: 'sponsor=' + encodeURIComponent($('input[name=\'sponsor\']').val()),
        success: function(json) {
            $('.alert-dismissible').remove();
           
            if (json['error']) {
                //$('#error-sponsor').html('abdc');
           $('#error-sponsor').prepend('<div  class="text-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' </div>');
        }

        if (json['success']) {
          $('#error-sponsor').prepend('<div  class="text-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' </div>');

          //$('#rank').load('index.php?route=customer/customer/rank&user_token={{ user_token }}&customer_id={{ customer_id }}');
          
        }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
}
//--></script> 
<script type="text/javascript"><!--
/*$('.date').datetimepicker({
    language: '{{ datepicker }}',
    pickTime: false
});

$('.time').datetimepicker({
    language: '{{ datepicker }}',
    pickDate: false
});

$('.datetime').datetimepicker({
    language: '{{ datepicker }}',
    pickDate: true,
    pickTime: true
});*/
//--></script> 
{{ footer }}