{% include 'header.twig' %}
 <br>
 <br>
 <br><style>
      .btn, .badge {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: white;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background-color: #2272d6;
}
 </style>
 <div class="wrapper-content__body">

 <div class="add-funds__form">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row add-funds__form-alignment">
                <div class="col-lg-12 ">
{% if contentText %}
<div class="card mt-2 mb-3">
{{ contentText }}
</div>
{% endif %}
                    <div class="component_card" style="padding:13px;">
                        <div class="">
{% 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">
<p>You have successfully ordered your Child Panel.</p>
<strong> Order ID: </strong> {{ data['childpanel']['id'] }} <br>
<strong> Domain: </strong> {{ data['childpanel']['link'] }} <br>
<strong> Quantity: </strong> {{ data['childpanel']['quantity'] }} <br>
<strong> Remaining balance: </strong> {{ data['childpanel']['balance'] }} <br>
</div>
{% endif %}
    <form name="contact-form" action="child-panels" method="post">
    <div class="form-group">
    <label for="Domain">Domain</label>
    <input type="text" class="form-control" name="panel_domain" placeholder="example.com" required>
    </div>
<div class="ChildPanelNote">
<span class="help-block" >Before buying a Child Panel, point your domain to our nameservers :</span>
<p><b>{{ site['ns1'] }}</b> <span class="copy" onclick="copyToClipboard('{{ site['ns1'] }}');"><i class="fas fa-copy"></i></span></p>
<p><b>{{ site['ns2'] }}</b> <span class="copy" onclick="copyToClipboard('{{ site['ns2'] }}');"><i class="fas fa-copy"></i></span></p>
</span></div>

		
		<div class="form-group">
<label class="Domain" for="currency">Panel Currency</label>
			
		<select class="form-control" name="panel_currency" required>
{{ child_panel_currencies }}
</select>
    </div>
	
    <div class="form-group">
    <label for="exampleInputEmail1"> Username</label>
    <input type="text" class="form-control" name=" _username" placeholder="Username" required>
    </div>

<div class="form-group">
    <label for=" _password" class="control-label"> Password</label>
<div class="input-group mb-3">
<input type="text" id="childpanel_ _password" name=" _password" class="form-control" placeholder="" aria-describedby="basic-addon2" value="" autocomplete="off">
<div class="input-group-append">
<span  class="input-group-text bg-primary text-white" id="randomize_password"><i class="fa fa-random" aria-hidden="true"></i></span>
  </div>
</div>
</div>
<div class="form-group">

<label class="control-label" for="orderpanelform-password"> Confirm Password</label><input type="text" id="childpanel_ _confirm_password" class="form-control" name=" _confirm_password" placeholder="" required>
    </div>
		
<div class="form-group">
<label for="charge" class="control-label"> Price per month</label>
<input type="text" class="form-control" value="{{site_base_currency_symbol}}{{" "}}{{site["childpanel_price"]}}" readonly>
</div>
<button type="submit" class="btn btn-block btn-primary" name="submit" value="Submit" id="submit_form">Submit Order</button>
</form>
</div></div></div>

<div class="col">

<div class="orders-history__margin-table">
<div class="table-bg component_table ">
<br>
<div class="table-responsive custom-table">

            <table class="table ">
              <thead>
                        <tr>
              <th>#</th>
              <th>Domain</th>
              <th>Panel Currency</th>
              <th class="nowrap">Purchased On</th>
              <th class="nowrap">Status</th>
              <th>Renewal Date</th>
            </tr>
          </thead>
          <tbody>

{% for logs in chilpanel_logs %}
<tr>
<td>{{ logs['id'] }}</td>
<td>{{ logs['domain'] }}</td>
<td>{{ logs['child_panel_currency'] }}</td>
<td class="nowrap">{{ logs['created_on'] }}</td>
<td class="nowrap">
{{ logs["child_panel_status"] }}
</td>
<td>{{logs["renewal_date"] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
      </div>
  </div></div></div>

   </div></div>
</div>
<div class="container-fluid">
					<div class="row add-funds__form-alignment">
						<div class="col-lg-12">
							<div class="component_card">
							    {% if contentText2 %}
<div class="card mt-3 mb-3">
{{ contentText2 }}
</div>
{% endif %}</div>
							</div>
						</div>
					</div>
				</div>
{% include 'footer.twig' %}
