| Server IP : 162.213.251.212 / Your IP : 3.147.89.242 [ 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 : /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="EditProductForm">
@csrf
<div class="login-form form-content">
<h4>Edit Product</h4>
<input type="hidden" name="EditProductId" value="{{ $edit->product_id }}">
<div class="input-field">
<label for="">Product Category</label>
<div class="input-field">
<select name="EditProductCat" class="form-control custom-input" id="EditProductCat">
<option value="">Select</option>
@foreach($categories as $cate)
<option value="{{ $cate->category_id }}" {{ $edit->product_category_id == $cate->category_id ? 'selected': '' }} >{{ $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="EditProductTitle" value="{{ $edit->product_front_title }}">
</div>
</div>
<div class="input-field">
<label for="">Product Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="EditProductHeading" value="{{ $edit->product_heading }}">
</div>
</div>
<div class="input-field">
<label for="">Product Sub Heading</label>
<div class="input-field">
<input class="custom-input" type="text" name="EditProductSubHeading" value="{{ $edit->product_sub_heading }}">
</div>
</div>
<!--<div class="input-field">-->
<!-- <label for="">Product Description</label>-->
<!-- <div class="input-field">-->
<!-- <textarea class="custom-input ckeditor" type="text" name="EditProductDesc" id="EditProductDesc">{{ $edit->product_short_description }}</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="EditProductLongDesc" id="EditProductLongDesc">{{ $edit->product_long_description }}</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="EditProductTable" id="EditProductTable">{{ $edit->product_table }}</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 }}" @foreach($pro_color as $pcolor) {{ $pcolor->color_id == $color->color_id ? 'selected' : '' }} @endforeach>{{ $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 }}" @foreach($pro_size as $psize) {{ $psize->size_id == $size->size_id ? 'selected' : '' }} @endforeach>{{ $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="EditProductPrice" value="{{ $edit->product_origional_price }}">
</div>
</div>
<div class="input-field">
<label for="">Product Selling Price</label>
<div class="input-field">
<input class="custom-input" type="text" name="EditProductSellingPrice" value="{{ $edit->product_selling_price }}">
</div>
</div>
<div class="input-field">
<label for="">Product Quantity</label>
<div class="input-field">
<input class="custom-input" type="number" name="EditProductQuantity" value="{{ $edit->product_quantity }}">
</div>
</div>
<div class="input-field">
<label for="">Product Tax</label>
<div class="input-field">
<input class="custom-input" type="number" name="EditProductTax" value="{{ $edit->product_tax }}">
</div>
</div>
@if(!empty($edit->product_image))
<div class="input-field">
<label>Previous Front Image</label>
<div class="img-upload-wrapper">
<img src="{{ asset('storage/images/'.$edit->product_image) }}" style="margin: 0; max-height: 200px; max-width: 200px; object-fit: contain;">
<input type="hidden" name="PrevProductImage" id="PrevProductImage" value="{{ $edit->product_image }}" readonly>
</div>
</div>
<div class="custom-checkbox">
<label for="">Remove Image</label>
<input type="checkbox" id="RemoveProductImage" name="RemoveProductImage">
<span class="checkmark"></span>
</div>
@endif
<div class="input-field">
<label>Change Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="EditProductImage" id="EditProductImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="EditProductImage">Select
Image</label>
</div>
</div>
@if(!empty($edit->product_back_image))
<div class="input-field">
<label>Previous Back Image</label>
<div class="img-upload-wrapper">
<img src="{{ asset('storage/images/'.$edit->product_back_image) }}" style="margin: 0; max-height: 200px; max-width: 200px; object-fit: contain;">
<input type="hidden" name="PrevProductbackImage" id="PrevProductbackImage" value="{{ $edit->product_back_image }}" readonly>
</div>
</div>
<div class="custom-checkbox">
<label for="">Remove Image</label>
<input type="checkbox" id="RemoveProductbackImage" name="RemoveProductbackImage">
<span class="checkmark"></span>
</div>
@endif
<div class="input-field">
<label>Change Image</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="EditProductbackImage" id="EditProductbackImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="EditProductbackImage">Select
Image</label>
</div>
</div>
@php
$images = json_decode($edit->product_gallery);
@endphp
@if(!empty($images))
<div class="input-field">
<label>Previous Gallery Image</label>
<div class="img-upload-wrapper">
@foreach($images as $image)
<img src="{{ asset('storage/images/'.$image) }}" >
@endforeach
<input type="hidden" name="PrevGalleryImage" id="PrevGalleryImage" value="{{ $edit->product_gallery }}" readonly>
</div>
</div>
<div class="custom-checkbox">
<label for="">Remove Gallery Image</label>
<input type="checkbox" id="RemoveGalleryImage" name="RemoveGalleryImage">
<span class="checkmark"></span>
</div>
@endif
<div class="input-field">
<label>Change Gallery Images</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="EditProductGallery[]" id="EditProductGallery" accept="image/png, image/jpeg" multiple>
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="EditProductGallery">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="EditProductStatus" id="EditProductStatus">
<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">Update Product</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Edit Product -->
<script>
$(document).ready(function(){
$("#EditProductForm").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('/update_product') }}",
method: "POST",
data: data,
datatype: "json",
cache: false,
contentType: false,
processData: false,
success:function(data)
{
if($.isEmptyObject(data.error))
{
toastr.success(data.success,"Updated",{timeOut: 1500});
document.getElementById('EditProductForm').reset();
CKEDITOR.instances.EditProductDesc.setData("");
CKEDITOR.instances.EditProductLongDesc.setData("");
CKEDITOR.instances.EditProductTable.setData("");
window.location = "{{ url('product') }}"
}
else if(data.error.EditProductTitle)
{
toastr.error(data.error.EditProductTitle,"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductHeading)
{
toastr.error(data.error.EditProductHeading,"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductPrice)
{
toastr.error(data.error.EditProductPrice,"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductImage)
{
toastr.error(data.error.EditProductImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductImage[1])
{
toastr.error(data.error.EditProductImage[1],"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductGallery[0])
{
toastr.error(data.error.EditProductGallery[0],"Error",{timeOut: 1500});
return false;
}
else if(data.error.EditProductGallery[1])
{
toastr.error(data.error.EditProductGallery[1],"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Edit Product Ends Here -->
<x-admin.footer />