</div>






<div class="fab">
  <div class="mainop">
      <i class="fa fa-plus"></i>
  </div>
  <div id="forms" class="minifab op5">
    <a href="users.php" title="Users's List"><img class="minifabIcon" src="icons/team.png"></a>
  </div>
  <div id="drawings" class="minifab op4">
      <a href="attendance.php" title="Attendance List"><img class="minifabIcon" src="icons/schedule.png"></a>
  </div>
  <div id="slides" class="minifab op3">
      <a href="igs-shift.php" title="<?=$site_name?>"><img class="minifabIcon" src="icons/it-department-new.png"></a>
  </div>
  <div id="sheets" class="minifab op2">
      <a href="process-wise-leaves.php" title="Process Wise Leave's"><img class="minifabIcon" src="icons/calendar.png"></a>
  </div>
  <div id="docs" class="minifab op1">
      <a href="payslip-list.php" title="Payslip List"><img class="minifabIcon" src="icons/wallet.png"></a>
  </div>
</div>



<footer class="main-footer" style='color: white;font-weight: 700;background: <?=$theme_color?>;position: relative;left: 0;bottom: 0;width: 100%;padding: 10px 70px 10px 20px;'>
    <div class="pull-right"  style="color: #fff;">
       Developed By <strong>Firstmatrix Solutions</strong>
    </div>
    Copyright &copy; <?=date('Y')?> <?=$site_name?>. All Rights Reserved.
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</footer>

</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- Toastr JS-->
<script src="asst/js/toastr.js"></script> 

<?php include "price-update-modal.php"; ?>

<div class="modal" data-easein="flipYIn" id="posModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
<div class="modal" data-easein="flipYIn" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div>




<script type="text/javascript">
    var base_url = '';
    var site_url = '';
    var dateformat = 'd m Y', timeformat = 'h:i A';
        var Settings = {"logo":"photo.jpg", "site_name":"","tel":"", "dateformat":"d m Y","timeformat":"h:i A",
                        "language":"english","theme":"default","mmode":"0","captcha":"0","currency_prefix":"INR",
                        "default_customer":"1","default_tax_rate":"0","rows_per_page":"100","total_rows":"30",
                        "header":null,"footer":null,"bsty":"3","display_kb":"1","default_category":"0","default_discount":"0",
                        "item_addition":"1","barcode_symbology":null,"pro_limit":"127","decimals":"2","thousands_sep":",",
                        "decimals_sep":".","focus_add_item":"ALT+F1","add_customer":"ALT+F2","toggle_category_slider":"ALT+F10",
                        "cancel_sale":"ALT+F5","suspend_sale":"ALT+F6","print_order":"ALT+F11","print_bill":"ALT+F12","finalize_sale":"ALT+F8",
                        "today_sale":"Ctrl+F1","open_hold_bills":"Ctrl+F2","close_register":"ALT+F7","java_applet":"0",
                        "receipt_printer":"","pos_printers":"","cash_drawer_codes":"","char_per_line":"42","rounding":"1",
                        "pin_code":"dda04f9d634145a9c68d5dfe53b21272","purchase_code":"8e5d5dde-57ae-48f7-a71b-c477ee6aebce",
                        "envato_username":"firstmatrixsolutions","theme_style":"green","after_sale_page":"0","overselling":"1",
                        "multi_store":"0","qty_decimals":"2","symbol":"\u20b9","sac":"0","display_symbol":"1","remote_printing":"1",
                        "printer":"1","order_printers":"null","auto_print":"0","local_printers":"1","rtl":"0","print_img":"0","selected_language":"english"};
    /*$(window).load(function () {
        $('.mm_products').addClass('active');
        $('#products_index').addClass('active');
    });*/
    var lang = new Array();
    lang['code_error'] = 'Code Error';
    lang['r_u_sure'] = '<strong>Are you sure?</strong>';
    lang['register_open_alert'] = 'confirm are you sure to sign out?';
    lang['code_error'] = 'Code Error';
    lang['r_u_sure'] = '<strong>Are you sure?</strong>';
    lang['no_match_found'] = 'No match found';
</script>


<!--<script src="<?= $assets ?>plugins/jQuery/jQuery-2.1.4.min.js"></script>-->
<script src="<?= $assets ?>dist/js/libraries.min.js" type="text/javascript"></script>
<script src="<?= $assets ?>dist/js/scripts.min.js" type="text/javascript"></script>
<script src="<?= $assets ?>plugins/bootstrap-datetimepicker/js/moment.min.js" type="text/javascript"></script>
<script src="<?= $assets ?>plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="assets/canvaJS/canvajs_new.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('.datetimepicker').datetimepicker({
            format: 'YYYY-MM-DD'
        });
        $('.datepicker').datetimepicker({format: 'YYYY-MM-DD', showClear: true, showClose: true, useCurrent: false, widgetPositioning: {horizontal: 'auto', vertical: 'bottom'}, widgetParent: $('.dataTable tfoot')});
    });
