{% include 'header.twig' %}

        <!-- Main variables *content* -->
          <div class="container-fluid">
  <div class="row">
    <div class="col-sm-6">
      <div class="dark-well well-child">
          
           {% if errorText %}
										<div class="alert alert-dismissible alert-danger">
										  <button type="button" class="close" data-dismiss="alert">×</button>
										  {{ errorText }}
										</div>
									  {% endif %}
									  {% if successText %}
										<div class="alert alert-dismissible alert-success">
										  <button type="button" class="close" data-dismiss="alert">×</button>
										  {{ successText }}
										</div>
									  {% endif %}
          
                <form action="/child-panels" method="post">
          
          <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 class="first">
            <div class="form-group">
              <label for="domain" class="control-label">Domain</label>
              <input type="text" class="form-control" id="domain" name="domain"
                     value="">
            </div>

          </div>
          <div class="form-group">
            <label class="control-label"
                   for="createorderform-currency">Currency</label>
            <select id="createorderform-currency" class="form-control" name="currency"
                    aria-required="true">
                           <option value="USD">United States Dollars (USD)</option>
<option value="INR">Indian Rupee (INR)</option>

                          </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="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="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="password_confirm" 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['childpanel_price'] }} {% if settings['site_currency'] == "TRY" %}{{ "&#8378;" }}
                {% elseif settings['site_currency'] == "USD" %}{{ "&#36;" }}
                {% else %}{{ "₹" }}
                {% endif %}" readonly>
          </div>
          
          <button type="submit" class="btn btn-primary">Submit order</button>
        </form>
              </div>
    </div>
    <div class="col-sm-6">
      <div class="dark-well well-child">
        <h2 class="title">Childs PAnel FAQs</h2>
        <div class="panel-group" id="accordion1" role="tablist" aria-multiselectable="true">
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingOne">
              <h2 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapse1" aria-expanded="false" aria-controls="collapseOne" class="collapsed">
                  Which is the cheapest smm panel ?</a>
              </h2>
            </div>
            <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" aria-expanded="false" style="height: 0px;">
              <div class="panel-body">
                Choosing the best SMM panel is not that hard. You have to check their customer support methods, site security, payment options, Reliability and types of services. SmmPakPanel.com is the cheapest andeffective social media panel that offer the best-automated services.
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading2">
              <h2 class="panel-title">
                <a class="" role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapse2" aria-expanded="true" aria-controls="collapseTwo">
                  How do i choose an smm panel ?
                </a>
              </h2>
            </div>
            <div id="collapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="true" style="">
              <div class="panel-body">
                Choosing the best SMM panel is not that hard. You have to check their customer support methods, site security, payment options, Reliability and types of services. SmmPakPanel.com is the cheapest andeffective social media panel that offer the best-automated services.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


        </div>
      </div>
    </div> <!-- wrapper End -->
    
    
{% include 'footer.twig' %}
