<x-admin.header />
<x-admin.sidebar />
<style>
.input-field .img-upload-btn
{
margin: 10px;
}
td.col-img
{
display: flex;
}
td.col-img h
{
position: relative;
margin: 10px 0px 0px 10px !important;
}
</style>
<main>
<div class="main-content">
<div class="row">
<div class="col-lg-12 col-12">
<form id="AddCMSForm">
@csrf
<div class="login-form form-content">
<h4>Add New CMS</h4>
<div class="input-field">
<label for="">CMS Title</label>
<div class="input-field">
<input class="custom-input" type="text" name="cmsTitle">
</div>
</div>
<div class="input-field">
<label for="">CMS Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="cmsHeading">
</div>
</div>
<div class="input-field">
<label for="">CMS Sub Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="cmsSubHeading">
</div>
</div>
<div class="input-field">
<label for="">CMS Description</label>
<div class="input-field">
<textarea class="custom-input ckeditor" type="text" name="cmsDesc" id="cmsDesc"></textarea>
</div>
</div>
<div class="input-field">
<label for="">CMS Price</label>
<div class="input-field">
<input class="custom-input" type="text" name="cmsPrice">
</div>
</div>
<br>
<div class="input-field">
<label>CMS Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="cmsImg" id="cmsImg" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="cmsImg">Select
Image</label>
</div>
</div>
<div class="input-field">
<label>CMS Second Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="cmsImg2" id="cmsImg2" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="cmsImg2">Select
Image</label>
</div>
</div>
<div class="input-field">
<label>CMS Video</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="cmsVideo" id="cmsVideo">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="cmsVideo">Select
Video</label>
</div>
</div>
<div class="input-field">
<label for="">CMS Status</label>
<div class="custom-switch checked">
<input checked type="checkbox" name="cmsStatus">
<span class="circle"></span>
<span class="no"><i class="fa-light fa-xmark"></i></span>
<span class="yes"><i class="fa-light fa-check"></i></span>
</div>
</div>
<!-- <h6>* Required Fields</h6> -->
<div class="form-footer">
<button type="submit">Add CMS</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Insert Banners -->
<script>
$(document).ready(function(){
$("#AddCMSForm").on('submit', function(e){
e.preventDefault();
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
var data = new FormData(this);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "add_cms",
method: "POST",
data: data,
datatype: "json",
cache: false,
contentType: false,
processData: false,
success:function(data)
{
if($.isEmptyObject(data.error))
{
toastr.success(data.success,"Added",{timeOut: 1500});
document.getElementById('AddCMSForm').reset();
CKEDITOR.instances.cmsDesc.setData("");
}
else if(data.error.cmsTitle)
{
toastr.error(data.error.cmsTitle,"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsImg)
{
toastr.error(data.error.cmsImg,"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsImg[1])
{
toastr.error(data.error.cmsImg[1],"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsImg2)
{
toastr.error(data.error.cmsImg2,"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsImg2[1])
{
toastr.error(data.error.cmsImg2[1],"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsVideo)
{
toastr.error(data.error.cmsVideo,"Error",{timeOut: 1500});
return false;
}
else if(data.error.cmsVideo[1])
{
toastr.error(data.error.cmsVideo[1],"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Insert Banners Ends Here -->
<x-admin.footer />