{% include 'header.twig' %}
<div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        {% if contentText %}
<div class="card mt-2 mb-2">
{{ contentText }}
</div>
{% endif %}
        <!-- // 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">Domain</label>
                                    <input type="text" class="form-control" id="domain" name="panel_domain"
                                            value="">
                                </div>
                                <div class="alert alert-warning dns_info">
                                    <br>
                                    <div>Nameserver</div>
                                    <ul style="padding-left: 20px">
                                                                                    <li>{{ site['ns1'] }}</li>
                                                                                    <li>{{ site['ns2'] }}</li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="form-group mt-1">
                                <label class="control-label"
                                        for="createorderform-currency">Panel 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">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 Admin 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</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 id="child_faq">
    
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <div class="accordion accordion-flush" id="accordionFlushExample">
                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-headingOne">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-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">
                    <div class="accordion-body">
                        <p>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="/">{{ site['site_name'] }}</a></p>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-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">
                        <p>It will cost you $19.99 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'] }}</p>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-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">
                        <p>It will take 3-6 hrs to active your child panel if you changed your name server perfectly.</p>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading4">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-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">
                        <p>No, for child panel you just need a domain and that's all.</p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading5">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-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">
                        <p>If you have domain, you can simply change your domain name server and point it to<br>
                            <b>ns1.perfectdns.com</b>
                            <b>ns2.perfectdns.com</b>
                            <br>
                            After you successfully changed the name server, you can submit a order for child panel
                          </p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading6">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6">
                        How can i change name server for my domain?
                      </button>
                    </h2>
                    <div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushExample">
                      <div class="accordion-body">
                        <p>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'] }}.</p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading7">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse7" aria-expanded="false" aria-controls="flush-collapse7">
                        How to i connect child panel with -{{ site['site_name'] }}?
                      </button>
                    </h2>
                    <div id="flush-collapse7" class="accordion-collapse collapse" aria-labelledby="flush-heading7" data-bs-parent="#accordionFlushExample">
                      <div class="accordion-body">
                        <p>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.</p>
                      </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-md-6">
            <div class="accordion accordion-flush" id="accordionFlushExample2">
                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-heading8">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse8" aria-expanded="false" aria-controls="flush-collapse8">
                        How can i get refund for child panel if i am not interested to continue?
                    </button>
                  </h2>
                  <div id="flush-collapse8" class="accordion-collapse collapse" aria-labelledby="flush-heading8" data-bs-parent="#accordionFlushExample2">
                    <div class="accordion-body">
                        <p>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.</p>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-heading9">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse9" aria-expanded="false" aria-controls="flush-collapse9">
                        I want to change my child panel domain address, what i need to do ?
                    </button>
                  </h2>
                  <div id="flush-collapse9" class="accordion-collapse collapse" aria-labelledby="flush-heading9" data-bs-parent="#accordionFlushExample2">
                    <div class="accordion-body">
                        <p>10.	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. </p>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                  <h2 class="accordion-header" id="flush-heading10">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse10" aria-expanded="false" aria-controls="flush-collapseThree">
                        How can i activate affiliate on my child panel.
                    </button>
                  </h2>
                  <div id="flush-collapse10" class="accordion-collapse collapse" aria-labelledby="flush-heading10" data-bs-parent="#accordionFlushExample2">
                    <div class="accordion-body">
                        <p>Unfortunately, there is no affiliate feature on child panel</p>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading11">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse11" aria-expanded="false" aria-controls="flush-collapse11">
                        How can i add payment gateway on our child panel?
                      </button>
                    </h2>
                    <div id="flush-collapse11" class="accordion-collapse collapse" aria-labelledby="flush-heading11" data-bs-parent="#accordionFlushExample2">
                      <div class="accordion-body">
                        <p>You can visit https://yourdomain.com/admin/settings/payments - Add method - Choose Payment Method </p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading12">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse12" aria-expanded="false" aria-controls="flush-collapse12">
                        How can i collect money from our customer ?
                      </button>
                    </h2>
                    <div id="flush-collapse12" class="accordion-collapse collapse" aria-labelledby="flush-heading12" data-bs-parent="#accordionFlushExample2">
                      <div class="accordion-body">
                        <p>You customer will pay to your own payment gateway account, they are not paying to us. So, you don't have to worry about payment. Setup your own payment gateway, and collect payment from your customers </p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading13">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse13" aria-expanded="false" aria-controls="flush-collapse6">
                        If i connect our child panel with -{{ site['site_name'] }}, is there any way customer will find out about -{{ site['site_name'] }}?
                      </button>
                    </h2>
                    <div id="flush-collapse13" class="accordion-collapse collapse" aria-labelledby="flush-heading13" data-bs-parent="#accordionFlushExample2">
                      <div class="accordion-body">
                        <p>No, your customer will never know about -{{ site['site_name'] }}. They will place order on your website and your order will automatically place to -{{ site['site_name'] }}.com under your user account. </p>
                      </div>
                    </div>
                </div>

                <div class="accordion-item">
                    <h2 class="accordion-header" id="flush-heading14">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse14" aria-expanded="false" aria-controls="flush-collapse14">
                        How to i connect child panel with {{ site['site_name'] }}?
                      </button>
                    </h2>
                    <div id="flush-collapse14" class="accordion-collapse collapse" aria-labelledby="flush-heading14" data-bs-parent="#accordionFlushExample2">
                      <div class="accordion-body">
                        <p>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.</p>
                      </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</div>
      </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>

{% include 'footer.twig' %}