@extends('layouts/contentLayoutMaster')

@section('title', 'Cashback')

@section('content')
<!-- Basic Tables start -->
<div class="row" id="basic-table">
<input type="hidden" name="" id="app_url" value="{{env('APP_URL')}}">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">Cashback List</h4>
       
        <a   class="btn btn-primary" href="{{route('create-reward')}}">
          
         Add
         </a>


      </div>
      </div>
      <div class="card-body">

      </div> 
      <div class="table-responsive">
        <table class="table" id="dataTableExample1">
          <thead>
            <tr>
             
             
              <th>S/N</th>
              <th>Cashback Code</th>
              <th>Cashback Amount</th>
              <th>Phone No</th>
              <th>Expiry Date</th>
              <th>status</th>
            </tr>
          </thead>
          <tbody>

   
                        @foreach($reward as $coupon)
            <tr>

            <td><span class="badge rounded-pill  badge-light-secondary me-1">  {{$i}}</span>
            </td>
             
              <td>
              <span class="badge rounded-pill  badge-light-success me-1">{{$coupon->coupon_code}}</span>
              </td>
              <td>
              <span class="  badge-light-success me-1">{{$coupon->coupon_value}}</span>

              </td>
              <td>{{$coupon->phoneno}}</td>

              <td>
              <span class="badge rounded-pill  badge-light-danger me-1">{{$coupon->expiry_date}}</span>
              </td>
             
              <td>
                @if($coupon->status == 0)
                <span class="badge rounded-pill  badge-light-primary me-1">Pending</span>
                @else
                <span class="badge rounded-pill  badge-light-secondary me-1">Redeemed</span>
                @endif
              </td>
            </tr>
         
           
        @endforeach
          </tbody>
        </table>
      </div>

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


    </div>
  </div>
</div>
<!-- Basic Tables end -->

<link href="http://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet">   
<script src="http://code.jquery.com/jquery-3.3.1.js"></script>

<script src="http://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="http://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>

<script>
$('#dataTableExample1').DataTable({order:[]});

</script>


@endsection

@section('page-script')
  <!-- Page js files -->
  <script src="jquery-3.6.4.min.js"></script>

  <script>

    $('#Sendbutton').click(function(){
      $('#number_span').html('');

      var number = $('#number').val();

      if(number == ''){
        $('#number_span').html('Please enter number');
        return $('#number').focus();
      }

      var url   = $('#app_url').val();

      $.ajax({
        url: 'generate-coupon-code'+'/'+number, // JSON file to add data,
        type: 'get',
        dataType: 'json',
        contentType: false,
        processData: false,
        success: function (data) {

          $('#close-btn').click();


          window.open("https://api.whatsapp.com/send?phone=91"+(data.phoneno)+"&text= Get your  code using this link : "+(url)+"/public/link/"+(data.uuid), '_blank');

        },
        error: function (data) {
        }
      });



      



    });

  </script>
@endsection