ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ-🛒 PHP v7.4.33

Current Path: home/oshofree/public_html/chbluxuries.com/chb_data/

Name	Size	Permissions	Actions
📁 ..	-	0755	🗑️
📄 config.php	7.06 KB	0444	🗑️ ⬇️ ✏️
📄 error_log	23587.17 KB	0644	🗑️ ⬇️ ✏️

Editing: view_my_invoice_2.php

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
</style>
<div class="main-body">
	<div class="page-wrapper">

<div class="col-md-12">
					<div class="card">
						<div class="card-block">
							<form>
								<input type="text" class="form-control" name="keywords" id="keywords"
									onkeyup="searchFilter();" />
								<small style="color:red;"><b>search with invoice number</b></small>
							</form>
						</div>
					</div>
				</div>

<div class="col-md-12" id="slideshow">
					<div class="card" id="slide_show">
						<div class="card-header">
							<h5>Invoice</h5>

</div>

<?php
					
							$get_store		=$this->Action->get_store($user_id);
							$get_store_branch		=$this->Action->get_store_branches_by_owner_id($user_id);
							
						?>

<option value="asc">Ascending</option>
											<option value="desc">Descending</option>
										</select>
									</div>
									<div class="col-md-3 col-sm-12">
										<div class="dropdown-inverse dropdown open">
											<button class="btn btn-inverse dropdown-toggle waves-effect waves-light "
												type="button" id="dropdown-7" data-toggle="dropdown"
												aria-haspopup="true" aria-expanded="false">Filter by Store</button>
											<div class="dropdown-menu" aria-labelledby="dropdown-7"
												data-dropdown-in="fadeIn" data-dropdown-out="fadeOut"
												style="will-change: transform;">
												<?php
											
											if(is_array($get_store)){
														
											    foreach($get_store as $row){
                                                    $store_id		=$row['id'];
													$store_name		=$row['store_name'];
												
										?>
												<a id="filter_by_store" data-store_id="<?php echo $store_id;?>" class="dropdown-item waves-light waves-effect"
													href="<?php echo base_url();?>Invoice/filter_invoice/store/<?php echo $store_id;?>">
													<?php echo $store_name;?></a>
												<?php
												}
											}
										?>
											</div>
										</div>
									</div>
									<div class="col-md-4 col-sm-12">
										<div class="dropdown-inverse dropdown open">
											<button class="btn btn-primary dropdown-toggle waves-effect waves-light "
												type="button" id="dropdown-7" data-toggle="dropdown"
												aria-haspopup="true" aria-expanded="false">Filter By Store
												Branch</button>
											<div class="dropdown-menu" aria-labelledby="dropdown-7"
												data-dropdown-in="fadeIn" data-dropdown-out="fadeOut"
												style="will-change: transform;">
												<?php
											
											if(is_array($get_store_branch)){
												foreach($get_store_branch as $row){
													$branch_name		=$row['branch_name'];
													$branch_id			=$row['id'];

$get_store_name		=$this->Action->get_store_name_by_branch_id($branch_id);
												
										?>
												<a id="filter_by_branch" data-branch_id="<?php echo $branch_id;?>" class="dropdown-item waves-light waves-effect"
													href="<?php echo base_url();?>Invoice/filter_invoice/branch/<?php echo $branch_id;?>"><?php echo $get_store_name;?>
													(<?php echo $branch_name;?> Branch)</a>
												<?php
												}
											}
										?>
											</div>
										</div>
									</div>
								</div>

</div>
                           
                            <div id="dataList">
                                
                            </div>

</div>
                        
					</div>
                        
				</div>
				
			</div>
		</div>
	</div>

</div>

<div class="modal fade" id="large-Modal" tabindex="-1" role="dialog" style="z-index: 1050; display: none;"
	aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Add Customer To List</h4>

