@extends('layouts.app')
@section('content')
<div class="col-xl-6 col-lg-6">
	            <div class="card">
	                <div class="card-header">
	                    <h4 class="card-title">Configuration Callback API</h4>
	                </div>
	                <div class="card-body">
	                    <div class="basic-form">
	                        <form id="fForm" method="post" action="{{url('consumer/storeConfig')}}">
                            {{csrf_field()}}
                              <div class="mb-2">
                                @if($data['status'] == 0)
                                <span class="badge light badge-warning text-right">Pending</span>
                                @elseif($data['status'] == 1)
                                <span class="badge light badge-success text-right">Approved</span>
                                @elseif($data['status'] == 2)
                                <span class="badge light badge-danger text-right">Rejected</span>
                                @endif
                              </div>
	                            <div class="mb-3">
	                                <input type="text" name="callbackUrl" id="callbackUrl" class="form-control input-default" value=" {{ $statusCode == 404 ? "" : $data['urlDr'] }}">
	                            </div>
                              <div class="mb-3 right">
                                  <a id="btnSubmit" class="btn btn-success btn-sm"><i class="fa fa-check"></i><span></span> Submit</a>
	                            </div>
	                        </form>
	                    </div>
	                </div>
	            </div>
			</div>
@endsection
@section('script')
<script>

  $('#btnSubmit').on('click', function(){
      var callbackUrl = $('#callbackUrl').val();

      if(callbackUrl){
				$.confirm({
                title: 'Confirmation',
                content: "Sure want to change this URL?",
                buttons: {
                    confirm: function () {
                        $('#fForm').submit();
                    },
                    cancel: function () {

                    },
                }
            });
      }else{
				$.alert({
            title: 'Information',
            content: 'Please write your callback URL',
      	});
      }
  });
</script>
@endsection