{% include 'header.twig' %}
<style>

 {% if settings["site_theme_alt"] == "Lilac_Eternity" %}


		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: #393e46;
			border: 1px solid #a8c4ab;
			background-color: #F8F0FF;
		}

	


	{% else %}
		#service_description,
		#service_avg_time {
			padding-right: 12px;
    padding-bottom: 8px;
			font-size: 14px;
			line-height: 1.5;
			border: 1px solid #a8c4ab;
			border-radius: 2px;
			color: #515b78;
			
				
			background-color: #fafcfe;
   
		}

	{% endif %}

</style>
 <script type="text/javascript">
$(function () {
    $('#neworder_category').selectpicker();
});
</script>	
<br>
   <div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
    
                                                                     
 
  <div id="block_12">
 
 <div class="totals ">
    <div class="bg"></div>
    <div class="divider-top"></div>
    <div class="divider-bottom"></div>
    <div class="container-fluid">
      <div class="row align-items-stretch justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="card h-100" style="padding-top:10px;padding-bottom: 10px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-width: 0px;border-style: solid;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10  style-text-primary" style="">
  <img src="https://i.postimg.cc/rFQs3DCk/kf2-gif.gif">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size:19px;">
    {{ user["username"]  }}
</h2>
    </div>
    <div class="totals-block__card-name">
  <p style=" font-size:14px;"><marquee>Welcome To {{ site["site_name"]  }} </marquee> </p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="card h-100" style="padding-top:10px;padding-bottom: 10px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-width: 0px;border-style: solid;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
  <img src="https://c.tenor.com/o7xzZ5dqClMAAAAC/money-love.gif">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
 {{ user["spent"] }} 
</h2>
    </div>
    <div class="totals-block__card-name">
  <p>Total Spent</p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="card h-100" style="
  padding-top:10px;padding-bottom: 10px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-width: 0px;border-style: solid;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
<img src="https://c.tenor.com/XW-LgnkZQ28AAAAC/shopping-online.gif">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
 {{totalorders}}    
								 
  </h2>
    </div>
    <div class="totals-block__card-name">
  <p>Today Orders</p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="card h-100" style="
  padding-top:10px;padding-bottom: 10px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-width: 0px;border-style: solid;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
 <img src="https://www.bootgum.com/wp-content/uploads/2018/07/Wallet_Cash_550px.gif">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
  
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
{{ user["balance"] }}  </h2>
    </div>
    <div class="totals-block__card-name">
  <p>Total Balance</p>
    </div>
  </div>
</div>
      </div>
    </div>
</div>
    </div>
</div>
</div>
     
                                    
  
         




   
<div style="padding-bottom: 2px;padding-top: 2px;" id="block_93">
    <div class="new_order-block ">
<div class="bg"></div>
<div class="divider-top"></div>
<div class="divider-bottom"></div>
<div class="container">
    <div class="row new-order-form">
<div class="col-lg-7">
   <div class="component_form_group component_card component_radio_button">
<div class="card ">
{% if error %}
      <div class="alert alert-dismissible alert-danger">
{{ errorText }}
      </div>
    {% endif %}

    {% if data["order"]["success"] == 1 %}
<div class="order-success-card" id="order-success-card">
<center>
<img src="https://i.ibb.co/3MJZdBd/icons8-checkmark-384-3x.png" alt="checkmark"></center>
<div class="user-details">
<div id="sample" class="order-details">
<center><p><span class="paid-amount"><b>Your Order Has Been Placed :</b><span  style="color:#7743DB">{{data['order']['id']}}</span></span></p></center>
 

<br>
<p><span class="service-name">
<b>Service :</b><br/>{{data['order']['service']}}</span></p>
<p><span class="link"><b>Link :</b><br /><a href="{{data['order']['link']}}">{{data['order']['link']}}</a></span></p>
<p><span class="quantity"><b> Quantity :</b><span style="color:#E0144C">{{data['order']['quantity']}}</span></span></p>
<div class="order-details">
    
</div></div>
<div class="user-details">
<center><p><span class="paid-amount"><b>You paid :</b><span style="color:#7743DB">{{ data['order']['price'] }}</span></span></p>
<p><b></b>Remaining balance :</b><span class="quantity" style="color:#E0144C">{{ data['order']['balance'] }}</span></p>

</div></div>
<button type="button" onclick="closeOrderReceiptCard()">OK</button>

<button type="button" onclick="CopyToClipboard('sample');return false;">Copy Order Details</button>
</div>
  
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
  
    
<script>
function CopyToClipboard(id){
    var r = document.createRange();
r.selectNode(document.getElementById(id));
window.getSelection().removeAllRanges();
window.getSelection().addRange(r);
document.execCommand('copy');
window.getSelection().removeAllRanges();

var el = document.getElementById("order-success-card");

el.classList.remove("order-success-card-active");
    var copy = $('.copy_text').val();
    $('.copy_text').select();
    document.execCommand('copy');
    
    Swal.fire({
        icon: 'success',
        title: 'Successfully Copied',
        text: copy,
        showConfirmButton: false,
        timer: 3000
    });
    
}

 

