invisio v2.0

<?php
$datenow = date('d/m/Y');
$date_1month = date('d/m/Y', strtotime($now . "-1 months"));
?>
<div class="modal-header">
    <h4 class="modal-title">พิมพ์ใบเสร็จแบบกลุ่ม</h4>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-lg-6">
            <div class="form-group">
                <div class="form-group" id="data_1">
                    <label class="font-normal">ตั้งแต่</label>
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="input" class="form-control date" value="<?php echo $date_1month ?>" name="modal_date_start" id="modal_date_start" autocomplete="off">
                    </div>
                </div>
            </div>
        </div>

<div class="col-lg-6">
            <div class="form-group">
                <div class="form-group" id="data_1">
                    <label class="font-normal">ถึง</label>
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="input" class="form-control date" value="<?php echo $datenow ?>" name="modal_date_end" id="modal_date_end" autocomplete="off">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="form-group">
                <label class="font-">ระดับ</label>
                <div class="input-group">
                    <select class="form-select" id="modal_level" style="width: 100%;">
                        <option value="x">ทั้งหมด</option>
                        <option value="g9k1s">ทั่วไป</option>
                        <option value="kki22">วิสามัญ</option>
                        <option value="x9fkq">สามัญ</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="form-group">
                <label class="font-">ประเภท</label>
                <div class="input-group">
                    <select class="form-select" id="modal_type" style="width: 100%;">
                        <option value="x">ทั้งหมด</option>
                        <option value="1">นายจ้าง</option>
                        <option value="2">บนจ.</option>
                        <option value="3">Agency</option>
                        <option value="4">แรงงาน</option>
                    </select>
                </div>
            </div>
        </div>

</div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-primary" onclick="GetReceiptGroup()"><i class="fa fa-check"></i>&nbsp;พิมพ์</button>
    <button type="button" class="btn btn-white" data-dismiss="modal">ปิด</button>
</div>
<script>
    $("#data_1 .input-group.date").datepicker({
        startView: 0,
        todayBtn: "linked",
        keyboardNavigation: false,
        forceParse: false,
        autoclose: true,
        format: "dd/mm/yyyy"
    })

$.extend({
        redirectPost: function(location, args) {
            let form = '';
            $.each(args, function(key, value) {
                form += '<input type="hidden" name="' + key + '" value="' + value + '">';
            });
            $('<form action="' + location + '" method="POST" target="_blank">' + form + '</form>').appendTo('body')
                .submit();
        }
    });
    
    function GetReceiptGroup() {
    
        let modal_date_start = $("#modal_date_start").val();
        let modal_date_end = $("#modal_date_end").val();
        let modal_level = $("#modal_level").val();
        let modal_type = $("#modal_type").val();
    
        let redirect = 'ajax/account_receipt/print_group_recript.php';
    
        $.redirectPost(redirect, {
    
            date_start : modal_date_start,
            date_end : modal_date_end,
            level : modal_level,
            type : modal_type
    
        });
    }
</script>