@extends('layouts.master')

@section('content')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
               <h3 class="card-title">{{ trans('defaultSettings.Setting Information') }}</h3>
                <form id="rewardSetting-form" >
                <div class="card-primary card-form-1">
                    <div class="card-body">
                      @csrf
                        <div class="form-col-1">
                          <input type="text" name="createWindow" value=""><br>
                          <textarea name="settingData" id="settingData" rows="7" cols="180"></textarea>
                        </div>
                    </div>
                </div>
                </form>
                <div class="card-primary card-form-1">
                    <div class="card-body">
                        <div class="button_sec" id="form-buttons">
                          <button class="btn btn-primary" id="rewardSetting-form-submit">Submit</button>
                          <button class="btn btn-default" id="rewardSetting-form-clear">{{ trans('layout.Clear') }}</button>
                        </div>
                        <div class="button_sec" id="form-loader" style="display:none">
                          <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
                        </div>
                    </div>
                </div>
                <textarea id="responseData" rows="7" cols="180"></textarea>
            </div>
            <!-- /.card-body -->
        </div>
    </section>
    
  </div>

@endsection
@section('javascript')

<script type="text/javascript">  
$('#responseData').hide();
  $('#rewardSetting-form-submit').click( function (e) {
    e.preventDefault();
    var formData = new FormData($('#rewardSetting-form')[0]);
    $.ajax({
      type: 'POST',
      url: "{{ route('campaign.update') }}",
      data:  formData,
      dataType: 'JSON',
      contentType: false,
      processData: false,
      beforeSend: function () {
          $("#form-buttons").hide();
          $("#form-loader").show();
      },
      success: function (response) {
        var message = response.msg;
        var status = response.status;
        if (status == 200) {
          $('#responseData').val(JSON.stringify(message, undefined, 4));
          $('#responseData').show();
        } else {
          swal(message, {
              icon: "warning",
          });
        }
      },
      error: function () {
        swal("{{ trans('layout.Something went wrong') }}", {
            icon: "warning",
        });
      },
      complete: function () {
        $("#form-loader").hide();
        $("#form-buttons").show();
      }
    });
  });

  $(document).on('click', '#rewardSetting-form-clear', function(e) {
    $('#settingData').val('');
    $('#responseData').val(''); 
    $('#responseData').hide();
  });

  $(document).on('change', '#settingData', function(){ 
    $('#responseData').hide();
  });
</script>
@stop