    </div>
    <!-- wrapper for dynamic contents -->
    
    <div id="blueimp-gallery" class="blueimp-gallery">
        <div class="slides"></div>
        <h3 class="title"></h3>
        <a class="prev">‹</a>
        <a class="next">›</a>
        <a class="close">×</a>
        <a class="play-pause"></a>
        <ol class="indicator"></ol>
    </div>
    
    <!-- language containing span for js -->
    <span id="langs-span" style="color: transparent; font-size: 0px; position: absolute; left: 360000px;" 
    data-delete-main-title="<?= print_lang($app_lang,'delete_popup_main_title'); ?>"
    data-delete-sub-title="<?= print_lang($app_lang,'delete_popup_sub_title'); ?>"
    data-delete-confirm-btn-text="<?= print_lang($app_lang,'delete_popup_confirm_btn_text'); ?>"
    data-delete-cancel-btn-text="<?= print_lang($app_lang,'delete_popup_cancel_btn_text'); ?>"
    data-delete-popup-lot-note="<?= print_lang($app_lang,'delete_popup_lot_note'); ?>"

    data-confirm-main-title="<?= print_lang($app_lang,'confirm_popup_main_title'); ?>"
    data-confirm-sub-title="<?= print_lang($app_lang,'confirm_popup_sub_title'); ?>"
    data-confirm-confirm-btn-text="<?= print_lang($app_lang,'confirm_popup_confirm_btn_text'); ?>"
    data-confirm-cancel-btn-text="<?= print_lang($app_lang,'confirm_popup_cancel_btn_text'); ?>"

    data-hide-lot-confirm-main-title="<?= print_lang($app_lang,'hide_lot_confirm_popup_main_title'); ?>"
    data-hide-lot-confirm-sub-title="<?= print_lang($app_lang,'hide_lot_confirm_popup_sub_title'); ?>"
    data-hide-lot-confirm-confirm-btn-text="<?= print_lang($app_lang,'hide_lot_confirm_popup_confirm_btn_text'); ?>"
    data-hide-lot-confirm-cancel-btn-text="<?= print_lang($app_lang,'hide_lot_confirm_popup_cancel_btn_text'); ?>"

    data-item-stock-out-quantity-main-title="<?= print_lang($app_lang,'mod_item_stock_out_quantity_message_title'); ?>"
    data-item-stock-out-quantity-sub-title="<?= print_lang($app_lang,'mod_item_stock_out_quantity_message_sub_title'); ?>"
    data-item-stock-out-quantity-confirm-btn-text="<?= print_lang($app_lang,'mod_item_stock_out_quantity_message_button_title'); ?>"

    data-show-lot-confirm-main-title="<?= print_lang($app_lang,'show_lot_confirm_popup_main_title'); ?>"
    data-show-lot-confirm-sub-title="<?= print_lang($app_lang,'show_lot_confirm_popup_sub_title'); ?>"
    data-show-lot-confirm-confirm-btn-text="<?= print_lang($app_lang,'show_lot_confirm_popup_confirm_btn_text'); ?>"
    data-show-lot-confirm-cancel-btn-text="<?= print_lang($app_lang,'show_lot_confirm_popup_cancel_btn_text'); ?>"
    
    data-earning-name="<?= print_lang($app_lang,'earning_name'); ?>"
    data-earning-amount="<?= print_lang($app_lang,'earning_amount'); ?>"
    data-deduction-name="<?= print_lang($app_lang,'deduction_name'); ?>"
    data-deduction-amount="<?= print_lang($app_lang,'deduction_amount'); ?>"

    data-invoice="<?= print_lang($app_lang,'invoice'); ?>"
    data-unit="<?= print_lang($app_lang,'unit'); ?>"

    data-select-warehouse="<?= print_lang($app_lang,'select_warehouse'); ?>"
    data-select-unit="<?= print_lang($app_lang,'select_unit'); ?>"
    data-opening-stock-warehouse-missing-error="<?= print_lang($app_lang,'opening_stock_warehouse_select_error'); ?>"
    data-opening-stock-warehouse-missing-message="<?= print_lang($app_lang,'opening_stock_warehouse_select_message'); ?>"
    data-opening-stock-qty-missing-error="<?= print_lang($app_lang,'opening_stock_qty_select_error'); ?>"
    data-opening-stock-qty-missing-message="<?= print_lang($app_lang,'opening_stock_qty_select_message'); ?>"
    ></span>

    
    <div class="row">
        <div class="col-lg-12">
            <div class="footer fixed">
                <div class="pull-right">
                    <strong>Alpha Software</strong>
                </div>
                <div>
                    <strong>Version</strong> 31.08.1.23 - 2023
                </div> 
            </div>
        </div>
        
