<style>
.invalid-feedback {
color: darkred;
}
</style>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Verify Your Purchase</h4>
</div>
<div class="modal-body">
<div class="portlet-body">
<div class="row">
<div class="col-lg-12">
<p style="padding: 5px" class="bg-primary">For Domain:- {{ \request()->getHost() }}</p>
<p style="margin: 20px 0">
<span class="label label-warning">ALERT</span>
Contact your admin if you are not the admin to verify the purchase.
</p>
<p style="margin: 20px 0">
<span class="label label-danger">NOTE</span>
Click <a href="https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code-"
target="_blank">this link</a> to find your purchase code
</p>
<div id="response-message"></div>
<form action="" id="verify-form">
<div class="form-body">
{{ csrf_field() }}
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label class="control-label">Enter your envato purchase code</label>
<input type="text" id="purchase_code" name="purchase_code" class="form-control">
<input type="hidden" id="module" name="module" value="{{ $module }}">
</div>
</div>
</div>
<div class="row">
<!--/span-->
<div class="col-md-8">
<div class="form-group">
<button class="btn btn-success" type="button" id="verify-purchase"
onclick="validateCode();return false;">Verify
</button>
</div>
</div>
<!--/span-->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//envato.froid.works/plugins/froiden-helper/helper.js"></script>
<script>
function validateCode() {
$.easyAjax({
type: 'POST',
url: "{{ route('admin.custom-modules.verify-purchase') }}",
data: $("#verify-form").serialize(),
container: "#verify-form",
messagePosition: 'inline'
});
return false;
}
</script>