ok
Mini Shell
<?php include('header.php');
$statement = $pdo->prepare("SELECT * FROM `customer` WHERE status='1'");
$statement->execute();
$customer_dropdown = $statement->fetchAll(PDO::FETCH_ASSOC);
?>
<style>
@media (min-width: 1200px){
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 33%;
}
}
#alert-info{
background-color: #f8e5e5;
}
#note{
font-size: 14px;
color: red;
}
#kyc{
font-size: 14px;
}
@media (min-width: 1200px){
#buttonstyle {
margin-left: 13%;
color:white;
font-size: 14px;
}
}
@media (min-width: 768px){
#buttonstyle {
margin-left: 13%;
color:white;
font-size: 14px;
}
}
.wrapper .search {
border: 1px solid #c8c8c8;
overflow: hidden;
border-radius: 25px;
padding: 0 10px;
margin: 15px 0 20px;
transition: all 0.3s
}
.wrapper .search:hover,
.wrapper .search:focus-within {
border: 1px solid transparent;
box-shadow: 2px 5px 8px #1f1f1f10, 0px -4px 5px #1f1f1f10
}
.wrapper .search .form-control {
box-shadow: none;
outline: none;
border: none
}
.wrapper .search .form-control:focus::placeholder {
opacity: 0
}
.wrapper .accordion-button {
font-size: 0.9rem;
font-weight: 500
}
.wrapper .accordion-button:hover {
background-color: #f8f8f8
}
.wrapper .accordion-button:focus {
box-shadow: none
}
.wrapper .accordion-button::after {
background-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #c8c8c8;
background-position: center center;
border-radius: 50%
}
.wrapper .accordion-button:not(.collapsed) {
color: #000;
background-color: #f7f7f7;
font-weight: 600;
border-bottom: 1px solid #ddd !important
}
.accordion-button:not(.collapsed)::after {
border-color: #1E88E5
}
.wrapper .accordion-button.collapsed {
border-bottom: 1px solid #ddd !important
}
.wrapper .accordion-collapse.show {
border-bottom: 1px solid #ddd !important
}
.wrapper .accordion-collapse {
background-color: #eaf3fa
}
.wrapper .accordion-collapse ul li {
line-height: 2rem;
width: 100%;
padding: 0.5rem 1.3rem
}
.wrapper .accordion-collapse ul li:hover {
background-color: #c9e7ff
}
.wrapper .accordion-collapse ul li a {
text-decoration: none;
color: #333;
font-size: 0.85rem;
font-weight: 400;
display: block
}
.wrapper .accordion-collapse ul li:hover a {
color: #222
}
@media (max-width: 777px) {
.wrapper {
margin: 50px 20px
}
}
@media (max-width: 365px) {
.wrapper {
margin: 50px 10px
}
.w-75 {
width: 90% !important
}
}
.widgets-icons-4 {
width: 138px;
height: 138px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ededed;
font-size: 27px;
border-radius: 10px;
}
.text-secondary1{
font-size: 22px;
font-family: emoji;
font-weight: bolder;
color: black !important;
}
.font-12 {
font-size: 12px;
}
</style>
<style>
body {
font-weight: bolder;
background: white;
}
.search-box{
width: auto;
display: inline-block;
font-size: 14px;
}
.search-box {
padding: 5px 10px;
font-size: 14px;
}
.result{
position: absolute;
z-index: 999;
top: 89%;
left: 0;
}
.search-box, .result{
width: 100%;
box-sizing: border-box;
}
/* Formatting result items */
.result div{
margin: 0;
background: white;
padding: 7px 10px;
border: 1px solid #CCCCCC;
border-top: none;
cursor: pointer;
margin-top:-10px;
}
.result div:hover{
background: blue;
color: white;
}
</style>
<div class="page-wrapper">
<div class="page-content">
<div class="row" style="margin-top:5%;">
<div class="col-1"></div>
<div class="col-10 col-sm-10 col-md-10 col-lg-10" style="margin-bottom: 3%;background-color: darkkhaki;padding: 17px;border-radius: 10px;box-shadow: 4px 4px 4px 4px;">
<div class="form-group search-box">
<label class="" for="pro_category">Search Cylinder No. / Product Name </label>
<input type="text" name="search_item" placeholder="Search Product" class="form-control tip customer_name_search" id="search_text" style='text-transform:uppercase'/>
<div class="result" style="overflow-y: scroll;max-height: 200px;"></div>
</div>
</div>
<div class="col-1"></div>
</div><br><br>
</div>
<div id="customer_frame_info"></div>
<?php
/* if($_SESSION['frames_hub']['id']){
include 'ui-pages/client-home-data.php';
}*/
?>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".customer_name_search").keypress(function(event) {
if(event.keyCode == 13) {
customer_name = $('#search_text').val();
if(customer_name==''){
alert("Please Enter C");
}else{
var is_new = 1;
$(".cylinder_no").each(function(){
if(cylinder_no==$(this).val()){
is_new=0;
return false;
}
});
if(is_new==1){
$.ajax({
url: 'apis/get-search-purchase.php',
type: 'post',
dataType: 'text',
data:{pro_cylinder_no:cylinder_no},
success: function (response) {
$('#table_refill_cylinder').prepend(response);
final_calculation();
new_cylinder_calculation();
$('#search_text input[type="text"]').val('');
$("#search_text").val('');
$("#search_text").empty();
$("#pro_qty").val($('.cylinder_no').length);
}
});
}else{
alert('This Cylinder Is Already Added..');
$('.search-box input[type="text"]').val('');
$(".result").empty();
$('.search-box input[type="text"]').focus();
}
}
}
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js" ></script>
<script>
/*$(document).ready(function() {*/
$("#customer_name").change(function(){
$('#customer_frame_info').empty();
customer_name=$("#customer_name").val();
console.log('selcetd Purchase Order No:'+customer_name);
$.ajax({
url:'ui-pages/client-home-data.php',
type:'POST',
data:{customer_name:customer_name},
success:function(response)
{
console.log('Respinse'+response);
$("#customer_frame_info").append(response);
}
});
});
/*});*/
</script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
console.log("cdn link is working");
$('.select2').select2();
});
</script>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0