@extends('panel.layouts.superadmin.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Subcriptions</title>
@stop
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <i class="fa fa-cube"></i>
            <h3 class="box-title">
              Subcriptions
            </h3>
            <div class="box-tools box-tools-common pull-right">
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('subcriptions-grid')" title="Search"><i class="fa fa-search"></i></a>
            </div>
          </div>
          <div class="box-body">
            <div class="table-responsive">
             <table id="subcriptions-grid" class="table table-bordered table-hover display">
              <thead>
                <th>Id</th> 
                <th>Account Name</th>
                <th>Branch Name</th>
                <th>Address</th>
                <th>Branch GST</th>
                <th>Type</th>
                <th>Start Date</th>
                <th>End Date</th>
                <th>Amount</th>
                {{-- <th>Status</th> --}}
                <th>&nbsp;</th>  
              </thead>
              <tbody>
              </tbody>
            </table> 
          </div>
        </div>
      </div>
      <div class="clients_modal_div">
        <div class="edit_modal">
        </div>
        {{-- @include('panel.clients.create', [@$data]) --}}
      </div>
      {{-- @include('common.modal.delete_confirm_modal',['entity' =>  'client']) --}}
      </section>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  $(document).ready(function () {
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initRichText();
    subcriptionsTable = $('#subcriptions-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
      "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
      "order": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("subscriptions.list")}}',
        type: 'POST',
      },
      columns: [
      {data: 'id', name: 'id',visible: false,searchable: false},
      {data: 'account_name', name: 'account_name'},
      {data: 'branch_name', name: 'branch_name'},
      {data: 'branch_address', name: 'branch_address'},
      {data: 'branch_gst', name: 'branch_gst'},
      {data: 'type', name: 'type'},
      {data: 'start_date', name: 'start_date'},
      {data: 'end_date', name: 'end_date'},
      {data: 'amount', name: 'amount'},
      {data: 'actions', name: 'actions', orderable:false,searchable:false,className:'text-center'},
      ],'rowCallback': function(row, data, dataIndex){
            var rowId = data['id']; // Get row ID
            if($.inArray(rowId, rows_selected) !== -1){
              $(row).find('.entity_chkbox').prop('checked', true);
              $(row).addClass('selected');
            }
          },
        });
    initSelectAll('#subcriptions-grid', subcriptionsTable);

    
  });

  
</script>
@stop