개발중입니다. 라고 화면에 표시하기... 코드

 

 <div class="d-flex p-1 m-1 mt-1 mb-1 justify-content-center align-items-center">       
<span class="badge bg-danger fs-3 me-3"> 현재개발중입니다. (미완성) </span>                    
</div> 

위의 코드로 여러가지 구실을 합니다.

위와 같이 보여주면 좋을 것 같아서 만들어 봅니다.

실제 코드 전체

<form id="board_form" name="board_form" method="post" enctype="multipart/form-data">

<input type="hidden" id="mode" name="mode" value="<?= isset($mode) ? $mode : '' ?>">
<input type="hidden" id="num" name="num" value="<?= isset($num) ? $num : '' ?>">
<input type="hidden" id="tablename" name="tablename" value="<?= isset($tablename) ? $tablename : '' ?>">
 
    <div class="container-fluid">
        <!-- Modal -->
        <div id="myModal" class="modal">
            <div class="modal-content" style="width:800px;">
                <div class="modal-header">
                    <span class="modal-title"> <?=$title_message?> </span>
                    <span class="close">&times;</span>
                </div>
                <div class="modal-body">
                    <div class="custom-card"></div>
                </div>
            </div>
        </div>
    </div>


<div class="container mt-5">
		<div class="card justify-content-center text-center mt-5">
			<div class="card-header">
				<span class="text-center fs-5">  <?=$title_message?> 
					<button type="button" class="btn btn-dark btn-sm me-1" onclick='location.reload()'>  <i class="bi bi-arrow-clockwise"></i> </button>      
				</span>
			</div>
			<div class="card-body">
			
		<!-- <div class="d-flex p-1 m-1 mt-1 mb-1 justify-content-center align-items-center">       
			<span class="badge bg-danger fs-3 me-3"> 현재개발중입니다. (미완성) </span>                    
		</div>  -->
				<div class="row mb-3">					                 
					<div class="d-flex justify-content-center align-items-center">					
						<select id="year" name="year" class="form-control me-2" style="width:80px;" onchange="loadDetails()">
							<?php for ($i = date('Y'); $i >= 2024; $i--): ?>
								<option value="<?=$i?>" <?=($year == $i) ? 'selected' : ''?>><?=$i?>년</option>
							<?php endfor; ?>
						</select>                					  
								  
					  <button id="newBtn" type="button" class="btn btn-dark btn-sm me-2"> <i class="bi bi-pencil-square"></i> 신규 </button>									
					</div>
				  </div>
			
			<div class="row w400px m-1 mt-4"  style="padding:2px;margin:2px;">
				<table class="table table-bordered" style="padding:2px;">
						<thead class="table-secondary"  style="padding:2px;">
							<tr>
								<?php
								$tmp = '  ' . $bankbookOptions[0] . ' (계좌 잔액)  :  ';
								if (isset($finalBalance)) {
									$tmp_balance = number_format($finalBalance);
								}
								?>						
								<th class="text-center" style="width:200px;"> <?=$tmp?> </th>
								<th class="text-end text-primary fw-bold" style="width:100px;"> <?=$tmp_balance?> </th>
							</tr>
						</thead>
				</table>
			</div>				
            <div class="row mb-4">
            <table class="table table-hover" id="detailTable">
                <thead class="table-info">
                    <tr>
                        <th colspan="2" class="text-center">수입</th>
                        <th colspan="2" class="text-center">지출</th>
                    </tr>
                    <tr>
                        <th class="text-center">항목</th>
                        <th class="text-center">금액</th>
                        <th class="text-center">항목</th>
                        <th class="text-center">금액</th>
                    </tr>
                </thead>
				<tbody>
					<?php
					$maxRows = max(count($incomeData), count($expenseData));
					for ($i = 0; $i < $maxRows; $i++):                        
						// $incomeAmount = isset($incomeData[$i]) ? number_format($incomeData[$i]['totalAmount']) : '';

						// Income details
						$incomeNum = isset($incomeData[$i]['num']) ? $incomeData[$i]['num'] : '';
						$incomeContent = isset($incomeData[$i]['invoice_issued']) ? $incomeData[$i]['invoice_issued'] : '';
						$incomeAmount = isset($incomeData[$i]['amount']) ? number_format($incomeData[$i]['amount']) : '';
						
						// Expense details
						$expenseNum = isset($expenseData[$i]['num']) ? $expenseData[$i]['num'] : '';
						$expenseContent = isset($expenseData[$i]['content']) ? $expenseData[$i]['content'] : '';
						$expenseAmount = isset($expenseData[$i]['amount']) ? number_format($expenseData[$i]['amount']) : '';
						
					// echo '<pre> 이전달 expenseNum';
					// print_r($expenseNum);
					// echo '</pre>';						
						
						echo '<tr><td class="text-center fw-bold">' . $incomeData[$i]['customer_name'] . ' 계산서발행</td>';
						
					?>
						<!-- Income Section -->
						<td class="text-end text-primary fw-bold"><?=$incomeAmount?></td>

						<!-- Expense Section (Individual rows) -->
						<td class="text-center" onclick="loadForm('update', '<?=$expenseNum?>');"><?=$expenseContent?></td>
						<td class="text-end text-danger fw-bold" onclick="loadForm('update', '<?=$expenseNum?>');"><?=$expenseAmount?></td>
					</tr>
					<?php endfor; ?>
				</tbody>
				<tfoot class="table-secondary">
					<tr>
						<th class="text-end" > 수입 합계 &nbsp; </th>
						<th class="text-end text-primary"><?=number_format($totalIncome)?></th>					
						<th class="text-end"> 지출 합계 &nbsp; </th>
						<th class="text-end text-danger"><?=number_format($totalExpense)?></th>
					</tr>
					<tr>
						<th class="text-end" colspan="3"> (계좌 잔액)  </th>
						<th class="text-end"><?=number_format($finalBalance)?></th>
					</tr>
					<tr>
						<th class="text-end" colspan="3"> 최종 차액 &nbsp; </th>
						<th class="text-end"><?=number_format($netIncome)?></th>
					</tr>
				</tfoot>
            </table>			
			</div>
        </div>
    </div>
</div>
</form>