</script>    

<script>

setTimeout(function(){
var el = $("#order-success-card");
el.addClass("order-success-card-active");
},1000);
function closeOrderReceiptCard(){

var el = document.getElementById("order-success-card");

el.classList.remove("order-success-card-active");
}
</script>
    {% endif %}
    {% if data["order"]["success"] == 2 %}
      <div class="alert alert-dismissible alert-success">
 <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
 <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
 <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>
 <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>
 <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>
 <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>
       </div>
    {% endif %}
 

     <div class="well">

	
<form method="post" action="">
<div class="component_button_forms">
    <div class="form-group">
<label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>

<select class="form-control" id="neworder_category" name="categories" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-category-container" tabindex="-1" aria-hidden="true">
{{ category_html_simplify }}

</select>
<div id="select-category-container" class="position-relative"></div>
</div>
</div>
    <div class="form-group">
<label for="orderform-service" class="control-label">{{ lang["neworder.service"] }}</label>
<select class="form-control" id="neworder_services" name="services" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-service-container" tabindex="-1" aria-hidden="true">
<option value="1">No services found in this category</option>
</select>
<div id="select-service-container" class="position-relative"></div>
    </div>


  
  
  
  
  
  
  

    <div id="neworder_fields"></div>
            <div class="form-group" id="charge_div">
              <label for="charge" class="control-label">{{ lang["neworder.charge"] }}</label>
              <input type="text" class="form-control" id="charge" readonly>
            </div>
  
  


           

            


          
         <button type="submit" class="btn btn-block btn-primary">Submit</button>
</form>
                      </div>
   </div>
</div>
    </div> </div> 
                
                 <div class="col-lg-5 mt-4">
			 <div class="component_content_card component_content_button component_content_headers">
		  	
        <div class="card" style="">             
      
      <div class="well ">
        {{ contentText }}
      										

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



<br><br>

{% include 'footer.twig' %}

<script type="text/javascript" src="/app/hidden/main.js">



</script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>



	  <script type="text/javascript" >

     window.modules.select = [];   </script>

  <script type="text/javascript" >
      </script>
      

      <script src="/public/Eternity/js/neworder/two.js"></script>

  <script type="text/javascript" src="https://cdn.mypanel.link/global/df8hlinx1yt4aa3n.js">
      </script>
  <script type="text/javascript" src="/public/Eternity/js/neworder/one.js">
      </script>

<script type="text/javascript" >
     window.modules.siteOrder = {""} ; 
	 </script>
	  <script type="text/javascript" >
     window.modules.select = [];   </script>
  <script type="text/javascript" >
      </script>
<script>




