@extends('layouts.admin')

@section('title') Subscriptions @endsection

@section('page_title') Subscriptions @endsection
@push('page_style')
@include('include.dataTableStyles')
@endpush

@section('content')
<!-- Main content -->
@push('page_style')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
@endpush
<section class="mainAdds">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0">Subscriptions</h1>
      </div>

    </div>
  </div>
  <!-- /.content-header -->

  <div class="row">
    <div class="col-12">
      <div class="card data-table">
        <div class="filterheader invoiceheader subscriphead_">
          <div class="headingfilter">
            <h3 class="card-title">List of all Subscriptions</h3>
          </div>
          <div class="form-group sellertypeFilter"> 
            <label>Subscriptions filter by :</label> 
            {{-- <select id='is_approved' class="form-control" style="width: 200px">  
                <option value="{{\App\Models\Subscription::STATUS_UNDERPAYMENT}}">Underpayment</option> 
                <option value="{{\App\Models\Subscription::STATUS_OVERPAYMENT}}" selected="">Overpayment</option> 
                <option value="{{\App\Models\Subscription::STATUS_REFUND}}">Refunded</option> 
            </select>  --}}
            @php
            $under=\App\Models\Subscription::where('status',\App\Models\Subscription::STATUS_UNDERPAYMENT)->count();
            $over=\App\Models\Subscription::where('status',\App\Models\Subscription::STATUS_OVERPAYMENT)->count();
            $refund=\App\Models\Subscription::where('status',\App\Models\Subscription::STATUS_REFUND)->count();

            @endphp

            <input type="hidden" id="status" value="{{!empty(request()->get('status')) ? request()->get('status') : ((request()->get('status') == null) ? \App\Models\Subscription::STATUS_UNDERPAYMENT :request()->get('status'))}}">
            <div>
              <a class="btn btn_ mr-2  newBtn {{((request()->get('status') == \App\Models\Subscription::STATUS_UNDERPAYMENT) || (request()->get('status') == null)) ? 'active' : ''  }}" href="{{ route('subscription.AdminIndex',['status'=>\App\Models\Subscription::STATUS_UNDERPAYMENT]) }}"
              >Underpayment
              @if ($under)
              <span>{{$under}}</span>
              @endif
            </a>
              <a class="btn btn_ mr-2 newBtn {{(request()->get('status') == \App\Models\Subscription::STATUS_OVERPAYMENT) ? 'active' : ''  }}" href="{{ route('subscription.AdminIndex',['status'=>\App\Models\Subscription::STATUS_OVERPAYMENT]) }}"
              >Overpayment 
              @if ($over)
              <span>{{$over}}</span>
              @endif
            </a>
              <a class="btn btn_ mr-2 newBtn {{(request()->get('status') == \App\Models\Subscription::STATUS_REFUND) ? 'active' : ''  }}" href="{{ route('subscription.AdminIndex',['status'=>\App\Models\Subscription::STATUS_REFUND]) }}"
              >Refunded
              @if ($refund)
              <span>{{$refund}}</span>
              @endif
            </a>
            </div>
        </div>
          <!-- <div class="rightrangeBox_">
            <input type="text" name="daterange" id="daterangepicker" class="form-control daterangeBox" /> -->
            <!-- <form action="{{route('download.multiple.invoice')}}">
              <input type="hidden" id="range" name="range">
              <button type="submit" id="invoiceBtn" class="SubscriptionBtn btn-commom downloadButton"><a>Download Invoice</a></button>
            </form> -->


          <!-- </div> -->
        </div>

        

        <div class="card-body">
          <div class="table-responsive">
            <table id="brandTable" class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>S.No</th>
                  <th>Subscription ID</th>
                  <!-- <th>AutoRenew</th> -->
                  <th>User</th>
                  <th>Advertisment</th>
                  <th>Status</th>
                  <th>Created At</th>
                  <th data-orderable="false">Action</th>
                  <th data-orderable="false">Log</th> 
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
      <!-- /.card -->
    </div>
  </div>
  <!-- /.container-fluid -->

  <div class="modal fade" id="approveModal" aria-hidden="true"
    aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <a href="#" class="cancel-model"  onclick = "$('#approveModal').modal('hide')"  data-bs-dismiss="modal" aria-label="Close"> 
                <img src="{{asset('frontend/img/Cancel.svg')}}"class="img-fluid" ></a>
                <div class="modal-header">
                    <img src="{{asset('frontend/img/Rejet.svg')}}" class="img-fluid">
                    <h6>Are you sure you want to refund this Payment?</h6>
                </div>
                <div class="modal-body"> 
                    
                      <div class="group_btn">
                            <a  class="btn btn_ submitApproveform" >Yes, Refund</a>
                            <a href="javascript:void(0);" class="btn btn_ Rejetform" onClick="$('#approveModal').modal('hide');">No, Cancel</a>
                      </div>
                    </div>      
                </div>
        </div>
    </div>
</div>
</section>



@push('page_script')

@include('include.dataTableScripts')
<script src="{{ asset('js/pages/subscription/index.js') }}"></script>
@endpush


@endsection