@extends('layouts.master')

@section('content')
<style>
.pointer{
    cursor: pointer;
}
.change {
        cursor: pointer;
    }
label.required {
    margin: 0px;
}
.form-control {
    margin-bottom: 10px;
}
span.error-help-block {
    margin-top: -5px;
    display: block;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('defaultSettings.TDS Balance Type Order') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('TDS Balance Type Order') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    
    <section class="content">
         <div class="card"> 
            <div class="card-header">
                <h3 class="card-title">{{ trans('defaultSettings.TDS Balance Type Order') }}</h3>
            </div>
            <div class="card-body">
<table id="table" class="table table-bordered table-striped">
    <thead>
        <tr>
            <!-- <th class="text-center">{{ trans('defaultSettings.Provider Name') }}</th> -->
            <th class="text-center">{{ trans('defaultSettings.Balance Type') }}</th>
            <th class="text-center">{{ trans('defaultSettings.Bucket Order') }}</th>
            <th class="text-center">{{ trans('defaultSettings.Status') }}</th>
            
        </tr>
        
    </thead>
</table>
    </div>
          
    </div>

    </section>

    
</div>
@endsection
@section('javascript')
@include('datatablejs')
<script>
    
    var table = $('#table').DataTable({
      "responsive": false,
      "processing": true,
      "bDestroy": true,
      "serverSide": true,
      "autoWidth": true,
      "searching": false,
      "ordering": false,
      "lengthChange": false,
      "bInfo" : false,
      "paging":   false,
      "columnDefs": [
             {
              "className": 'text-center', 
               "targets": [0, 1, 2]
           
             },
          
        ],
         "ajax": {
          "url": "{{ route('tdsBalanceTypeOrder.getData') }}",
          "type": "GET",
          "data": function(d) {
              d.test = 'test';
          },
          "error": function(e) {
              swal("{{ trans('layout.Something went wrong') }}", {
                  icon: "warning",
              });
          },
      }
  });


    
    function updateStatus(orderConfigId, status) {

    swal({
        title: " {{ trans('paymentSettings.Alert')  }} ",
        text: "{{ trans('paymentSettings.OrderAlertmsg') }}",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willUpdate) => {
        if (willUpdate) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{ route('tdsBalanceTypeOrder.updateStatus') }}",
                method: "GET",
                dataType: 'json',
                data: {
                    orderConfigId: orderConfigId,
                    status: status
                },
                success: function(response) {

                    if (response.success == true) {
                       
                        $('select[name=table_length]').trigger('change');
                        swal("{{ trans('paymentSettings.OrderSuccess') }}", {
                            icon: "success",
                        });
                        $('#table').DataTable().ajax.reload();
                    } else if (response.success == false) {
                        swal("{{ trans('layout.Something went wrong') }}", {
                            icon: "warning",
                        });
                    }
                }
            });
        } else {

        }
    });
}
    
  
  
  // Change Order
  function changeOrder(orderConfigId,currentorder,conversionType,ordering,){
     // alert(orderConfigId+"-"+currentorder+"-"+ordering);
  swal({
    title: " {{ trans('paymentSettings.Alert')  }} ",
    text: "{{ trans('paymentSettings.Alertmsg') }}",
    icon: "warning",
    buttons: true,
    dangerMode: true,
  })
  .then((willUpdate) => {
    if (willUpdate) {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      $.ajax({
        url: "{{ route('tdsBalanceTypeOrder.changeOrder') }}",
        method: "GET",
        dataType: 'json',
        data: {
          id: orderConfigId,
          currentorder : currentorder,
          order :ordering,
          conversionType :conversionType,
        },
        success: function(response) {
    
          var message = response.msg;
          var status = response.status;
          if (status == 200) {
            $('select[name=table_length]').trigger('change');
            $('#table').DataTable().ajax.reload();
            swal("{{ trans('paymentSettings.StatusSuccess') }}", {
              icon: "success",
            });
          } else {
            swal("{{ trans('layout.Something went wrong') }}", {
              icon: "warning",
            });
          }
        }
      });
    } else {

    }
  });
}

</script>
@stop