<section>
	<!-- HEADER -->
	<header>
	<div class='col-12 d-flex justify-content-between'>
		<div class='col-2 pt-3'> <img style="width:140px;height:100px;" src="https://okira.cm/media/documents/Capture_d%C3%A9cran_du_2025-01-08_04-25-18.png"> </div>
		<div class='col-6'>
			<div class='text-center'> <img style="width:300px;height:80px;" src="https://okira.cm/media/documents/Capture_d%C3%A9cran_du_2025-01-08_04-35-21.png"><!-- Logo --> </div>
			<div>
				<div class='text-center'> Specialuste des produits Apple </div>
				<div class='text-center'> Reparation et vente des produits Apple </div>
			</div>
		</div>
		<div class='col-4'>
			<div> Facture N- <b class='text-primary2'> $m_code </b> </div>
			<div>
				Date : <b  class='text-primary2'> $m_date </b>
			</div>
		</div>
	</div>
	<div class='d-flex col-12 pt-2'>
		<div class='col-9'> Nom : $m_nom </div>
		<div class='col-3'> Tel : $m_tel </div>
	</div>
	</header>

	<!-- HEADER -->
	
	<!-- BODY -->
	<table class='table table-bordered border border-primary tab col-12 mt-1 mb-3' style='border:2px solid #0d6efd;'>
		<theader>
			<td> Qte </td>
			<td> Designation </td>
			<td> PU </td>
			<td> PT </td>
		</theader>
		<tbody id='facture_lines'>
			<tr class='facture_line'></tr>
			<tr>
				<td colspan='2' class='bg-primary text-white'><small> NB : Garantie 14 jours, ne couvre pas les Accessoires et tous les dommages physiques</small> </td>
				<td> TOTAL  </td>
				<td><b><span class='line_total'></span></b></td>
			</tr>
		</tbody>
	</table>
	<!-- BODY -->
	<div class='col-12 d-flex justify-content-between'>
		<div class='d-flex col-6 justify-content-between'>
			<div> <small> <b> </b> </small> </div>
			<div> <small> <b> </b> </small> </div>
			<div> <small> <b> </b> </small> </div>
		</div>
		<div class='col-4 d-flex flex-end'>
			<div>  <small> <b> Yaounde, Montee Anne-Rouge</b>  </small> </div>
		</div>
	</div>
	
	<div class='col-12 py-3 d-flex justify-content-between'>
		<div class='col-6 d-flex justify-content-between'>
			<div> Signature Client </div>
			<div> Signature Direction </div>
		</div>
		<div class='col-4 d-flex justify-content-between'>
			<div> <b> istore237 </b> </div>
			<div> <b> (+237) 690678039 </b> </div>
		</div>
	</div>
</section>
