<?php
if(!isset($_SESSION)) {  session_start(); }
// ob_start();
if (!isset($_SESSION["user_id"])) {
  header("location:../../logout.php");
}
$vt = $_REQUEST['vt'];
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>فاتورة <?php echo $vt ; ?></title>
    <link rel="stylesheet" href="css/print.css">
  </head>
  <style>
   page[size="A4"] {  
  width: 21.0cm;
  height: 29.7cm; 
}
  body, page {
    margin: auto;
    box-shadow: 0;
      }  
      .zero{
      line-height:123%;
      padding: 3px;
      float : right;
  }
  table {
  width: 100%;
  margin: 10px auto;
  /* table-layout: auto; */
  table-layout: fixed;
}

table,
td,
th {
  border-collapse: collapse;
}

th,
td {
  padding: 10px;
  border: solid 1px;
  text-align: center;
}
.t_right{
  text-align: right;
}

        .qrcode-fram .qrcodeimg-frem{
            /* position: absolute; */
            width: 12.0rem;
            height: 12.6rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #1a237e;
            border-radius: 14.1px;
            box-shadow: 3px 2px 3px #13010b8c;
        }
        .qrcode-fram  .qrcode-img{
            width: 12.6rem;
            height: 12.0rem;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 14.1px;
        }
   
  </style>

  <body>
      <page size="A4">
        <div class="row s_img">
          <img src="css/SD2.png" style="max-width: 100%;
        max-height: 100%;
        display: block;
        margin:auto;
        "  alt="الوسام المعتمد">
        </div>
        <hr/>
        <br/>
        <div class="row">
          <output style="padding: 20px; margin:10px;font-size: 13.0pt;" class="zero w100 t_center thh" type="text" id="head">فاتورة ضريبية مبسطة</output>
        </div>
        
        <div class="row">
        <div class="w2">
<!-- qrcode -->
<div class="qrcode-fram">
        <div class="qrcodeimg-frem">
            <div class="qrcode-img">
                <div id="qrcode"></div>
            </div>
        </div>
    </div> 
    <!-- qrcode -->
          </div>
          <div class="w75">
          <br/>
          <div class="row">
          <output class="zero w2 t_right  t_h   "type="text" id="contract_id">0</output>
          <output class="zero w2 t_left tv  "type="text" > : رقم العقد</output>
          <!-- <output class="zero w1 t_left   "type="text" ></output> -->
          <output class="zero w2 t_left t_h  "type="text" id="vat_id">0</output>
          <output class="zero w2 t_right tv "type="text" >: رقم الفاتورة</output>
      </div>
      <div class="row ">
        <output class="zero w4 t_center   "type="text" ></output>
        <output class="zero w2 t_left t_h  "type="text" id="end">//</output>
        <output class="zero w2 t_right tv  "type="text" >: تاريخ الفاتورة</output>
    </div>
    <br /><br/>
    <div class="row">
      <output class="zero w35 t_right t_h"type="text" id="cust_name">فولان</output>
      <output class="zero w1 t_left br1 tv  "type="text" >:السادة</output>
    </div>
    <div class="row">
      <output class="zero w100 t_center tv t_center"type="text" id="address"></output>
    </div>
    <div class="row">
      <output class="zero w100 t_center tv t_center"type="text" id="vat_cr"></output>
    </div>
    <br/>
    <div class="row">
      <output class="zero w100 t_center tv "type="text" id="cont_text" ></output>
    </div>
    <div class="row">
      <output class="zero w100 t_center tv "type="text" id="vat_text" ></output>
    </div>
          </div>  <!-- w62 end  -->
          
   </div>   <!-- end of head -->