function ikon(opt) {
    var ikon = "";
    if (opt.indexOf("Instagram") >= 0) {
        ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("ɪɴsᴛᴀɢʀᴀᴍ") >= 0) {
        ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Working") >= 0) {
        ikon = "<span class=\"fs-wo\"><i class=\"fas fa-gem\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Vip") >= 0) {
        ikon = "<span class=\"fs-vi\"><i class=\"fad fa-crown\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("𝐕𝐞𝐫𝐢𝐟𝐢𝐞𝐝") >= 0) {
        ikon = "<span class=\"fs-vr\"><i class=\"fa-sharp fas fa-badge-check\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("IG") >= 0) {
        ikon = "<span class=\"fs-ig\"><i class=\"fab fa-instagram\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("New") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fa-sharp fas fa-sparkles\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("YouTube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Facebook") >= 0) {
        ikon = "<span class=\"fs-fb\"><i class=\"fab fa-facebook-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("youtube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Youtube") >= 0) {
        ikon = "<span class=\"fs-yt\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Twitter") >= 0) {
        ikon = "<span class=\"fs-tw\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Google") >= 0) {
        ikon = "<span class=\"fs-gp\"><i class=\"fab fa-google-plus\" aria-hidden=\"true\"></i> </span>";
    }  else if (opt.indexOf("Swarm") >= 0) {
        ikon = "<span class=\"fs-fsq\"><i class=\"fab fa-forumbee\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Dailymotion") >= 0) {
        ikon = "<span class=\"fs-dm\"><i class=\"fab fa-hospital-o\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Periscope") >= 0) {
        ikon = "<span class=\"fs-pc\"><i class=\"fab fa-map-marker\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Soundcloud") >= 0) {
        ikon = "<span class=\"fs-sc\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Vine") >= 0) {
        ikon = "<span class=\"fs-vn\"><i class=\"fab fa-vine\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Spotify") >= 0) {
        ikon = "<span class=\"fs-sp\"><i class=\"fab fa-spotify\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Snapchat") >= 0) {
        ikon = "<span class=\"fs-snap\"><i class=\"fab fa-snapchat-square\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Pinterest") >= 0) {
        ikon = "<span class=\"fs-pt\"><i class=\"fab fa-pinterest-p\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("iTunes") >= 0) {
        ikon = "<span class=\"fs-apple\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("MÃƒÂ¼zik") >= 0) {
        ikon = "<span class=\"fs-music\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Vimeo") >= 0) {
        ikon = "<span class=\"fs-videmo\"><i class=\"fab fa-vimeo\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("EkÃ…Å¸i") >= 0) {
        ikon = "<span class=\"fs-eksi\"><i class=\"fab fa-tint\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Telegram") >= 0) {
        ikon = "<span class=\"fs-telegram\"><i class=\"fab fa-telegram\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("SosyalCennet") >= 0) {
        ikon = "<span class=\"fs-hot\"><i class=\"fab fa-hotjar\" aria-hidden=\"true\"></i> </span>";

    }else if (opt.indexOf("Twitch") >= 0) {
        ikon = "<span class=\"fs-twc\"><i class=\"fab fa-twitch\" aria-hidden=\"true\"></i> </span>";

    } else if (opt.indexOf("Zomato") >= 0) {
        ikon = "<span class=\"fs-zom\"><i class=\"fab fa-cutlery\" aria-hidden=\"true\"></i> </span>";
 } else if (opt.indexOf("Amazon") >= 0) {
        ikon = "<span class=\"fs-amaz\"><i class=\"fab fa-amazon\" aria-hidden=\"true\"></i> </span>";
   } else if (opt.indexOf("Tumblr") >= 0) {
        ikon = "<span class=\"fs-tumb\"><i class=\"fab fa-tumblr-square\" aria-hidden=\"true\"></i> </span>";
  
   } else if (opt.indexOf("Yandex") >= 0) {
        ikon = "<span class=\"fs-yndx\"><i class=\"fab fa-yoast\" aria-hidden=\"true\"></i> </span>";
  
  } else if (opt.indexOf("Linkedin") >= 0) {
        ikon = "<span class=\"fs-lnk\"><i class=\"fab fa-linkedin\" aria-hidden=\"true\"></i> </span>";
  
  } else if (opt.indexOf("Yahoo") >= 0) {
        ikon = "<span class=\"fs-yahoo\"><i class=\"fab fa-yahoo\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Private") >= 0) {
        ikon = "<span class=\"fs-private\"><i class=\"fab fa-times\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("TikTok") >= 0) {
        ikon = "<span class=\"fs-tiktok\"><i class=\"fab fa-tiktok\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Tiktok") >= 0) {
        ikon = "<span class=\"fs-tiktok\"><i class=\"fab fa-tiktok\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Clubhouse") >= 0) {
        ikon = "<span class=\"\"><i class=\"fas fa-camera-home\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Audiomack") >= 0) {
        ikon = "<span class=\"\"><i class=\"fa fa-music\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Snapchat") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-snapchat\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Plays") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-music\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("SoundCloud") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-soundcloud\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Reddit") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-reddit\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Pinterest") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-pinterest\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Linkedin") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-linkedin-in\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Tumblr") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-tumblr\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Blogger") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-blogger\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Likee") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-heart\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Mixcloud") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-mixcloud\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("VK") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-vk\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Vimeo") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-vimeo-v\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Periscope") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-periscope\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Dailymotion") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-dailymotion\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Kiwi") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-kiwi-bird\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Apple") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-apple\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Report") >= 0) {
        ikon = "<span class=\"\"><i class=\"fad fa-skull-crossbones\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Ban") >= 0) {
        ikon = "<span class=\"\"><i class=\"fas fa-skull-crossbones\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Mobile") >= 0) {
        ikon = "<span class=\"\"><i class=\"fad fa-mobile\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Napster") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-napster\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Website") >= 0) {
        ikon = "<span class=\"\"><i class=\"fas fa-globe\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("website") >= 0) {
        ikon = "<span class=\"\"><i class=\"fas fa-globe\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Sale") >= 0) {
        ikon = "<span class=\"\"><i class=\"fas fa-gift\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("OnlyFans") >= 0) {
        ikon = "<span class=\"\"><i class=\"far fa-lock-alt\" aria-hidden=\"true\"></i> </span>";
    } else if (opt.indexOf("Discord") >= 0) {
        ikon = "<span class=\"\"><i class=\"fab fa-discord\" aria-hidden=\"true\"></i> </span>";
    } else {
  //  ikon = "<span class=\"\"><i class=\"fas fa-bolt\"aria-hidden=\"true\"></i> </span>  ";
   ikon = "<span class=\"\"><i class=\"fas fa-bolt\"aria-hidden=\"true\"></i> </span>  ";
    }
    return ikon;
}



  

$(document).ready(function() {

  
  $(".mk-icons").each(function() {
        var ico = ikon($(this).text());
        $(this).html(ico + $(this).text() );
        console.log($(this).text());
    }); 
      
    
    //console.log(ico);
    //console.log($(".mk-icon").html());
       // $("#mk-icon").html(ico );
});

function chk()
        {
          var a=document.getElementById("orderform-service").value;
          document.getElementById("span_sh").textContent="ID : "+a;
        // alert("ID : "+ a );
        }

</script>

</div>
