Uname: 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
Software: LiteSpeed
PHP version: 8.1.31 [ PHP INFO ] PHP os: Linux
Server Ip: 162.213.251.212
Your Ip: 18.220.140.29
User: allssztx (535) | Group: allssztx (533)
Safe Mode: OFF
Disable Function:
NONE

name : sizes.blade.php
<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="AddSizeForm">
	                                	@csrf
	                                    <div class="login-form form-content">
	                                        <h4>Add Size</h4>
	                                        <div class="input-field">
	                                            <label for="">Size</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="size" id="size">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">Price</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="price" id="price">
	                                            </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 Size</button>
	                                        </div>
	                                    </div>
	                                </form>
	                            </div>
                            </div>
                        </div>

                        <div class="main-content">
                        	<div class="graph-card card-table" id="SizeList">
                                <div class="card-head">
                                    <div class="text-content">
                                        <h5>Size 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>Size</th>
                                                    <th>Price</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            	@foreach($sizes as $key => $size)
                                                <tr>
                                                	<td>{{ $key+1 }}</td>
                                                    <td>{{$size->size}}</td>
                                                    <td>{{$size->price}}</td>
                                                    @if($size->status == 1)
                                                    <td>Active</td>
                                                    @else
                                                    <td>Un-Active</td>
                                                    @endif
                                                    <td>
                                                        <a href="javascript:;" ><button class="refresh-btn edit-btnn" data-tooltip="Edit"
                                                        	data-id="{{$size->size_id}}"
                                                        	data-size="{{$size->size}}"
                                                        	data-price="{{$size->price}}"
                                                        	data-status="{{$size->status}}"
                                                        >
                                                            <i class="fa-regular fa-pencil"></i>
                                                        </button></a>
                                                        <button class="delete-btn btn_del" value="{{$size->size_id}}" data-tooltip="Delete">
                                                            <i class="fa-regular fa-xmark"></i>
                                                        </button>
                                                        <button></button>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pagination">
                                    
                                </div>
                                </div>
                            </div>
                        </div>

                        <!-- Model Start Here -->

                        <div class="modal fade" id="edit_size" 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="UpdateSizeForm">
	                                	@csrf
	                                	<div class="modal-header">
					                        <h5 class="modal-title" id="edit-dialogLabel">Update Size</h5>
					                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					                    </div>
	                                    <div class="login-form form-content">
	                                        <div class="input-field">
	                                            <!-- <label for="">Color Id</label> -->
	                                            <div class="input-field">
	                                                <input class="custom-input" type="hidden" name="updtsizeId" id="updtsizeId">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">Size</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="text" name="updtsize" id="updtsize">
	                                            </div>
	                                        </div>
	                                        <div class="input-field">
	                                            <label for="">Price</label>
	                                            <div class="input-field">
	                                                <input class="custom-input" type="number" name="updtprice" id="updtprice">
	                                            </div>
	                                        </div>
                                            <div class="input-field">
		                                        <label for="">Status</label>
		                                        <select name="updtstatus" class="form-control custom-input" id="updtstatus">
		                                        	<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 Size</button>
	                                        </div>
	                                    </div>
	                                </form>
					            </div>
					        </div>
    					</div>

                        <!-- Model End Here -->

                        <script>
                        	$(".edit-btnn").click(function(){
                        		$("#edit_size").modal('show');

                        		var id = $(this).data('id');
                        		var size = $(this).data('size');
                        		var price = $(this).data('price');
                        		var status = $(this).data('status');

                        		$("#updtsizeId").val(id);
                        		$("#updtsize").val(size);
                        		$("#updtprice").val(price);
                        		$("#updtstatus").val(status);

                        	});
                        </script>


                        <!-- Insert Size -->

                        <script>
                        	$(document).ready(function(){
                        		$("#AddSizeForm").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_size",
										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('AddSizeForm').reset();
												$("#SizeList").load(location.href+" #SizeList>*","");
												location.reload();
											}
											else if(data.error.size)
											{
												toastr.error(data.error.size,"Error",{timeOut: 1500});
												return false;
											}
											else if(data.error.price)
											{
												toastr.error(data.error.price,"Error",{timeOut: 1500});
												return false;
											}
										},
										error:function()
										{
											toastr.error("SomeThing Went Wrong...","Error");
											return false;
										},
									});
                        		});
                        	});
                        </script>

                        <!-- Insert Size Ends Here -->

                        <!-- Update Size -->

                        <script>
                        	$(document).ready(function(){
                        		$("#UpdateSizeForm").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_size",
										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('UpdateSizeForm').reset();
												$("#edit_size").modal('hide');
												$("#SizeList").load(location.href+" #SizeList>*","");
												location.reload();
											}
											else if(data.error.updtsize)
											{
												toastr.error(data.error.updtsize,"Error",{timeOut: 1500});
												return false;
											}
											else if(data.error.updtprices)
											{
												toastr.error(data.error.updtprices,"Error",{timeOut: 1500});
												return false;
											}
										},
										error:function()
										{
											toastr.error("SomeThing Went Wrong...","Error");
											return false;
										},
									});
                        		});
                        	});
                        </script>

                        <!-- Update Size 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_size",
                        				method: "GET",
                        				data: {'id': id},
                        				cache: false,
                        				success:function()
                        				{
                        					toastr.success("Size Deleted Successfuly","Deleted",{timeOut: 1500});
                        					$("#SizeList").load(location.href+" #SizeList>*","");
                        				},
                        				error:function()
                        				{
                        					toastr.error("SomeThing Went Wrong...","Error");
											return false;
                        				},
                        			});
                        		});
                        	});
                        </script>

                        <!-- Delete Work End Here -->

<x-admin.footer />
© 2025 GrazzMean-Shell