{% include 'header.twig' %}

    <div class="wrapper-content__body">
      <!-- Main variables *content* -->

          <div class="appContent">
        <div class="hiddenTitle">
    <div id="appTt">
                Child Panel
            </div>

    <div id="appTx">
                We're the best!
            </div>
</div>

 <section class="dashboard-head-wrapper">
    <div class="container-fluid">
        <div class="dashboard-head card-border">
            <div class="dhead-body">
                <h2 class="title">
                                        Rent a Child Panel
                                    </h2>
                <p class="text">
                                        
                    How much is the cost for Child Panel?  <br>
                    We charge 4$ per month for child panel if you spend more than 500$/Per month otherwise the cost is {{site_base_currency_symbol}}{{" "}}{{site["childpanel_price"]}}/month.   <br> 
                    1% discount for all services for {{ site["site_name"] }} Child Panels if spend more than 500$/per month. <br>
                    2% Discount for all services for {{ site["site_name"] }} Child Panels if spend more than 1000$/per month <br>
                    3% Discount for all services for {{ site["site_name"] }} Child Panels if spend more than 2500$/per month <br>
                    5% Discount for all services for {{ site["site_name"] }} Child Panels if spend more than 5000$/per month.
                                    </p>
            </div>
            <div class="dhead-img-wrapper">
                <img src="https://cdn.mypanel.link/6f7slz/hjd38x9quo3byspn.png" class="dhead-img" alt="Coin Moin">
            </div>
        </div>
    </div>
  </section>

  <section class="">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-8 mb-4 mb-lg-0">
            <div class="card">
                
                {% 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 %}
                
                <div class="card-header">
                    <div class="row align-items-center">

                        <div class="col-md">
                            <h3 class="card-title">
                                                                    Set Your Nameservers
                                                            </h3>
                            <p class="card-h-text">
                                                                    Using SMM Services can sometimes be a problem because most of the panels do not offer.
                                                            </p>
                        </div>

                        <div class="col-md-auto">
                        </div>

                        <div class="col-md-auto">
                                                            <button class="btn btn-secondary btn-rounded mb-2">{{ site['ns1'] }}</button>
                                                            <button class="btn btn-secondary btn-rounded mb-2">{{ site['ns2'] }}</button>
                                                    </div>
                        
                    </div>
                </div>

                <div class="card-body">
                                        <form action="/child-panels" method="post">
                                                
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label for="domain" class="control-label">Domain</label>
                                     <input type="text" class="form-control" name="panel_domain" required>
                                           
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <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>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-12">
                                <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>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <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>
                            <div class="col-md-6 col-12">
                                <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>
                        </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>
                        <button type="submit" class="btn btn-primary btn-100">Submit order</button>
                    </form>
                                    </div>
            </div>
        </div>
      </div><!-- ./row -->
    </div>
  </section>
      </div>
    
                          </div>

</div>
    <div class="wrapper-content__footer">
           </div>
  </div>
</div>
        

{% include 'footer.twig' %}