| Server IP : 162.213.251.212 / Your IP : 3.139.94.174 [ 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/www/easybuyer/storage/framework/views/ |
Upload File : |
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.admin.header','data' => []]); ?>
<?php $component->withName('admin.header'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.admin.sidebar','data' => []]); ?>
<?php $component->withName('admin.sidebar'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<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="AddColorImage">
<?php echo csrf_field(); ?>
<div class="login-form form-content">
<h4>Add Color Images</h4>
<div class="input-field">
<label for="">Product Name</label>
<select name="proName" class="form-control custom-input" id="proName">
<option value="0">Select</option>
<?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $pro): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($pro->product_id); ?>"><?php echo e($pro->product_front_title); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="input-field">
<label for="">Color Name</label>
<select name="colorName" class="form-control custom-input" id="colorName">
<option value="0">Select</option>
<?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($color->color_id); ?>"><?php echo e($color->color_name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="input-field">
<label for="">Color Front Images</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="colorfrontImage" id="colorfrontImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="colorfrontImage">Select
Image</label>
</div>
</div>
<div class="input-field">
<label for="">Color Back Images</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="colorbackImage" id="colorbackImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="colorbackImage">Select
Image</label>
</div>
</div>
<!-- <div class="input-field">
<label for="">Color Images</label>
<div class="img-upload-wrapper">
<input class="img-upload" type="file" name="colorImages[]" id="colorImages" accept="image/png, image/jpeg" multiple>
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="colorImages">Select
Image</label>
</div>
</div> -->
<div class="input-field">
<label for="">Status</label>
<select name="Status" class="form-control custom-input" id="Status">
<option value="1">Active</option>
<option value="0">Un-Active</option>
</select>
</div>
<!-- <h6>* Required Fields</h6> -->
<div class="form-footer">
<button type="submit" id="add_btn">Add Color Images</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="main-content">
<div class="graph-card card-table" id="ColorImageList">
<div class="card-head">
<div class="text-content">
<h5>Color Image List</h5>
</div>
<div class="card-drp">
<div class="btn-content btn-group" role="group" aria-label="Basic example">
<!-- <a href="cms_form" target="blank"><button type="button" class="btn active">Add New</button></a> -->
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive table-scroll">
<table class="table-management">
<thead>
<tr>
<th>#</th>
<th>Product Name</th>
<th>Color Name</th>
<th>Color Images</th>
<th>Color Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php $__currentLoopData = $colorimages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td><?php echo e($key+1); ?></td>
<td>
<?php if($color->product): ?>
<?php echo e($color->product->product_front_title); ?>
<?php else: ?>
Product not found
<?php endif; ?>
</td>
<td>
<?php if($color->product): ?>
<?php echo e($color->color->color_name); ?>
<?php else: ?>
color name not found
<?php endif; ?>
</td>
<td>
<img src="<?php echo e(asset('storage/images/'.$color->color_front_image)); ?>" />
<img src="<?php echo e(asset('storage/images/'.$color->color_back_image)); ?>" />
</td>
<?php if($color->status == 1): ?>
<td>Active</td>
<?php else: ?>
<td>Un-Active</td>
<?php endif; ?>
<td>
<a href="javascript:;" ><button class="refresh-btn edit-btnn" data-tooltip="Edit"
data-id="<?php echo e($color->id); ?>"
data-product="<?php echo e($color->product_id); ?>"
data-color="<?php echo e($color->color_id); ?>"
data-fimage="<?php echo e($color->color_front_image); ?>"
data-bimage="<?php echo e($color->color_back_image); ?>"
data-images="<?php echo e($color->color_images); ?>"
data-status="<?php echo e($color->status); ?>"
>
<i class="fa-regular fa-pencil"></i>
</button></a>
<button class="delete-btn btn_del" value="<?php echo e($color->id); ?>" data-tooltip="Delete">
<i class="fa-regular fa-xmark"></i>
</button>
<button></button>
</td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
</table>
</div>
<div class="pagination">
</div>
</div>
</div>
</div>
<!-- Model Start Here -->
<div class="modal fade" id="edit_colorimage" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-dialogLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form id="UpdateColorImg">
<?php echo csrf_field(); ?>
<div class="modal-header">
<h5 class="modal-title" id="edit-dialogLabel">Update Color Images</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="login-form form-content">
<input type="hidden" name="UpdtcolImgId" id="UpdtcolImgId">
<div class="input-field">
<label for="">Product Name</label>
<select name="UpdtproName" class="form-control custom-input" id="UpdtproName">
<option value="0">Select</option>
<?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $pro): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($pro->product_id); ?>"><?php echo e($pro->product_front_title); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="input-field">
<label for="">Color Name</label>
<select name="UpdtcolorName" class="form-control custom-input" id="UpdtcolorName">
<option value="0">Select</option>
<?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($color->color_id); ?>"><?php echo e($color->color_name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="input-field">
<label for="">Color Front Images</label>
<div class="img-upload-wrapper">
<input type="hidden" name="PrevcolorfrontImage" id="PrevcolorfrontImage">
<input class="img-upload" type="file" name="UpdtcolorfrontImage" id="UpdtcolorfrontImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="UpdtcolorfrontImage">Select
Image</label>
</div>
<label for="vehicle1">Remove Color Front Image</label>
<div class="custom-checkbox">
<input type="checkbox" id="removeColfImg" name="removeColfImg">
<span class="checkmark"></span>
</div>
</div>
<div class="input-field">
<label for="">Color Back Images</label>
<div class="img-upload-wrapper">
<input type="hidden" name="PrevcolorbackImage" id="PrevcolorbackImage">
<input class="img-upload" type="file" name="UpdtcolorbackImage" id="UpdtcolorbackImage" accept="image/png, image/jpeg">
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="UpdtcolorbackImage">Select
Image</label>
</div>
<label for="vehicle1">Remove Color Back Image</label>
<div class="custom-checkbox">
<input type="checkbox" id="removeColbImg" name="removeColbImg">
<span class="checkmark"></span>
</div>
</div>
<!-- <div class="input-field">
<label for="">Color Images</label>
<div class="img-upload-wrapper">
<input type="hidden" name="PrevcolorImages" id="PrevcolorImages">
<input class="img-upload" type="file" name="UpdtcolorImages[]" id="UpdtcolorImages" accept="image/png, image/jpeg" multiple>
</div>
<div class="btn-wrapper">
<label class="btn img-upload-btn" for="UpdtcolorImages">Select
Image</label>
</div>
<label for="vehicle1">Remove Color Image</label>
<div class="custom-checkbox">
<input type="checkbox" id="removeColImgs" name="removeColImgs">
<span class="checkmark"></span>
</div>
</div> -->
<div class="input-field">
<label for="">Status</label>
<select name="updtcolorStatus" class="form-control custom-input" id="updtcolorStatus">
<option value="1">Active</option>
<option value="0">Un-Active</option>
</select>
</div>
<!-- <h6>* Required Fields</h6> -->
<div class="form-footer">
<button type="submit" id="add_btn">Update Color Images</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Model End Here -->
<script>
$(".edit-btnn").click(function(){
$("#edit_colorimage").modal('show');
var id = $(this).data('id');
var product = $(this).data('product');
var color = $(this).data('color');
var frontimage = $(this).data('fimage');
var backimage = $(this).data('bimage');
var images = $(this).data('images');
var status = $(this).data('status');
$("#UpdtcolImgId").val(id);
$("#UpdtproName").val(product);
$("#UpdtcolorName").val(color);
$("#PrevcolorfrontImage").val(frontimage);
$("#PrevcolorbackImage").val(backimage);
$("#PrevcolorImages").val(images);
$("#updtcolorStatus").val(status);
});
</script>
<!-- Insert Colors -->
<script>
$(document).ready(function(){
$("#AddColorImage").on('submit', function(e){
e.preventDefault();
var data = new FormData(this);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "insert_cimages",
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('AddColorImage').reset();
$("#ColorImageList").load(location.href+" #ColorImageList>*","");
}
else if(data.error.proName)
{
toastr.error(data.error.proName,"Error",{timeOut: 1500});
return false;
}
else if(data.error.colorName)
{
toastr.error(data.error.colorName,"Error",{timeOut: 1500});
return false;
}
else if(data.error.colorfrontImage)
{
toastr.error(data.error.colorfrontImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.colorbackImage)
{
toastr.error(data.error.colorbackImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.colorImages)
{
toastr.error(data.error.colorImages,"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Insert Colors Ends Here -->
<!-- Update Colors -->
<script>
$(document).ready(function(){
$("#UpdateColorImg").on('submit', function(e){
e.preventDefault();
var data = new FormData(this);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "update_cimages",
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('UpdateColorImg').reset();
// $("#ColorImageList").load(location.href+" #ColorImageList>*","");
location.reload();
}
else if(data.error.UpdtproName)
{
toastr.error(data.error.UpdtproName,"Error",{timeOut: 1500});
return false;
}
else if(data.error.UpdtcolorName)
{
toastr.error(data.error.UpdtcolorName,"Error",{timeOut: 1500});
return false;
}
else if(data.error.UpdtcolorfrontImage)
{
toastr.error(data.error.UpdtcolorfrontImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.UpdtcolorbackImage)
{
toastr.error(data.error.UpdtcolorbackImage,"Error",{timeOut: 1500});
return false;
}
else if(data.error.UpdtcolorImages)
{
toastr.error(data.error.UpdtcolorImages,"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Update Colors End Here -->
<!-- Delete Work Start Here -->
<script>
$(document).ready(function(){
$('body').on('click', '.btn_del', function(e){
e.preventDefault();
var id = $(this).val();
$.ajax({
url: "delete_cimages",
method: "GET",
data: {'id': id},
cache: false,
success:function()
{
toastr.success("Images Deleted Successfuly","Deleted",{timeOut: 1500});
$("#ColorImageList").load(location.href+" #ColorImageList>*","");
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Delete Work End Here -->
<?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.admin.footer','data' => []]); ?>
<?php $component->withName('admin.footer'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?><?php /**PATH /home/wpdeatle/public_html/easy-buyer/resources/views/admin/color_images.blade.php ENDPATH**/ ?>