{% include 'header.twig' %}
      
      
      
      
        
        <!-- Main variables *content* -->
        <style>
@media only screen and (max-width: 550px) {
    #auth_banner {
        padding: 65px 15px 4px;
    }
}
  #dashboard #content .auth {
    padding-top: 80px;
}
</style>



		
		<!-- Main variables *content* -->
        <main class="auth">
                    <div class="about_us_effect">
            <img
              src="https://smmxz.sacloud.site/images/about-us-page-left-image.png"
              class="img-fluid about_us_img_left"
              alt=""
            />
            <img
              src="https://smmxz.sacloud.site/images/about-us-page-right-image.png"
              class="img-fluid about_us_img_right"
              alt=""
            />
          </div>



























<div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        <!-- // page and other top info -->
        <section id="child_panel">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card card_v2">
                    <div class="card-body">
                        <div class="row">   
                            <div class="col-md-3">
                                <div class="card card_v2 child_step">
                                    <div class="card-body">
                                        <div class="child_panel_step">
                                            <div class="left_item">
                                                <h6>Step 1</h6>
                                                <p>Enter Your Domain</p>
                                            </div>
                                            <div class="right_item">
                                                <div class="child_item_icons">
                                                    <i class="fas fa-globe"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card card_v2 child_step">
                                    <div class="card-body">
                                        <div class="child_panel_step">
                                            <div class="left_item">
                                                <h6>Step 2</h6>
                                                <p>Select Your Website Currency</p>
                                            </div>
                                            <div class="right_item">
                                                <div class="child_item_icons">
                                                    <i class="far fa-coins"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card card_v2 child_step">
                                    <div class="card-body">
                                        <div class="child_panel_step">
                                            <div class="left_item">
                                                <h6>Step 3</h6>
                                                <p>Enter your username</p>
                                            </div>
                                            <div class="right_item">
                                                <div class="child_item_icons">
                                                    <i class="fad fa-users"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card card_v2 child_step">
                                    <div class="card-body">
                                        <div class="child_panel_step">
                                            <div class="left_item">
                                                <h6>Step 4</h6>
                                                <p>Enter Your Password</p>
                                            </div>
                                            <div class="right_item">
                                                <div class="child_item_icons">
                                                    <i class="fas fa-user-lock"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card card_v2">
                <div class="card-body">
                    {% if error %}
      <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
        {{ errorText }}
      </div>
    {% endif %}  

    {% if data["childpanel"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success">
          <strong> Order Id: </strong> {{ data['childpanel']['id'] }} <br>
          <strong> Service: </strong> {{ data['childpanel']['service'] }} <br>
          <strong> Domain: </strong> {{ data['childpanel']['link'] }} <br>
          <strong> Quantity: </strong> {{ data['childpanel']['quantity'] }} <br>
          <strong> Charge: </strong> {{ data['childpanel']['price'] }} <br>
      </div>
    {% endif %}
                                    <form name="contact-form" action="child-panels" method="post">
                    <div class="row">
                        <div class="col-md-12">
                                                    </div>
                        <div class="col-md-6">
                            <div class="first">
                                <div class="form-group">
                                    <label for="domain" class="control-label">child_panels.form.domain</label>
                                    <input type="text" class="form-control" id="domain" name="panel_domain"
                                            value="">
                                </div>
                                <div class="alert alert-warning dns_info">
                                    <br>
                                    <div class="mb-3">child_panels.form.ns.info</div>
                                    <ul style="padding-left: 20px">
                                                                                    <li><p><b>{{ site['ns1'] }}</b> <span class="copy" onclick="copyToClipboard('{{ site['ns1'] }}');"><i class="fas fa-copy"></i></span></p>
</li><li><p><b>{{ site['ns2'] }}</b> <span class="copy" onclick="copyToClipboard('{{ site['ns2'] }}');"><i class="fas fa-copy"></i></span></p></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="form-group mt-1">
                                <label class="control-label"
                                        for="createorderform-currency">child_panels.form.currency</label>
                                <select class="form-control" name="panel_currency" required>
{{ child_panel_currencies }}
</select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label"
                                        for="createorderform-username">child_panels.form.username</label>
                                <input
                                        type="text" id="createorderform-username" class="form-control"
                                        name="admin_username" aria-required="true"
                                        value="">
                            </div>
    
                            <div class="form-group">
                                <label class="control-label"
                                        for="createorderform-password">child_panels.form.password</label>
                                <input
                                        type="password" id="createorderform-password" class="form-control"
                                        name="admin_password" aria-required="true">
                            </div>
    
                            <div class="form-group">
                                <label class="control-label"
                                        for="createorderform-password_confirm">child_panels.form.confirm</label>
                                <input
                                        type="password" id="createorderform-password_confirm" class="form-control"
                                        name="admin_confirm_password" aria-required="true">
                            </div>
                            
                            <div class="form-group">
                                <label for="price" class="control-label">child_panels.form.price</label>
                                <input type="text" class="form-control" id="price" value="{{site_base_currency_symbol}}{{" "}}{{site["childpanel_price"]}}" readonly>
                            </div>

                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-primary w-100">Submit Order</button>
                        </div>
                    </div>
                    </form>
                                    </div>
            </div>
        </div>
    </div>
</div>

<!-- Child Panel Faq's -->

      </div>
    </div>
  </main>
  
  
 <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container ludd">
		{% if contentText2 %}
<div class="card mb-4">
{{ contentText2 }}
</div>
{% endif %}
</div>

	<script type="text/javascript"  src="https://storage.perfectcdn.com/libs/jquery/1.12.4/jquery.min.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/global/6lea6p5h1se0ydlc.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/global/lpckws4jmmcjpzoh.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/global/41oyxac8gg4eoke6.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/global/dmabhtcke4de93dz.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/global/7hl6zfgduel1sfu0.js" >
                            </script>
                    <script type="text/javascript"  src="https://storage.perfectcdn.com/o9v0gb/umnk9pmrxf8674fk.js" >
                            </script>
					<script type="text/javascript" >
				                window.modules.layouts = {"theme_id":1,"auth":1,"live":true,"csrftoken":"ImkxumHOuhu3m6jpM-LOOBPq9uFGBFPtEIkR3rn5Hj5aHEHeLIuISsfB35wLjb5bcNi41hRwO79W7UmH7LB8Bg=="};
                			</script>
					<script type="text/javascript" >
				                window.modules.siteChildPanels = [];
                			</script>
					<script type="text/javascript" >
				                window.modules.alerts = {"alerts":[]};
                			</script>
					<script type="text/javascript" >
							</script>
		
        <!-- Footer Scripts -->
                 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

                <!-- Swiper JS -->
        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

              
        