<div class="form-group row">
						<label class="col-sm-2 col-form-label">Select Store</label>
						<div class="col-sm-10">
							<select type="text" id="store_id" name="store_id" class="form-control">
								<option>Select Store</option>
								<?php
                                    $get_store          =$this->Action->get_store($user_id);
                                    if(is_array($get_store)){
                                        foreach($get_store as $row){
                                            $store_id           =$row['id'];
                                            $store_name         =$row['store_name'];
                                            $store_name_2       =$row['store_name_2'];
                                    ?>

?>
								<option value="<?php echo $store_id;?>"><?php echo $store_name;?></option>
								<?php 
                                        }
                                    }
                                ?>
							</select>
						</div>
					</div>

<div class="form-group row">
						<label class="col-sm-2 col-form-label">Select Branch Store</label>
						<div class="col-sm-10">
							<select type="text" id="branch_name" name="branch_name" class="form-control">
								<option>Select Branch Store</option>

</select>
						</div>
					</div>

<div class="form-group row">
						<label class="col-sm-2 col-form-label">Customer Name</label>
						<div class="col-sm-10">
							<input type="text" id="name" name="name" class="form-control" required>
						</div>
					</div>

<div class="form-group row">
						<label class="col-sm-2 col-form-label">Customer Email</label>
						<div class="col-sm-10">
							<input type="email" id="email" name="email" class="form-control" required>
						</div>
					</div>

<div class="form-group row">
						<label class="col-sm-2 col-form-label">Customer Phone</label>
						<div class="col-sm-10">
							<input type="number" id="phone" name="phone" class="form-control" required>
						</div>
					</div>

</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default waves-effect " data-dismiss="modal">Close</button>
					<input type="submit" class="btn btn-primary waves-effect waves-light"
						value="Add Customer">
				</div>
			</form>
		</div>
	</div>
</div>

$('#create_customer').submit(function (e) {
			e.preventDefault();

$.ajax({
				url: '<?php echo base_url();?>Office/create_customer',
				type: "post",
				data: new FormData(this),
				processData: false,
				contentType: false,
				cache: false,
				async: false,
				success: function (data) {
					$('#large-Modal').modal('hide');
					if (data == 'ok') {

swal({
							title: "Success",
							text: "Sales Rep. Added to List",
							icon: "success",
							closeOnClickOutside: false,
						});

} else if (data == 'err') {

swal({
							title: "Oops!",
							text: "Database Could not connect to server!",
							icon: "info",
							closeOnClickOutside: false,
						});

}
				}
			});
		});

});

</script>

}
			});
		});
	});

</script>

<!-- <script>
	function searchFilter(page_num) {
		page_num = page_num ? page_num : 0;
		var keywords = $('#keywords').val();
		var sortBy = $('#sortBy').val();

$.ajax({
			type: 'POST',
			url: '<?php echo base_url('Office/customerPaginationData/'); ?>'+page_num,
			data: 'page=' + page_num + '&keywords=' + keywords + '&sortBy=' + sortBy,
			beforeSend: function () {
				$('.loading').show();
			},
			success: function (html) {
				$('#dataList').html(html);
				$('.loading').fadeOut("slow");
			}
		});
	}

</script> -->

/*-- Reset Search--*/
		$(document).on('change', "#sortBy", function(event) {
			ajaxlist(page_url=false);
			event.preventDefault();
		});
		
		/*-- Page click --*/
		$(document).on('click', ".pagination li a", function(event) {
			var page_url = $(this).attr('href');
			ajaxlist(page_url);
			event.preventDefault();
		});
		
		/*-- create function ajaxlist --*/
		function ajaxlist(page_url = false)
		{
			var search_key = $("#keywords").val();
            var sortBy = $('#sortBy').val();

var dataString = 'search_key=' + search_key + '&sortBy=' + sortBy;
          
			var base_url = '<?php echo site_url('Invoice/index_ajax/') ?>';
			
			if(page_url == false) {
				var page_url = base_url;
			}

$.ajax({
				type: "POST",
				url: page_url,
				data: dataString,
				success: function(response) {
                    // alert(response);
					console.log(response);
					$("#dataList").html(response);
				}
			});
		}

});

</script>

📁 ＳＫＹＳＨＥＬＬ ＭＡＮＡＧＥＲ-🛒 PHP v7.4.33

Editing: view_my_invoice_2.php

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ-🛒 PHP v7.4.33