</script>
<script>
$( document ).ready(function() {
    $('#btn_show').show();
    $('#btn_hide').hide();
});

function show() {
      var obj = document.getElementById('myPassword');
      obj.type = "text";
      $('#btn_show').hide();
      $('#btn_hide').show();
}
    
    
function hide() {
      var obj = document.getElementById('myPassword');
      obj.type = "password";
      $('#btn_show').show();$('#btn_hide').hide();
}



function isNumberKey(txt, evt) {
      var charCode = (evt.which) ? evt.which : evt.keyCode;
      if (charCode == 46) {
        //Check if the text already contains the . character
        if (txt.value.indexOf('.') === -1) {
          return true;
        } else {
          return false;
        }
      } else {
        if (charCode > 31 &&
          (charCode < 48 || charCode > 57))
          return false;
      }
      return true;
    }
    
</script>

<style>
  .required:after {
    content:" *";
    color: red;
  }
  .optional:after {
    content:" (Optional)";
    color: green;
    font-size: 10px;
  }
</style>
</body>
</html>



<script>
    function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>

<script>
	$( document ).ready(function() {
	       $('.float-numbers').keypress(function(event) {
	        if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
	            event.preventDefault();
	        }
	    });
	});
	   
$(document).ready(function () {
    $("#cus_submit").on("click", function(){
      var customer = $("#search_cus_details").val();
      //window.location.href = "sales/?cus="+customer;
      window.location.href = "customers.php?cus="+customer;
      /*https://mm-tailor.firstmatrix.in.net/sales/?cus=*/
   }); 
   
   $('#search_cus_details').keypress(function (e) {
     var key = e.which;
     if(key == 13)  // the enter key code
      { 
        var customer = $("#search_cus_details").val();
        window.location.href = "customers.php?cus="+customer;
      }
    });  
});
</script>

		
<?php //$pdo = null; ?>




<!-- Scrollbar Starts Here -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 0px;
}

/* Scrollbar track */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* Optional: Change the color when hovering over the scrollbar thumb */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
</style>
<!-- Scrollbar Endsss Here -->



<style>
    .amount_span{
        font-size: 12px; 
        font-weight: 700; 
        font-family: system-ui;
    }
    
.slimScrollBar {
    background: rgb(213 195 195) !important;
    width: 5px !important;
    opacity: 1.4 !important;
    display: flex !important;
}

.modal-backdrop {
    z-index: 1040; /* Or appropriate value */
}
</style>


<script>

    $(document).ready(function () {
        //zoom();
        $("#exampleModal").modal('show');
    <?php if($today_price_totalDatas==0){ ?>
        $('#staticBackdrop').modal({
          backdrop: 'static',
          keyboard: false
        });
    <?php } ?>

        /*var myModal = new bootstrap.Modal(document.getElementById('exampleModal'), {
          backdrop: 'static' // Options: true (default), false, 'static'
        });*/
    });
    

    
$(document).on('shown.bs.modal', '.modal', function () {
  //  $('.modal-backdrop').before($(this));
});

    function zoom(){
        console.log("Zoom Working");
        document.body.style.zoom = "90%";
    }
</script>

<style>
.btn_smalls{
    font-family: system-ui;
    font-weight: 700;
}
.fab {
    background-color: transparent;
    height: 56px;
    width: 60px;
    border-radius: 32px;
    transition: height 300ms;
    transition-timing-function: ease;
    position: fixed;
    right: 21px;
    bottom: 21px;
    text-align: center;
    overflow: hidden;
}

.fab:hover {
  height: 344px;
}

.fab:hover .mainop {
  transform: rotate(180deg);
}

.mainop {
    margin: auto;
    width: 52px;
    height: 50px;
    margin-right: 23px;
    position: fixed;
    margin-bottom: 28px;
    bottom: 0;
    right: 0;
    transition: transform 300ms;
    background-color: #f44336;
    border-radius: 30px;
    z-index: 6;
}

.mainopShadow {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  position: absolute;
  right: 50px;
  bottom: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mainop i {
  margin-top: 13px;
  font-size: 25px;
  color: #fff;
}

.minifab {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  z-index: 5;
  float: left;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: blue;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.minifab:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.minifabIcon {
  height: 33px;
  width: 33px;
  margin-top: 8px;
}

.op1 {
  background-color: #2f82fc;
}

.op2 {
  background-color: #0f9d58;
}

.op3 {
  background-color: #fb0;
}

.op4 {
  background-color: #dd5145;
}

.op5 {
  background-color: #673ab7;
}

</style>


<style>
    .blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
</style>