@extends('coaching.layout.master')
@section('content')
<div class="app-content my-3 my-md-5">
  <div class="side-app">
    <div class="page-header">
      <ol class="breadcrumb">
        <li class="breadcrumb-item" aria-current="page">
          <a href="{{route('coaching.coupon.list')}}">Coupon Management</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          Redemption Details
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <h1>Redemption Details</h1>

    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-header center-header pt-5">
            <h2>Coupons</h2>
            <div class="filter-group">
              <input type="hidden" name="date_type1" id="date_type1">
              <div class="dropdown custom-date">
                <button class="btn btn-custom-toggle dropdown-toggle btn-block" type="button" id="dropdownMenuButton"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Custom Date
                </button>
                <div class="dropdown-menu custom-dropdown-menu right-move" aria-labelledby="dropdownMenuButton"
                  x-placement="bottom-start"
                  style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 44px, 0px);">
                  <div class="custom-date-content">
                    <h6>Filter by redeem date</h6>
                    <ul>
                      <li data-id="1" style="cursor: pointer;" class="date_selector">Today</li>
                      <li data-id="2" style="cursor: pointer;" class="date_selector">Last 7 Days</li>
                      <li data-id="3" style="cursor: pointer;" class="date_selector">This Month</li>
                      <li data-id="4" style="cursor: pointer;" class="date_selector">This Year: {{date('Y')}}</li>
                      <li data-id="5" style="cursor: pointer;" class="date_selector">Last Year: {{date('Y')-1}}</li>
                      <li data-id="6" style="cursor: pointer;" class="date_selector">All Time</li>
                    </ul>
                    <h6>Filter by redeem date range</h6>
                    <div class="date-group">
                      <div class="input-group">
                        <div class="input-group-prepend">
                          <div class="input-group-text">
                            <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                          </div>
                        </div>
                        <input class="form-control input-sm all_from_date" name="all_from_date" placeholder="MM/DD/YYYY" type="text" id="dp1588836251070">
                      </div>
                      <span>To</span>
                      <div class="input-group">
                        <div class="input-group-prepend">
                          <div class="input-group-text">
                            <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                          </div>
                        </div>
                        <input class="form-control input-sm all_to_date" name="all_to_date" placeholder="MM/DD/YYYY" type="text" id="dp1588836251072">
                      </div>
                    </div>
                    <div class="btn-content">
                      <button class="btn btn-outline-primary btn-pill add-btn-sm btn-streach-md cancel_date">Cancel</button>
                      <button class="btn btn-primary add-btn-sm btn-streach-md apply">Apply</button>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
          <div class="card-body pt-0">
            <p class="text-right font-bold total_redem">Total No of Redemption: {{count($redemTotal)}}</p>
            <div class="table-responsive">
              <table id="redemption_list" class="stripe row-border order-column dataTable no-footer">
                <thead>
                  <tr>
                    <th>Product Name<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                    <th width="25">Product Type<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                    <th>Exam Type<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                    <th>Last Redeemed Date On<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                    <th>Total Discount Redeemed<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--// MAIN BODY CONTENT -->
  </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
  var redemption_data = "{{route('coaching.coupon.redem', $id)}}";
</script>
<script type="text/javascript" src="{{asset('js/coaching/coupon.js?v='.time())}}"></script>
@endsection