<!-- table start here  -->
    <div class="row">
    <table>
				<thead>
					<tr>
            <th style="font-weight:bold;font-size:11pt; "class="text-center tv hd" width="83%">البيان </th>
						<th style="font-weight:bold;font-size:11pt;" class="text-center tv  hd" width="17%">المبلغ</th>
					</tr>
				</thead>
		<tbody>
        <tr>
          <td class="t_right tv" id="day_text"></td>
					<td style="font-weight:bold;font-size:11pt;" class="text-center" id="re_days_cost">0</td>
				</tr>
				<tr>
          <td class="t_right tv" id="km_text" ></td>
					<td style="font-weight:bold;font-size:11pt;" id="re_kilos_cost"></td>
				</tr>
				<tr>
					<td class="t_right tv" id="hours_text"></td>
					<td style="font-weight:bold;font-size:11pt;" id="re_hours_cost"></td>
			  </tr>
				<tr>
          <td class="t_right tv" id="addtion_desc" ></td>
          <td style="font-weight:bold;font-size:11pt;" id="re_addtion_cost"></td>
        </tr>
				<tr>
          <td class="t_right tv" >قيمة مخالفات</td>
          <td style="font-weight:bold;font-size:11pt;" id="re_violations" >0</td>
        </tr>
				<tr>
          <td class="t_right tv" > الخصم </td>
          <td style="font-weight:bold;font-size:11pt;" id="re_deduction" >0</td></tr>
				<tr>
            <td class="t_right tv">إجمالي المبلغ الخاضع للضريبة</td>
            <td style="font-weight:bold;font-size:11pt;" id="re_net_cost"></td>
        </tr>
				<tr>
          <td class="t_right tv">ضريبة القيمة المضافة 15 % ـ</td>
          <td style="font-weight:bold;font-size:11pt;" id="vat_req">0</td>
        </tr>
				<tr>
          <td class="t_right tv">المجموع شامل ضريبة القيمة المضافة</td>
          <td style="font-weight:bold;font-size:11pt;" id="after_vat" >0</td>
      </tr>
      <!-- <tr>
          <td style="font-weight:bold;font-size:11pt;" id="money_text"></td>
      </tr> -->
				</tbody>
				<tfoot></tfoot>
			</table>
      
    </div>
    <div class="row">
      <output class="zero w100 t_center tv "type="text" id="money_text" ></output>
    </div>
    <br/>
    <div class="row">
        <output class="zero w100 t_center thh" type="text">
        <p style="font-weight:bold;font-size:11pt;" >,,, و تفضلوا بقبول وافر الإحترام و التقدير </p>
        </output>
    </div>
    <br/><div class="row">
        <output class="zero w3 t_center thh" type="text">
        <p style="font-weight:bold;font-size:11pt;" >مدير الحسابات </p>
        </output>
    </div>

<br/><br/>
  <div class="row" style="margin-top:0.3cm ;">
    <output class="zero w100 t_center   "type="text">____________________________________________________________ </output>
  </div>
  <div class="row">
    <output class="zero w2 t_center    "type="text" >alwassam2030@gmail.com</output>
    <output class="zero w75 t_center tv"type="text" name="address" id="address">
      جدة , بني مالك شارع فلسطين تقاطع الصحافة مجمع أبو بكر جمجوم رمز البريد 23232 
    </output>
  </div>
  <div class="row">
<output class="zero w100 t_center    "type="text" >012 6746 555 /#/ 012 602 0909 /#/ 012 6799 529 /#/ 056 895 7265</output>
  </div>
  <!-- </article> -->
  
          </page>
    <script src="myclass.js"></script>
    <script src="qrcode.js"></script>
  <script>
    var vt = "<?php echo $vt; ?>";
    const http = new ApiData;
    let url ='vat_api.php?vt='+vt ;
http.get(url)
  .then(data =>{
    document.getElementById('contract_id').value = data.contract_id;
    document.getElementById('vat_id').value = data.vat_id;
    document.getElementById('cust_name').value = data.name1;
    document.getElementById('end').value = data.end;
    document.getElementById('address').value = data.address1;
    // document.getElementById('cust_vat').value = data.cust_vat1||"";
    if(data.cust_vat1 > 1){
      document.getElementById("head").value = " فاتورة ضريبية" ;
      document.getElementById("vat_cr").value = data.vat_cr ;
    }
    document.getElementById('cont_text').value = data.cont_text;
    document.getElementById('vat_text').value = data.vat_text;

    //table
    document.getElementById('re_days_cost').innerHTML = data.re_days_cost;
    document.getElementById("day_text").innerHTML = data.day_text;
    document.getElementById("re_kilos_cost").innerHTML = data.re_kilos_cost;
    document.getElementById("km_text").innerHTML = data.km_text;
    document.getElementById('hours_text').innerHTML = data.hours_text;
    document.getElementById('re_hours_cost').innerHTML = data.re_hours_cost||0;

    document.getElementById('addtion_desc').innerHTML = data.addtion_desc||"اضافي";
    document.getElementById('re_addtion_cost').innerHTML = data.re_addtion_cost||0;
    document.getElementById('re_violations').innerHTML = data.re_violations||0;
    document.getElementById('re_deduction').innerHTML = data.re_deduction||0;
    document.getElementById('re_net_cost').innerHTML = data.re_net_cost||0;
    document.getElementById('vat_req').innerHTML = data.vat_req;
    document.getElementById('after_vat').innerHTML = data.after_vat;
    document.getElementById('money_text').innerHTML = data.money_text;

    let qrcode = new QRCode("qrcode", {
            // text: "مؤسسة الوسام المعتمد لتأجير السيارات\n الرقم الضريبي 300098532500003 \n رقم الفاتورة "+data.vat_id+
            // "\n بتاريخ "+data.end+" - "+data.time1+"\n مبلغ الضريبة "+data.vat_req+" \n مبلغ الفاتورة "+data.after_vat,
            text:data.master,
            width: 163,
            height: 166,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        });
         window.print(); setTimeout(window.close, 1500);
  }).catch(err => console.log(err)) ;

  </script>    
  </body>
</html>
