{% include 'header.twig' %}
<main><div class="main_container" id="main_container">
     <div class="content_area">
       <div class="content">
         <!-- page and other top info -->
         <div class="row">
          <div class="col-md-12">
            <div class="card card_v2 mb-5">
              <div class="card-body">
                  
              </div>
            </div>
          </div>
        </div>
        
         <div class="page_top_info" id="page_top_info"></div>
         <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="">
                              <div class="form-group">
                                   <label for="domain" class="control-label">Domain</label>
                                    <input type="text" class="form-control" id="domain" name="panel_domain"
                                            value="">
                              </div>
                              <div class="component_alert_dns">
                                   <div class="">
                                        <div class="alert alert-info">
                                             <div>Please change nameservers to:</div>
                                             <ul style="padding-left: 20px">
                                                                                    <li>{{ site['ns1'] }}</li>
                                                                                    <li>{{ site['ns2'] }}</li>
                                                                            </ul>
                                        </div>
                                   </div>
                              </div>
                              <div class="form-group">
                                   <label class="control-label" for="createorderform-currency">Currency</label>
                                <select class="form-control" name="panel_currency" required>
{{ child_panel_currencies }}
</select>
                              </div>
                              <div class="form-group">
                                   <label class="control-label" for="createorderform-username">Admin 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">Admin 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">Confirm Password</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">Price per month</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>

<section id="faq">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="top__title">
            <h5> Child Panel  </h5>
            <h2> Best Child SMM PANEL Service </h2>
            
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6">
          <div class="faqAcc accordion accordion-flush" id="accordionFlushExample">
            <!-- ITEM 1 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingOne">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                  What is child panel?
                </button>
              </h2>
              <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample" style="height: 0px;" aria-expanded="false">
                <div class="accordion-body">
                  A child panel is a panel with a limited selection of features that is linked to one
                  of your regular panels such as <a href="/">www.{{ site["site_name"] }}.com</a>
                </div>
              </div>
            </div>
            <!-- ITEM 2-->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingTwo">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                 How much cost for a child panel?
                </button>
              </h2>
              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">
                  It will cost you $25.00 per month. Please note, you paying for panel, not for
                                    services, you have to pay for the services you will purchase from {{ site["site_name"] }}
                </div>
              </div>
            </div>
            <!-- ITEM 3 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-headingThree">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                   How long it will take to activate the child panel ?
                </button>
              </h2>
              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">
                 It will take 3-6 hrs to active your child panel if you changed your name server
                                    perfectly.
                </div>
              </div>
            </div>
            <!-- ITEM 4 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading4">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
                  Do you need hosting for child panel ?
                </button>
              </h2>
              <div id="flush-collapse4" class="accordion-collapse collapse" aria-labelledby="flush-heading4" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">
                  <strong> No, for child panel you just need a domain and that's all.</strong>
                </div>
              </div>
            </div>
            <!-- ITEM 5 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading5">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
                  I have domain, what i can do next ?
                </button>
              </h2>
              <div id="flush-collapse5" class="accordion-collapse collapse" aria-labelledby="flush-heading5" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">
                 If you have domain, you can simply change your domain name server and point it to<br>
                                    <b>chris.ns.cloudflare.com</b>
                                    <b>tani.ns.cloudflare.com</b>
                                    <br>
                                    After you successfully changed the name server, you can submit a order for child
                                    panel
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="faqAcc accordion accordion-flush" id="accordionFlushedExample">
            <!-- ITEM 6 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading6">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6">
                  can i activate affiliate on my child panel.
                </button>
              </h2>
              <div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushedExample">
                <div class="accordion-body">
                  Unfortunately, there is no affiliate feature on child panel
                </div>
              </div>
            </div>
            <!-- ITEM 7 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading7">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse7" aria-expanded="false" aria-controls="flush-collapse7">
                  How can i change name server for my domain?
                </button>
              </h2>
              <div id="flush-collapse7" class="accordion-collapse collapse" aria-labelledby="flush-heading7" data-bs-parent="#accordionFlushedExample">
                <div class="accordion-body">
                 Its actually depend on your domain provider, if you go to your domain settings and
                                    choose custom DNS and enter the name server given by {{ site["site_name"] }}.
                </div>
              </div>
            </div>
            <!-- ITEM 8 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading8">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse8" aria-expanded="false" aria-controls="flush-collapse8">
                  How to i connect child panel with {{ site["site_name"] }}?
                </button>
              </h2>
              <div id="flush-collapse8" class="accordion-collapse collapse" aria-labelledby="flush-heading8" data-bs-parent="#accordionFlushedExample">
                <div class="accordion-body">
                  You can simply go to https://yourdomain.com/admin/settings/providers and you will
                                    find out option to connect your panel with {{ site["site_name"] }}. You can a key to connect your
                                    panel with {{ site["site_name"] }}. This key you will find out on settings of your {{ site["site_name"] }}
                                    account.
                </div>
              </div>
            </div>
            <!-- ITEM 9 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading9">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse9" aria-expanded="false" aria-controls="flush-collapse9">
                   How can i get refund for child panel if i am not interested to continue?
                </button>
              </h2>
              <div id="flush-collapse9" class="accordion-collapse collapse" aria-labelledby="flush-heading9" data-bs-parent="#accordionFlushedExample">
                <div class="accordion-body">
                  Unfortunately refund not possible after we activate your child panel. But you can
                                    terminate your child panel any time by creating a ticket to us.
                </div>
              </div>
            </div>
            <!-- ITEM 10 -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="flush-heading0">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse0" aria-expanded="false" aria-controls="flush-collapse0">
                 I want to change my child panel domain address, what i need to do ?
                </button>
              </h2>
              <div id="flush-collapse0" class="accordion-collapse collapse" aria-labelledby="flush-heading0" data-bs-parent="#accordionFlushedExample">
                <div class="accordion-body">
                  You can simply, change your new domain name server and send to us your new domain
                                    address. We will replace your new domain with old domain. But, this change only
                                    possible for 1 time.
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  
 <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>

{% include 'footer.twig' %}