| Server IP : 162.213.251.212 / Your IP : 3.129.39.54 [ Web Server : LiteSpeed System : Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : allssztx ( 535) PHP Version : 8.1.31 Disable Function : NONE Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/home/allssztx/public_html/easybuyer/resources/views/admin/ |
Upload File : |
<x-admin.header />
<x-admin.sidebar />
<style>
.input-field .img-upload-btn
{
margin: 10px;
}
td.col-img
{
display: flex;
}
td.col-img h6
{
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="AddProductForm">
@csrf
<div class="login-form form-content">
<h4>Add New Product</h4>
<div class="input-field">
<label for="">Product Category</label>
<div class="input-field">
<select name="productCat" class="form-control custom-input" id="ProductCat">
<option value="">Select</option>
@foreach($categories as $cate)
<option value="{{ $cate->category_id }}">{{ $cate->category_heading }}</option>
@endforeach
</select>
</div>
</div>
<div class="input-field">
<label for="">Product Title</label>
<div class="input-field">
<input class="custom-input" type="text" name="productTitle">
</div>
</div>
<div class="input-field">
<label for="">Product Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="productHeading">
</div>
</div>
<div class="input-field">
<label for="">Product Sub Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="productSubHeading">
</div>
</div>
<!--<div class="input-field">-->
<!-- <label for="">Product Description</label>-->
<!-- <div class="input-field">-->
<!-- <textarea class="custom-input ckeditor" type="text" name="productDesc" id="productDesc"></textarea>-->
<!-- </div>-->
<!--</div><br>-->
<!--<div class="input-field">-->
<!-- <label for="">Product Fabrication</label>-->
<!-- <div class="input-field">-->
<!-- <textarea class="custom-input ckeditor" type="text" name="productLongDesc" id="productLongDesc"></textarea>-->
<!-- </div>-->
<!--</div>-->
<!--<br>-->
<!--<div class="input-field">-->
<!-- <label for="">Product Fit</label>-->
<!-- <div class="input-field">-->
<!-- <textarea class="custom-input ckeditor" type="text" name="productTable" id="productTable"></textarea>-->
<!-- </div>-->
<!--</div>-->
<br>
<div class="input-field">
<label for="">Product Colors</label>
<div class="input-field">
<select name="productColor[]" class="form-control multiple-select custom-input" id="productColor" multiple>
<option value="">Select</option>
@foreach($colors as $color)
<option value="{{ $color->color_id }}">{{ $color->color_name }}</option>
@endforeach
</select>
</div>
</div>
<div class="input-field">
<label for="">Product Sizes</label>
<div class="input-field">
<select name="productSize[]" class="form-control multiple-select custom-input" id="productSize" multiple>
<option value="">Select</option>
@foreach($sizes as $size)
<option value="{{ $size->size_id }}">{{ $size->size }}</option>
@endforeach
</select>
</div>
</div>
<div class="input-field">
<label for="">Product Origional Price</label>
<div class="input-field">
<input class="custom-input" type="text" name="productPrice">
</div>
</div>
<div class="input-field">
<label for="">Product Selling Price</label>
<div class="input-field">
<input class="custom-input" type="text" name="productSellingPrice">
</div>
</div>
<div class="input-field">
<label for="">Product Quantity</label>
<div class="input-field">
<input class="custom-input" type="number" name="productQuantity">
</div>
</div>
<div class="input-field">
<label for="">Product Tax</label>
<div class="input-field">
<input class="custom-input" type="number" name="productTax">
</div>
</div>
<div class="input-field">
<label>Product Front Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="productImage" id="productImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="productImage">Select
Image</label>
</div>
</div>
<div class="input-field">
<label>Product Back Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="productbackImage" id="productbackImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="productbackImage">Select
Image</label>
</div>
</div>
<div class="input-field">
<label>Product Gallery Images</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="productGallery[]" id="productGallery" accept="image/png, image/jpeg" multiple>
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="productGallery">Select
Image</label>
</div>
</div>
<!-- <div class="input-field">
<label>Service Icon Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="serviceIconImg" id="serviceIconImg" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="serviceIconImg">Select
Image</label>
</div>
</div>
<div class="input-field">
<label>Service Video</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="serviceVideo" id="serviceVideo">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="serviceVideo">Select
Video</label>
</div>
</div> -->
<div class="input-field">
<label for="">Product Status</label>
<div class="custom-switch checked">
<input checked type="checkbox" name="productStatus" id="productStatus">
<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 Product</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Insert Service -->
<script>
$(document).ready(function(){
$("#AddProductForm").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: "{{ url('/insert_product') }}",
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('AddProductForm').reset();
CKEDITOR.instances.productDesc.setData("");
CKEDITOR.instances.productLongDesc.setData("");
CKEDITOR.instances.productTable.setData("");
window.location = "{{ url('product') }}"
}
else if(data.error.productTitle)
{
toastr.error(data.error.productTitle,"Error",{timeOut: 1500});
return false;
}
else if(data.error.productHeading)
{
toastr.error(data.error.productHeading,"Error",{timeOut: 1500});
return false;
}
else if(data.error.productPrice)
{
toastr.error(data.error.productPrice,"Error",{timeOut: 1500});
return false;
}
else if(data.error.productImage)
{
toastr.error(data.error.productImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.productImage[1])
{
toastr.error(data.error.productImage[1],"Error",{timeOut: 1500});
return false;
}
else if(data.error.productGallery[0])
{
toastr.error(data.error.productGallery[0],"Error",{timeOut: 1500});
return false;
}
else if(data.error.productGallery[1])
{
toastr.error(data.error.productGallery[1],"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Insert Service Ends Here -->
<x-admin.footer />