</div>



    <!-- Mainly scripts -->
    <!-- <script src="<?php echo url('/'); ?>/assets/js/jquery-3.1.1.min.js"></script> -->
    
    <!-- jQuery UI -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/jquery-ui/jquery-ui.min.js"></script>

    <script src="<?php echo url('/'); ?>/assets/js/bootstrap.min.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- perfect scrollbar -->
    <script src="<?php echo url('/'); ?>/assets/js/perfect-scrollbar.min.js"></script>

    <!-- chartist -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/chartist/chartist.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="<?php echo url('/'); ?>/assets/js/inspinia.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/plugins/pace/pace.min.js"></script>

    <!-- ChartJS-->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/chartJs/Chart.min.js"></script>


    <!-- GITTER -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/gritter/jquery.gritter.min.js"></script>

    <!-- Sparkline -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/sparkline/jquery.sparkline.min.js"></script>

    <!-- Sparkline demo data  -->
    <script src="<?php echo url('/'); ?>/assets/js/demo/sparkline-demo.js"></script>

    <!-- Toastr -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/toastr/toastr.min.js"></script>

    <!-- Jquery Validate -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/validate/jquery.validate.min.js"></script>

    <script src="<?php echo url('/'); ?>/assets/js/plugins/iCheck/icheck.min.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/bootstrap-select.min.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/highlight.min.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/bootstrap-select-country.min.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/plugins/dataTables/datatables.min.js"></script>

    <!-- Chosen -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/chosen/chosen.jquery.js"></script>

    <!-- Sweet alert -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/sweetalert/sweetalert.min.js"></script>

    <!-- Data picker -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- persianDatepicker -->
    <script src="<?php echo url('/'); ?>/assets/persianDatepicker-master/js/persianDatepicker.min.js"></script>

    <!-- SUMMERNOTE -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/summernote/summernote.min.js"></script>

    <!-- blueimp gallery -->
    <script src="<?php echo url('/'); ?>/assets/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>

    <!-- custom js file -->
    <script src="<?php echo url('/'); ?>/assets/js/custom.js"></script>
    <script src="<?php echo url('/'); ?>/assets/js/sidebar-custom.js"></script>
    
    <script> function app_url(){ return '<?php echo url('/'); ?>'; } </script>


    <!-- for check boxes -->
    <script type="text/javascript">

        $(document).ready(function()
        {
            if($('.chosen-select').length > 0){ $('.chosen-select').chosen({width: "100%"}); }

            $(".persian-date").persianDatepicker();

            $('.summernote').summernote();

            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
        
    </script>

    <script>
        var pagination = '<?= isset($_datatable_pagination) ? $_datatable_pagination : true; ?>';
        $(document).ready(function()
        {
            $('.dataTables-view').DataTable({
                "ordering": false,
                "paging": pagination,
                "info": pagination,
                "searching": pagination,
                pageLength: 25,
                responsive: true,
                dom: '<"html5buttons"B>lTfgitp',
                buttons: [
                    {extend: 'csv', title: 'Export CSV'},
                    {extend: 'excel', title: 'Export Excel'},
                    {extend: 'pdf', title: 'Export PDF'},
                    {extend: 'print',
                        customize: function (win)
                        {
                            $(win.document.body).addClass('white-bg');
                            $(win.document.body).css('font-size', '10px');
                            $(win.document.body).find('table').addClass('compact').css('font-size', 'inherit');
                        }
                    }
                ]
            });

            $('.dataTables-custom').DataTable({
                "ordering": false,
                "autoWidth": false,
            });
            // .page('last').draw('page'); just add this line at the end if you want datatable to show last page when loaded
        });
    </script>    



<!-- MODAL -->
<div class="modal inmodal" id="extra-service-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
    <form id="sales-service-items-temp-form">        
        <div class="modal-content animated fadeInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <i class="fa fa-plus modal-icon"></i>
                <h4 class="modal-title"><?= print_lang($app_lang,'sales_service_modal_title'); ?></h4>
            </div>
            <div class="modal-body" style="background: #fff;">
                <div class="row extra-mar-botm">
                    <div class="col-md-3" style="padding: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'sales_service_item_desc'); ?></label>
                            <input type="text" name="item_description" class="form-control" placeholder="<?= print_lang($app_lang,'sales_service_item_desc'); ?>">
                        </div>
                    </div>
                    <div class="col-md-2" style="padding: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'unit'); ?></label>
                            <input type="text" name="service_unit" class="form-control" placeholder="<?= print_lang($app_lang,'unit'); ?>">
                        </div>
                    </div>
                    <div class="col-md-2" style="padding: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'qty'); ?></label>
                            <input type="text" name="service_qty" class="form-control" placeholder="<?= print_lang($app_lang,'qty'); ?>">
                        </div>
                    </div>
                    <div class="col-md-2" style="padding: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'cost'); ?></label>
                            <input type="text" name="service_cost" id="service_cost" class="form-control" placeholder="<?= print_lang($app_lang,'cost'); ?>">
                        </div>
                    </div>
                    <div class="col-md-2" style="padding: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'sale_price'); ?></label>
                            <input type="text" name="service_sale_price" id="service_sale_price" class="form-control" placeholder="<?= print_lang($app_lang,'sale_price'); ?>">
                        </div>
                    </div>
                    <div class="col-md-1" style="padding: 0; padding-top: 5px;">
                        <div class="form-group">
                            <label><?= print_lang($app_lang,'profit'); ?></label>
                            <input type="text" name="service_profit" id="service_profit" readonly="readonly" class="form-control" placeholder="<?= print_lang($app_lang,'profit'); ?>">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary"><?= print_lang($app_lang,'add_service_to_sale'); ?></button>
            </div>
        </form>
    </div>
</div>
    
</body>
</html>
