templates/order/partials/direct.html.twig line 1

Open in your IDE?
  1. <div class="row">
  2.     <div class="col-lg-6 offset-lg-3" ng-controller="DirectController">
  4.         <div>
  5.             <div class="select__offer px-3 py-3 mb-3">
  7.                 <div class="d-flex" style="justify-content: space-between;">
  8.                     <h3 class"mb-0">Order</h3>
  9.                     <b class="h3 mb-0">{{get_currency()}}[{current_offer.Price}]</b>
  10.                 </div>
  12.                 <hr />
  14.                 <div class="d-flex d-row gap-3 mt-4 align-items-center">
  15.                     <span><i class="{{ icons[current_sub_service.Text] }}"></i></span>
  16.                     <span style="flex: auto;font-size: 16px;font-weight: bold;line-height: 18px;">
  17.                         [{current_offer.Quantity}] [{current_sub_service.Text}]
  18.                         <br />
  19.                         <em style="font-size: 13px;font-weight: normal;">[{current_offer.Quantity}] [{current_sub_service.Text}] / 1 profile</em>
  20.                     </span>
  21.                     <span style="font-size: 20px;font-weight: bold;">
  22.                         <sub style="bottom: -2px;margin-right: 5px;color: red;" class="text-decoration-line-through">
  23.                             [{truncateToTwoDecimals(current_offer.Price * (1 + (current_offer.Discount / 100)))}]
  24.                         </sub> 
  25.                         {{get_currency()}}[{current_offer.Price}]
  26.                     </span>
  27.                 </div>
  29.                 <hr />
  31.                 {% for item in 1..current_sub_service.max_links %}
  32.                     <div class="mb-3">
  33.                         {# <input type="text" class="form-control" placeholder="Enter link" aria-describedby="basic-addon2" ng-model="order.links[0]" ng-class="{'is-invalid': validation.links.length > 0}"> #}
  34.                         <input type="text" class="form-control" id="links" placeholder="Enter your link" required ng-model="order.links[0]" ng-class="{'is-invalid ng-invalid': validation.links.length > 0}">
  35.                         <p *ng-if="validation.links.length > 0" class="text-danger">
  36.                             [{validation.links[0]}]
  37.                         </p>
  38.                     </div>
  39.                 {% endfor %}
  41.                 <hr />    
  43.                 <div class="d-flex" style="justify-content: space-between;">
  44.                     <h3 class"mb-0">Total to pay</h3>
  45.                     <b class="h3 mb-0">{{get_currency()}}[{current_offer.Price}]</b>
  46.                 </div>
  47.             </div>
  49.             <div class="select__offer px-3 py-3 mb-3">
  50.                 <h2 class="text-center">Checkout</h2>
  52.                 <div class="mb-3">
  53.                     <label for="email" class="form-label">Enter your e-mail to receive the confirmation order</label>
  54.                     <input type="text" class="form-control" id="email" placeholder="Enter your email" required ng-model="order.email" ng-class="{'is-invalid': validation.email.length > 0}">
  55.                     <p *ng-if="validation.email.length > 0" class="text-danger">
  56.                         [{validation.email[0]}]
  57.                     </p>
  58.                 </div>
  59.                 
  60.                 <div class="mb-3">
  61.                     {# <button class="btn btn-lg btn-primary d-block w-100" ng-click="proceedToCheckout()">Pay {{get_currency()}}[{current_offer.Price}]</button> #}
  62.                     <button class="btn btn-primary btn-lg d-block w-100" ng-click="proceedToCheckout()" ng-disabled="submitting" ng-class="{'loading': submitting}">
  63.                         <span ng-show="submitting">Please wait while submitting your order</span>
  64.                         <span ng-show="!submitting">Pay {{get_currency()}}[{current_offer.Price}]</span>
  65.                     </button>
  66.                 </div>
  68.                 <div class="text-center">
  69.                     <p>
  70.                         By completing your order, you agree to the <a href="/terms/terms" target="_blank">terms of services</a> 
  71.                         and <a href="/terms/privacy" target="_blank">privacy policy</a>.
  72.                     </p>
  74.                     <p>
  75.                         <strong>All pricing is in {{get_currency()}}.</strong> If paying with a different currency, the billed amount is 
  76.                         subject to exchange rates and additional fees.
  77.                     </p>
  78.                 </div>
  80.             </div>
  81.         </div>
  82.     </div>
  83. </div>