@extends('layouts.admin')

@section('content')
<div class="content-area">
  <div class="mr-breadcrumb">
    <div class="row">
      <div class="col-lg-12">
        <h4 class="heading">{{ __("Vendor Subscription Plans") }}</h4>
        <ul class="links">
          <li>
            <a href="{{ route('admin.dashboard') }}">{{ __("Dashboard") }} </a>
          </li>
          <li>
            <a href="{{ route('admin-subscription-index') }}">{{ __("Vendor Subscription Plans") }}</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="product-area">
    <div class="row">
      <div class="col-lg-12">
        <div class="mr-table allproduct">

          @include('includes.admin.form-success')

          <div class="table-responsiv">
            <table id="geniustable" class="table table-hover dt-responsive" cellspacing="0" width="100%">
              <thead>
                <tr>
                  <th><i class="icofont-options icofont-lg" data-toggle="tooltip" title='{{ __("Options") }}'></i></th>
                  <th>{{ __("Title") }}</th>
                  <th><i class="icofont-dollar icofont-lg" data-toggle="tooltip" title='{{ __("Cost") }}'></i></th>
                  <th><i class="icofont-clock-time icofont-lg" data-toggle="tooltip" title='{{ __("Duration") }}'></i>
                  </th>
                  <th>{{ __("Product Allowed") }}</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{{-- ADD / EDIT MODAL --}}

<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1" aria-hidden="true">

  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="submit-loader">
        <img src="{{asset('storage/images/spinner.gif')}}" alt="">
      </div>
      <div class="modal-header">
        <h5 class="modal-title"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __("Close") }}</button>
      </div>
    </div>
  </div>
</div>

{{-- ADD / EDIT MODAL ENDS --}}

{{-- DELETE MODAL --}}

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="modal1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header d-block text-center">
        <h4 class="modal-title d-inline-block">{{ __("Confirm Delete") }}</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <p class="text-center">{{ __("You are about to delete this Subscription.") }}</p>
        <p class="text-center">{{ __("Do you want to proceed?") }}</p>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer justify-content-center">
        <button type="button" class="btn btn-default" data-dismiss="modal">{{ __("Cancel") }}</button>
        <a class="btn btn-danger btn-ok">{{ __("Delete") }}</a>
      </div>

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

{{-- DELETE MODAL ENDS --}}

@endsection

@section('scripts')

{{-- DATA TABLE --}}

<script type="text/javascript">
  var table = $('#geniustable').DataTable({
    stateSave: true,
    stateDuration: -1,
    ordering: false,
    processing: true,
    serverSide: true,
    ajax: '{{ route("admin-subscription-datatables") }}',
    columns: [
      {
        data: 'action',
        searchable: false,
        orderable: false
      },
      {
        data: 'title',
        name: 'title'
      },
      {
        data: 'price',
        name: 'price'
      },
      {
        data: 'days',
        name: 'days'
      },
      {
        data: 'allowed_products',
        name: 'allowed_products'
      }
    ],
    language: {
      url: '{{$datatable_translation}}',
      processing: '<img src="{{asset("storage/images/spinner.gif")}}">'
    },
    drawCallback: function(settings) {
      $(this).find('.select').niceSelect();
    },
    initComplete: function(settings, json) {
      $(".btn-area").append('<div class="col-sm-4 table-contents">' +
        '<a class="add-btn" data-href="{{route("admin-subscription-create")}}" data-header="{{__("Add New Subscription")}}" id="add-data" data-toggle="modal" data-target="#modal1">' +
        '<i class="fas fa-plus"></i> {{ __("Add New Subscription") }}' +
        '</a>' +
        '</div>');
        /*
        * Setando no Cookie a página atual
        */
        $("#geniustable").on('page.dt', function(){
            sessionStorage.setItem("CurrentPage", table.page());
        });
    }
  });
</script>
{{-- DATA TABLE ENDS--}}
<script>
  $(document).ready(function(){
      // First access - CurrentPage
      if(sessionStorage.getItem("CurrentPage") == undefined){
          sessionStorage.setItem("CurrentPage", 0);
      }
      $(document).on('click', 'a', function(e){
          var link = jQuery(this);
          var x = '{{ Request::route()->getPrefix() }}';
          y = x.split("/");
          if(!(link.attr("data-href") || link.attr("href").indexOf("#") > -1 || link.attr("href").indexOf("javascript") > -1 || link.attr("href").indexOf(y[1]) > -1)){
              sessionStorage.setItem("CurrentPage", 0);
              table.state.clear();
          }
      });
  });
</script>
@endsection