sam-kd/output/mymodal.php

<div class="container-fluid justify-content-center align-items-center">  
<div class="modal fade" id="lotModal" tabindex="-1" aria-labelledby="lotModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-fullscreen">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lotModalLabel"> 원단 로트번호</h5>
                <button type="button" class="btn-close cancelBtn" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- 모달 바디는 AJAX로 로드됨 -->
            </div>
            <div class="modal-footer">
				<button type="button" class="btn btn-primary btn-sm nullBtn" >공백 삽입</button>
                <button type="button" class="btn btn-secondary btn-sm cancelBtn" >취소</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="container-fluid justify-content-center align-items-center">  
<div class="modal fade" id="lotModal_wire" tabindex="-1" aria-labelledby="lotModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lotModalLabel">내화실 로트번호</h5>
                <button type="button" class="btn-close cancelBtn_wire" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- 모달 바디는 AJAX로 로드됨 -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm nullBtn_wire" >공백 삽입</button>
                <button type="button" class="btn btn-secondary btn-sm cancelBtn_wire" >취소</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="modal fade" id="lotModal_bending" tabindex="-1" aria-labelledby="lotModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lotModalLabel">절곡품 로트번호</h5>
                <button type="button" class="btn-close cancelBtn" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs" id="lotTabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="product-tab" data-bs-toggle="tab" data-bs-target="#product" type="button" role="tab" aria-controls="product" aria-selected="true">생산품</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="material-tab" data-bs-toggle="tab" data-bs-target="#material" type="button" role="tab" aria-controls="material" aria-selected="false">원자재</button>
                    </li>
                </ul>
                <div class="tab-content" id="lotTabContent">
                    <div class="tab-pane fade show active" id="product" role="tabpanel" aria-labelledby="product-tab">
                        <!-- 생산품 로트번호 목록 -->
                    </div>
                    <div class="tab-pane fade" id="material" role="tabpanel" aria-labelledby="material-tab">
                        <!-- 원자재 로트번호 목록 -->
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm nullBtn_bending">공백 삽입</button>
                <button type="button" class="btn btn-secondary btn-sm cancelBtn">취소</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="lotModal_slat" tabindex="-1" aria-labelledby="lotModalLabel_slat" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lotModalLabel_slat"> 로트번호</h5>
                <button type="button" class="btn-close cancelBtn" aria-label="Close"></button>
            </div>
            <div class="modal-body">               
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm nullBtn">공백 삽입</button>
                <button type="button" class="btn btn-secondary btn-sm cancelBtn">취소</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="certificateModal" tabindex="-1" aria-labelledby="certificateModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="certificateModalLabel">성적서</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- 성적서 내용이 여기에 동적으로 로드됩니다 -->
            </div>
        </div>
    </div>
</div>