{% include 'header.twig' %}
<div style="margin-top: 5pc;
    width: 100%;" class="main">
<div class="wrapper-content__header">
          </div>
<div class="wrapper-content__body">
      <!-- Main variables *content* -->
      
      <div id="block_16">
    <div class="ticket-form">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container-fluid">
            <div class="row ticket-form__alignment">
                <div class="col-lg-12">
                    <div class="dashboard-content">
  <div style="background-color:white;color:black" class="head clearfix">
    <div class="dch-title">
							<h2><i class="icon fas fa-ticket-alt me-3"></i> <font style="color:red">Coupon System</font></h2>
						</div>
						<div style="padding-top:15px" class="dch-text">To get an coupon code complete the surveys. Surveys are mentioned below!
						
   
  </div>
</div>
</div> 
                   <div class="component_card">
                      <div class="card">
    <div class="col-md-12">

      
      {% if error %}
        <div class="alert alert-dismissible alert-danger {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">Ã—</button>
          {{ errorText }}
        </div>
      {% elseif success %}
        <div class="alert alert-dismissible alert-success {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">Ã—</button>
          {{ successText }}
        </div>
      {% endif %}

      
        <div class="well">
          <form method="post" action="kupon">
            <div class="form-group">
              <label for="subject" class="control-label">Enter your Coupon Code here</label>
              <input type="text" class="form-control" id="kuponadi" name="kuponadi">
            </div>
            <button style="background-color:red" type="submit" class="btn btn-block btn-big-primary">Claim</button>
          </form>
        </div>
      </div>
      </div>
      </center>
<br>
<div class="row">
                        <div class="col">
                            
                                <div class="table-bg component_table mt-2">
                                    <div class="table-wr table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th style="background-color:red">Earn</th>
                                                <th style="background-color:red">Platform</th>
                                                <th style="background-color:red">Method</th>
                                                <th style="background-color:red">Time</th>
                                                <th style="background-color:red">Rule</th>
                                            </tr>
                                            </thead>
                                            <tbody>
<td><small>₹5</small></td>
<td><small>YouTube</small></td>
<td width="30%"><small>5 Positive comments for QuickStartSMM in smm panel related youtube videos with min 2K views</small></td>
<td><small>4 Hours</small></td>
<td>
                     <!-- Modal -->
                        <div class="modal fade" id="servis{{ service["service_id"] }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Rules & Procedure ðŸ‘‡</h5> 
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">Ã—</span>
                                </button>
                              </div>
                              <div class="modal-body text-left">
                                <p>1) After complete the survey send us screenshots on WhatsApp as proof.</p><br>
                                <p>2) When you send us screenshots we will check it and send you a Coupon Code. You can add free funds in our panel by using this Coupon Code.</p><br>
                                <p><font style="color:red">Note :</font> If you delete the survey after receiving the coupon code, you will be suspended forever from our panel.</p>
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-big-primary" style="width:25%;background-color:blue" data-dismiss="modal">Okay</button>
                              </div>
                            </div>
                          </div>
                        </div><a style="background-color:red" href="javascript:void(0)" class="btn btn-actions " data-toggle="modal" data-target="#servis{{ service["service_id"] }}">
                         View
                      </a>
                        </td>
            </tbody>
          </table>
        </div>
      </div>
  </div>
  </div>
</div></div>
</div></div>
</div></div>
</div><br>
<footer style="padding-top:80px">
        <div style="background-color:black;color:white" class="container">
          <div class="row">
            <div class="col-lg-3">
              <div class="footer__manger">
                <div style="padding-top:25px" class="logo">
                 <img src="https://picpost.golive.host/img/3b8c11b7/0181aa8c.png" height="75" alt="{{ site['site_name'] }}" title="">
                </div>
                <hr class="hr_primary">
                <div class="footer_info">
                 
                  <div class="info__item">
                    <div class="icon">
                      <i class="fas fa-envelope">
                    
                    <a href="mailto:quickstartsmm@gmail.com" class="info_text"> &nbsp;quickstartsmm@gmail.com</i></a>
                    </div>
                  </div>
                  <div class="info__item">
                    <div class="icon">
                      <i class="fab fa-whatsapp">
                    <a href="" class="info_text"> &nbsp;+91 6026235561</i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="padding:25px" class="col-lg-3 col-6">
              <div class="footer_links_wrap">
                <h2 style="color:white">Other Pages</h2>
                <div class="footer_link">
                  <p><a href="/"><font style="color:red">&#8594; New Order</font></a></p>
                  <p><a href="/orders"><font style="color:red">&#8594; Order History</font></a></p>
                  <p><a href="/api"><font style="color:red">&#8594; Api</font></a></p>
                  <p><a href="/account"><font style="color:red">&#8594; Account</font></a></p>
                  <p><a href="/refer"><font style="color:red">&#8594; Refer & Earn</font></a></p>
                </div>
              </div>
            </div>
            <div style="padding:25px" class="col-lg-3 col-6">
              <div class="footer_links_wrap">
                <h2 style="color:white">Our Services</h2>
                <div class="footer_link">
                  <p><a href="/services"><font style="color:red">&#8594; Facebook</font></a></p>
                  
                  <p><a href="/services"><font style="color:red">&#8594; Instagram</font></a></p>
                  
                  <p><a href="/services"><font style="color:red">&#8594; Twitter</font></a></p>
                  
                  <p><a href="/services"><font style="color:red">&#8594; Linkedin</font></a></p>
                  
                  <p><a href="/services"><font style="color:red">&#8594; Tiktok</font></a></p>
                </div>
              </div>
            </div>
            <div style="padding:25px" class="col-lg-3">
              <div class="footer_links_wrap">
                <h2 style="color:white">Find Us</h2>
                <a href="https://www.instagram.com/quickstartsmm" class="icon" target="_blank">
                  <i class="fab fa-instagram"></i></a>&nbsp;
                  
                   <a href="https://www.facebook.com/people/Quickstartsmm/61566119994115/" class="icon" target="_blank">
                  <i class="fab fa-facebook"></i></a>&nbsp;
                
                <a href="https://www.youtube.com/@quickstartsmm"  target="_blank" class="icon">
                  <i class="fab fa-youtube"></i></a>&nbsp;
               
                <a href="https://chat.whatsapp.com/GTtGWb1iqMRF7FE2Igh6Fj" class="icon" target="_blank">
                  <i class="fab fa-whatsapp"></i></a>&nbsp;
              </div>
            
          
    </footer>
    {% include 'footer.twig' %}