@include('admin.header')
<div class="row">
   
            <div class="col-lg-12 ">
              <div class="card ">
                   <div class="card-header">
                        <h4 class="card-title">API Switching Setting</h4>
                    </div>
                <div class="card-body p-4">
                    <div class="form-validation">
                                         <form class="needs-validation" id="create-data" >
                                             @csrf
                                <div class="row">
                                    <div class="col-xl-12">
                                        
                                        <div class="mb-3 row">
                                            <div class="col-lg-3">
                                                <label class="col-form-label" for="service">Select Service
                                                </label>
                                                <select class="form-select" id="service" name="service">
                                                    <option value="">Select Service</option>
                                                    <option value="1">Mobile Prepaid</option>
                                                    <!--<option value="3">Mobile Postpaid</option>-->
                                                    <option value="0">DTH</option>
                                                </select>
                                            </div>
                                            <div class="col-lg-3">
                                                <label class="col-form-label" for="api_type">Select API
                                                </label>
                                                <select class="form-select" id="api_type" name="api_type">
                                                    <option value="">Select API</option>
                                                    <option value="1">hi</option>
                                                    <option value="2">hey</option>
                                                    <option value="3">hello</option>
                                                   
                                                </select>
                                            </div>
                                            <div class="col-lg-3">
                                                <label class="col-form-label" for="service_op">Select Operator
                                                </label>
                                                <select class="form-select" id="service_op" name="service_op">
                                                    <option value="">Select Operator</option>
                                                </select>
                                            </div>
                                            <div class="col-lg-3">
                                                <label class="col-form-label" for="validationCustom02">Select Auto Hitting
                                                </label>
                                                <select class="form-select" id="hitting_position" name="hitting_position">
                                                    <option value="">Select Auto Hitting</option>
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                </select>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="mb-3 row">
                           <div class="col-lg-12">
                               <button class="btn btn-outline-primary w-10 create-data">Submit</button>
                               <button class="btn btn-outline-danger w-10 delete" data-id="" style="float: right;">Delete All</button>
                           </div>
                       </div>
                </div>
              </div> 
            </div>
            <div class="col-lg-12 ">
              <div class="card ">
                   <!--<div class="card-header">
                        <h4 class="card-title">Packages List</h4>
                    </div>-->
                <div class="card-body p-4">
                    <table id="" class="table border table-striped table-bordered display text-nowrap">
                        <thead>
                          <tr>
                            <th>#</th>
                            <th>Service Name</th>
                            <th>API Name</th>
                            <th>Operator Name</th>
                            <th>Hitting Position</th>
                            <th>Created Date</th>
                            <th>Delete</th>
                          </tr>
                        </thead>
                        @php
                        $i=0
                        @endphp
                        <tbody>
                            @foreach($records as $record)
                                <tr>
                                    <td>{{++$i}}</td>
                                    <td>{{$record->service == '1' ? 'Mobile Prepaid' : ($record->service == '3' ? 'Mobile Postpaid' : 'DTH')}}</td>
                                    <td>{{$record->api_type == '1' ? 'Ecuzen' : ($record->api_type == '2' ? 'Taj' : 'BSM')}}</td>
                                    <td>{{$record->service_op_name}}</td>
                                    <td>{{$record->hitting_position}}</td>
                                    <td>{{$record->created_at}}</td>
                                    <td><button class="btn btn-danger delete" data-id="{{$record->id}}">Delete</button></td>
                                </tr>
                            @endforeach
                        </tbody>
                      </table>
                </div>
              </div> 
            </div>
          </div>

<script>
  
    $(".delete").click(function(){
        Swal.fire({
              position: 'center',
              icon: 'error',
              title: 'Delete',
              text : 'Are you sure you want to delete',
              confirmButtonText: 'Delete',
              showCancelButton: true,
              cancelButtonText: 'Cancel',
              /*timer: 1500*/
            }).then((result) => {
                if (result.isConfirmed) {
                var $button = $(this);
                var originalText = $button.text();
                $button.text("Loading...");
                $button.prop('disabled',true);
                $.ajax({
                    url : '/recharge-api-setting-delete',
                    method : 'POST',
                    data : {id : $button.data('id') , '_token' : '{{csrf_token()}}'},
                    success:function(data)
                    {
                        $button.text(originalText);
                        $button.prop('disabled',false);
                        successReload(data.message);
                    }
                });
                }
            });
    });
    
     $("#service , #api_type").change(function(){
        if($('#service').val() != '' && $('#api_type').val() != ''){
            $.ajax({
                url : '/get-recharge-operator',
                method : 'POST',
                data : { id : $('#service').val() , id2 : $('#api_type').val(), '_token' : '{{csrf_token()}}' },
                success:function(data)
                {
                    $("#service_op").html(data);
                }
            });
        }else{
            $("#service_op").html('<option value="">Select Operator</option>');
        }
    });

$(".create-data").click(function(){
    var not = 0;
    $('#create-data select').each(function(){
        if($(this).val() == '')
        not++;
    });
    if(not > 0){
        error('All fields are required');
        return false;
    }
    var formData = $('#create-data').serialize();
    var $button = $(this);
    var originalText = $button.text();
    $button.text("Loading...");
    $button.prop('disabled',true);
    $.ajax({
        url : '/recharge-api-setting-create',
        method : 'post',
        data : formData,
        success:function(data)
        {
            $button.text(originalText);
            $button.prop('disabled',false);
            if(data.status == 'SUCCESS')
            {
                successReload(data.message);
            }
            else
            {
                error(data.message);
            }
        }
        
    })
});
$(".update").click(function(){
        var $button = $(this);
        var form =  $('#form_'+$button.data('name'));
        if (form) {
        const formData = new FormData(form[0]);
        formData.append('_token', '{{csrf_token()}}');
        formData.append('fieldName', $button.data('name'));
        formData.append('fieldType', $button.data('type'));
        $button.html('Waiting!!');
        $button.prop('disabled',true);
        $.ajax({
          type: 'POST',
          url: '/submit-manage-setting',
          data: formData,
          processData: false,
          contentType: false,
          success: function (data) {
            if(data.status == 'SUCCESS')
            {
                successReload('BBPS Switching Setting Updated Successfully');
            }
            else
            {
                error(data.message);
            }
          }
        });
      }
    })
</script>
@include('admin.footer')