51 lines
2.4 KiB
PHP
51 lines
2.4 KiB
PHP
|
<!-- Customer Support -->
|
||
|
|
<div class="modal fade" id="modal-support" tabindex="-1" role="dialog">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-body p-b-none">
|
||
|
|
<form class="form-horizontal p-b-none m-b-none" role="form">
|
||
|
|
<!-- From -->
|
||
|
|
<div class="form-group" :class="{'has-error': supportForm.errors.has('from')}">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<input id="support-from" type="text" class="form-control" v-model="supportForm.from" placeholder="Your Email Address">
|
||
|
|
|
||
|
|
<span class="help-block" v-show="supportForm.errors.has('from')">
|
||
|
|
@{{ supportForm.errors.get('from') }}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Subject -->
|
||
|
|
<div class="form-group" :class="{'has-error': supportForm.errors.has('subject')}">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<input id="support-subject" type="text" class="form-control" v-model="supportForm.subject" placeholder="Subject">
|
||
|
|
|
||
|
|
<span class="help-block" v-show="supportForm.errors.has('subject')">
|
||
|
|
@{{ supportForm.errors.get('subject') }}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Message -->
|
||
|
|
<div class="form-group m-b-none" :class="{'has-error': supportForm.errors.has('message')}">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<textarea class="form-control" rows="7" v-model="supportForm.message" placeholder="Message"></textarea>
|
||
|
|
|
||
|
|
<span class="help-block" v-show="supportForm.errors.has('message')">
|
||
|
|
@{{ supportForm.errors.get('message') }}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Modal Actions -->
|
||
|
|
<div class="modal-footer border-none">
|
||
|
|
<button type="button" class="btn btn-primary" @click.prevent="sendSupportRequest" :disabled="supportForm.busy">
|
||
|
|
<i class="fa fa-btn fa-paper-plane"></i>Send
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|