-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact_us.php
113 lines (113 loc) · 5.2 KB
/
contact_us.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<div class="col-12">
<div class="row my-5 ">
<div class="col-md-5">
<div class="card card-outline card-navy rounded-0 shadow">
<div class="card-header">
<h4 class="card-title">Contact Information</h4>
</div>
<div class="card-body rounded-0">
<dl>
<dt class="text-muted"><i class="fa fa-envelope"></i> Email</dt>
<dd class="pl-4"><?= $_settings->info('email') ?></dd>
<dt class="text-muted"><i class="fa fa-phone"></i> Contact #</dt>
<dd class="pl-4"><?= $_settings->info('contact') ?></dd>
<dt class="text-muted"><i class="fa fa-map-marked-alt"></i> Location</dt>
<dd class="pl-4"><?= $_settings->info('address') ?></dd>
</dl>
</div>
</div>
</div>
<div class="col-md-7">
<div class="card rounded-0 card-outline card-navy shadow" >
<div class="card-body rounded-0">
<h2 class="text-center">Message Us</h2>
<center><hr class="bg-navy border-navy w-25 border-2"></center>
<?php if($_settings->chk_flashdata('pop_msg')): ?>
<div class="alert alert-success">
<i class="fa fa-check mr-2"></i> <?= $_settings->flashdata('pop_msg') ?>
</div>
<script>
$(function(){
$('html, body').animate({scrollTop:0})
})
</script>
<?php endif; ?>
<form action="" id="message-form">
<input type="hidden" name="id">
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control form-control-sm form-control-border" id="fullname" name="fullname" required placeholder="John Smith">
<small class="px-3 text-muted">Full Name</small>
</div>
<div class="col-md-6">
<input type="text" class="form-control form-control-sm form-control-border" id="contact" name="contact" required placeholder="xxxxxxxxxxxxx">
<small class="px-3 text-muted">Contact #</small>
</div>
</div>
<div class="row">
<div class="col-md-6">
<input type="email" class="form-control form-control-sm form-control-border" id="email" name="email" required placeholder="[email protected]">
<small class="px-3 text-muted">Email</small>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<small class="text-muted">Message</small>
<textarea name="message" id="message" rows="4" class="form-control form-control-sm rounded-0" required placeholder="Write your message here"></textarea>
</div>
</div>
<div class="row">
<div class="form-group col-md-12 text-center">
<button class="btn btn-primary rounded-pill col-5">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
$(function(){
$('#message-form').submit(function(e){
e.preventDefault();
var _this = $(this)
$('.pop-msg').remove()
var el = $('<div>')
el.addClass("pop-msg alert")
el.hide()
start_loader();
$.ajax({
url:_base_url_+"classes/Master.php?f=save_message",
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
dataType: 'json',
error:err=>{
console.log(err)
alert_toast("An error occured",'error');
end_loader();
},
success:function(resp){
if(resp.status == 'success'){
location.reload();
}else if(!!resp.msg){
el.addClass("alert-danger")
el.text(resp.msg)
_this.prepend(el)
}else{
el.addClass("alert-danger")
el.text("An error occurred due to unknown reason.")
_this.prepend(el)
}
el.show('slow')
$('html, body').animate({scrollTop:0},'fast')
end_loader();
}
})
})
})
</script>