{% include 'header1.twig' %}


  <!-- Main variables *content* -->
		
	<main>
                 <div class="container-fluid mt-3">
        
			 <div class="row">
				<div class="col-lg-12">
					 <div class="page overflow-hidden">
						<div class="page-body pb-4 pb-xl-6 mt-4">
						   <div class="card mb-2">
							  <div class="card-head d-flex align-items-center justify-content-between">
									<div class="card-head-title">
										<div class="row align-items-center">
											<div class="col-auto">
											  <div class="card-head-icon">
												<i class="ri-code-box-line"></i>
											  </div>
											</div>
											<div class="col">
											  <h4>API</h4>
											</div>
										</div>
									</div>
							  </div>
							  <div class="card-body pt-3 pb-3">
							  
  <section class="api-first">
        <div class="row row-cols-lg-4 row-cols-md-2">
          <div class="col-lg col-12">
        <div class="card card-border mb-4">
          <div class="card-body">
            <span class="api-text">POST</span>
            <h4 class="api-title p-color">HTTP Method</h4>
          </div>
        </div>
      </div><!-- ./col -->
      <div class="col-lg col-12">
        <div class="card card-border mb-4">
          <div class="card-body">
            <span class="api-text">{{ site["url"] }}/api/v2</span>
            <h4 class="api-title s-color">API Url</h4>
          </div>
        </div>
      </div><!-- ./col -->
	        <div class="col-lg col-12">
        <div class="card card-border mb-4">
          <div class="card-body">
            <span class="api-text text-white">Get on the <a href="/account" style="text-decoration: none;">Account Page</a></span>
            <h4 class="api-title i-color">API</h4>
          </div>
        </div>
      </div><!-- ./col -->
	        <div class="col-lg col-12">
        <div class="card card-border mb-4">
          <div class="card-body">
            <span class="api-text">Response Format</span>
            <h4 class="api-title w-color">JSON</h4>
          </div>
        </div>
      </div><!-- ./col -->
    </div>
  </section>
  <section class="api-section">
    <div class="card card-border">
      <div class="card-body mb-0">
        <div class="row mb-0 pb-2">
          <div class="col-lg mb-3 mb-lg-0">
            <h3 class="api-title">Service List</h3>
            <p>Service List API Responses</p>
          </div>
          <div class="col-lg-3">
            <div class="row">
              <div class="col mb-4">
                <h6>key</h6>
                <p>Your API key</p>
              </div>
              <div class="col mb-4">
                <h6>action</h6>
                <p>services</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">[
    {
        "service": 1,
        "name": "Followers",
        "type": "Default",
        "category": "First Category",
        "rate": "0.90",
        "min": "50",
        "max": "10000",
        "refill": true
    },
    {
        "service": 2,
        "name": "Comments",
        "type": "Custom Comments",
        "category": "Second Category",
        "rate": "8",
        "min": "10",
        "max": "1500",
        "refill": false
    }
]</pre>
  </section>
  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <div class="row align-items-center">
          <div class="col-md-7 col-lg-8 col-xxl-9">
            <h3 class="api-title mb-0">
              Add Order
            </h3>
          </div>
          <div class="col-md-5 col-lg-4 col-xxl-3 mt-3 mt-md-0">
            <select id="test" class="form-select">
              <option value="1">Default</option>
              <option value="2">Bla</option>
              <option value="2">Bla</option>
            </select>
          </div>
        </div>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>add</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>service</h6>
            <p>Service ID</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>link</h6>
            <p>Link to page</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>usernames</h6>
            <p>Usernames list separated by \r\n or \n</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "order": 23501
}</pre>
  </section>
  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <h3 class="api-title mb-0">Order Status</h3>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>status</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>order</h6>
            <p>Order ID</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "charge": "0.27819",
    "start_count": "3572",
    "status": "Partial",
    "remains": "157",
    "currency": "USD"
}</pre>
  </section>

  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <h3 class="api-title mb-0">Multiple orders status</h3>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>status</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>orders</h6>
            <p>Order IDs separated by comma</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "1": {
        "charge": "0.27819",
        "start_count": "3572",
        "status": "Partial",
        "remains": "157",
        "currency": "USD"
    },
    "10": {
        "error": "Incorrect order ID"
    },
    "100": {
        "charge": "1.44219",
        "start_count": "234",
        "status": "In progress",
        "remains": "10",
        "currency": "USD"
    }
}</pre>
  </section>

  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <h3 class="api-title mb-0">Create refill</h3>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>refill</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>order</h6>
            <p>Order ID</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "refill": "1"
}</pre>
  </section>



  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <h3 class="api-title mb-0">Get refill status</h3>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>refill_status</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>refill</h6>
            <p>Refill ID</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "status": "Completed"
}</pre>
  </section>

  <section class="api-section">
    <div class="card card-border">
      <div class="card-header">
        <h3 class="api-title mb-0">User balance</h3>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-4">
            <h6>key</h6>
            <p>Your API key</p>
          </div>
          <div class="col-md-3 mb-4">
            <h6>action</h6>
            <p>balance</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="api-section">
    <pre class="code card card-border card-body">{
    "balance": "100.84292",
    "currency": "USD"
}</pre>
  </section>
  <section class="api-section">
		<a href="/example.txt" class="btn btn-primary" target="_blank">Example of PHP code</a>
  </section>

							  </div>
						   </div>
						</div>
					 </div>
				</div>
			 </div>
         </div>
      </main>

           

		



<style>.particle-snow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle-snow canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.christmas-garland{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;padding:0;pointer-events:none;width:100%;height:85px}.christmas-garland .christmas-garland__item{position:relative;width:28px;height:28px;border-radius:50%;display:inline-block;margin-left:20px}.christmas-garland .christmas-garland__item .shape{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.christmas-garland .christmas-garland__item .apple{width:22px;height:22px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:8px}.christmas-garland .christmas-garland__item .pear{width:12px;height:28px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:6px}.christmas-garland .christmas-garland__item:nth-child(2n+1) .shape{-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:.4s;animation-duration:.4s}.christmas-garland .christmas-garland__item:nth-child(4n+2) .shape{-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.christmas-garland .christmas-garland__item:nth-child(odd) .shape{-webkit-animation-duration:1.8s;animation-duration:1.8s}.christmas-garland .christmas-garland__item:nth-child(3n+1) .shape{-webkit-animation-duration:1.4s;animation-duration:1.4s}.christmas-garland .christmas-garland__item:before{content:"";position:absolute;background:#222;width:10px;height:10px;border-radius:3px;top:-1px;left:9px}.christmas-garland .christmas-garland__item:after{content:"";top:-9px;left:14px;position:absolute;width:52px;height:18px;border-bottom:solid #222 2px;border-radius:50%}.christmas-garland .christmas-garland__item:last-child:after{content:none}.christmas-garland .christmas-garland__item:first-child{margin-left:-40px}</style>
      
     
       <div class="bs-toast">
         <div class="bs-toast-content">
            <div class="toast-text">Copy to clipboard</div>
         </div>
      </div>

      <div class="overlay"></div>
    
{% include 'footer1.twig' %}
