@extends('panel.layouts.superadmin.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Admins</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">
              Admins
            </h3>
            <div class="box-tools box-tools-common pull-right">
              {{-- <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_client_modal"  title="Delete selected items" id="deleteAll" name="remove_clients">
                <i class="fa fa-trash"></i>
              </a> --}}
              <label class="label label-success label-space active-count">Active Account : 0</label>
              <label class="label label-danger label-space inactive-count">Inactive Account : 0</label>
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('admins-grid')" title="Search"><i class="fa fa-search"></i></a>

              <a href="{{ route('sadmin.create-admin') }}"  class="btn btn-box-tool show-tooltip" title="Add Admin"><i class="fa fa-plus"></i></a>

            </div>

          </div>
          <div class="box-body">
            <div class="table-responsive">
             <table id="admins-grid" class="table table-bordered table-hover display">
              <thead>
                <th>Id</th> 
                {{-- <th class="text-center">
                  <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#clients-grid" /> 
                </th>  --}}
                <th>{{ trans('messages.name') }}</th>
                <th>{{ trans('messages.email') }}</th>
                <th>{{ trans('messages.address') }}</th>
                <th>{{ trans('messages.contact_number') }}</th>
                <th>{{ trans('messages.client_code') }}</th>
                <th>{{ trans('messages.referred_by') }}</th>
                <th>{{ trans('messages.type') }}</th>
                <th>&nbsp;</th>  
                <th>&nbsp;</th>  
              </thead>
              <tbody>
              </tbody>
            </table> 
          </div>
        </div>
      </div>

      <div class="row">
        <div class="modal fade" id="account_deactive_modal" tabindex='+1'>
         <div class="modal-dialog" role="document">
           <div class="modal-content">
             <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
               </button>
               <h4 class="modal-title">Account Deactive</h4>
             </div>
             <div class="modal-body">
               <p>Are you sure you want to deactive this account ?</p>
             </div>
             <div class="modal-footer">
              {{ Form::open(['method'=> 'POST']) }}
              <button type="button" data-dismiss="modal" autofocus class="btn btn-default">Cancel</button>
              <button type="button" class="btn btn-primary btn-delete" id="deactive_account_btn">Yes, Continue</button>
              {{ Form::close() }}
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
    </div><!-- /row -->

    <div class="row">
      <div class="modal fade" id="account_active_modal" tabindex='+1'>
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
             <h4 class="modal-title">Account Active</h4>
           </div>
           <div class="modal-body">
             <p>Are you sure you want to Active this account ?</p>
           </div>
           <div class="modal-footer">
            {{ Form::open(['method'=> 'POST']) }}
            <button type="button" data-dismiss="modal" autofocus class="btn btn-default">Cancel</button>
            <button type="button" class="btn btn-primary btn-delete" id="active_account_btn">Yes, Continue</button>
            {{ Form::close() }}
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
  </div><!-- /row -->
  @include('common.modal.delete_confirm_modal',['entity' =>  'account'])
</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'))}}');

    $('#account_deactive_modal').on('hidden.bs.modal',function(){  
      $('#account_deactive_modal').find("#deactive_account_btn").unbind( "click" );
    })

    $('#account_active_modal').on('hidden.bs.modal',function(){    
      $('#account_active_modal').find("#active_account_btn").unbind( "click" );
    })
    
    oAdminTable = $('#admins-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}' },
      "aLengthMenu": [[50, 10, 20, 30, 40, -1], [50, 10, 20, 30, 40, 'All']],
      "order": [ 0, "desc" ],
      scrollCollapse: true,
      scrollX: true, 
      processing: false,
      serverSide: true,
      ajax: {
        url : '{{route("sadmin.admin-list")}}',
        type: 'POST',
      },
      columns: [
        {data: 'id', name: 'admins.id',visible: true,searchable: false},
        // {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center'},
        {data: 'name', name: 'name'},
        {data: 'email', name: 'email'},
        {data: 'address', name: 'address'},
        {data: 'contact_no', name: 'contact_no'},
        {data: 'client_code', name: 'client_code'},
        {data: 'referred_by', name: 'referred_by'},
        {data: 'type', name: 'type'},
        {data: 'actions', name: 'actions', orderable:false,searchable:false,className:'text-center'},
        {data: 'edit', name: 'edit', 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('#clients-grid', oAdminTable); --}}
    $('#admins-grid').on('xhr.dt', function (e, settings, json, xhr) {
        if (json.active_count !== undefined && json.inactive_count !== undefined) {
            $('.active-count').text('Active Account : ' + json.active_count);
            $('.inactive-count').text('Inactive Account : ' + json.inactive_count);
        }
    });
  });

  $(document).on('click', 'button[name="create_clients"]', function (e) {
    e.preventDefault();
    createclients();
  });

  /* if delte for specific enitity is click deselect all selected entity */
  $(document).on('click', 'button[name="deactive_account"]', function(e){
    e.preventDefault();

    var nAdminId = $(this).data('id') || "";
    if(nAdminId != ""){
      deselect_all();
      $('#admins-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
      rows_selected.push(nAdminId);
      $('#account_deactive_modal').modal('show');
      $('#account_deactive_modal').find('#deactive_account_btn').bind('click', function() {      
        $.ajax({
          type: 'POST',
          url: APP_URL+"/deactive-admin",
          data: {nAdminId: nAdminId},
          dataType: 'json',
          success: function (data) {
            $('#account_deactive_modal').modal('hide');
            oAdminTable.draw();
            DisplayMessages(data['message']);
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;          
            Response = $.parseJSON(Response);
            DisplayMessages(Response.message,'error');
          }
        });
        return false;
        // }
      });
    }
  }); 

  $(document).on('click', 'button[name="active_account"]', function(e){
    e.preventDefault();
    var nAdminId = $(this).data('id') || "";
    if(nAdminId != ""){
      deselect_all();
      $('#admins-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
      rows_selected.push(nAdminId);
      $('#account_active_modal').modal('show');
      $('#account_active_modal').find('#active_account_btn').bind('click', function() {      
        $.ajax({
          type: 'POST',
          url: APP_URL+"/active-admin",
          data: {nAdminId: nAdminId},
          dataType: 'json',
          success: function (data) {
            $('#account_active_modal').modal('hide');
            oAdminTable.draw();
            DisplayMessages(data['message']);
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;          
            Response = $.parseJSON(Response);
            DisplayMessages(Response.message,'error');
          }
        });
        return false;
        // }
      });
    }
  });

  $(document).on('click', 'button[name="remove_account"]', function (e) {
    e.preventDefault();
    removeAccount();
  });

  $(document).on('click', 'button[id="delete_account"]', function (e) {
    e.preventDefault();
    confirmDeleteAccount();
  });

  function openSubscriptionBillsModel(element){
    var account_id = $(element).attr('data-id');
    $(".master-loader").show();
    $.ajax({
      type: "POST",
      url: '{{route('open.subscription.bills.model')}}',
      dataType: "html",
      data: { account_id : account_id },
      success: function(res) {
        $('body').append(res);
        $(".master-loader").fadeOut( "slow" );
      },
    }).done(function(result){
      $('#subscription_bill_model').modal('show');
      closeSubscriptionBillModel();
    });
  }

  function closeSubscriptionBillModel(){
    $('#subscription_bill_model').on('hidden.bs.modal', function () {
      $('#subscription_bill_model').remove();
    });
  }

  function removeAccount(){
    $('#delete_account_modal').modal('show');
  }

  function confirmDeleteAccount(){
    var form = $("#remove_subscription_bill");
    var formData = $(form).serialize();
    var url = $(form).attr('action');
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');
    var type = "POST";
    var options = {
      target: '',
      url: url,
      type: type,
      success: function(data) {
        $(form)[0].reset();
        $('#delete_account_modal').modal('hide');
        $("#subscription_bill_model").modal('hide');
        oAdminTable.draw(true);
        DisplayMessages(data['message']);
      },
      error: function (jqXHR, exception) {
        var Response = jqXHR.responseText;
        ErrorBlock = $(form);
        Response = $.parseJSON(Response);
        DisplayErrorMessages(Response, ErrorBlock, 'input');
      }
    }
    $(form).ajaxSubmit(options);
  }

</script>
@stop