<?php
if(!isset($_SESSION)) {  session_start(); }
// ob_start();
if (!isset($_SESSION["user_id"])) {
  header("location:../../logout.php");
}
// include_once('newCont_api.php');
$contt = $_REQUEST['contt'];
?>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>print</title>
  <link rel="stylesheet" href="css/print.css">
</head>
<style>
@media print {
 body, html , page{
    margin: 0;
    width: 210mm;
    /* height: 297mm; */
    width: 210mm;
    height: 292mm;
    box-shadow: 0; 
    /* background-position: top center; */
    background-size: 100%;
    width:100%;
    min-height: 100%;
  }
}
page{
  background-image: url("css/form3.png");
  background-repeat: no-repeat;
  text-align: center;
  padding: 1px;
  /* background-size: cover; */
  background-size: contain;
}
.zero{
      line-height:120%;
      padding: 3px;
      float : right;
  }
</style>
<body>
  
  <page size="A4">
  <section>
    <br /><br /><br />
      <br /><br /><br />
      <br /><br/>
      <div class="row">
          <output style="padding: 0px; margin:0px;" class="zero w100 t_center "type="text">هذة ليست فاتورة ضريبة القيمة المضافة </output>
        </div>
        <br />

      <div class="row">
        <article class="w4 brr">
          <div class="row">
            <output class="out_free w100 t_h t_center" type="text" style=" font-size: 9.0pt;">ترخيص هيئة النقل 020202005400 تأجير سيارات فئة ب</output>
          </div>
          <div class="row brr">
            <output class="out_free w35 t_right t_h " type="text" id="cust_name"></output>
            <output class="out_free w1 t_right " type="text">:المستاجر</output>
          </div>
          <div class="row">
            <output class="out_free w2 t_right " type="text" id="nation"></output>
            <output class="out_free w2 t_center " type="text"> : الجنسية</output>
            <output class="out_free w2 t_center t_h" type="text" id="idSA"></output>
            <output class="out_free w2 t_right " type="text"> :رقم الهوية</output>
          </div>
          <div class="row">
            <output class="out_free w2 t_center " type="text" id="lic_expire"></output>
            <output class="out_free w2 t_right" type="text" > :نهاية الرخصة </output>
            <output class="out_free w2 t_right t_h " type="text" id="license" ></output>
            <output class="out_free w2 t_right " type="text"> :رقم الرخصة</output>
          </div>
        </article>
        <article class="w4 brr">
          <div class="row">
            <output class="out_free w2 t_right t_h " type="text" id="days"></output>
            <output class="out_free w2 t_right " type="text">فترة العقد</output>
            <output class="out_free w2 t_right t_h " type="text" id="contract_id"></output>
            <output class="out_free w2 t_right " type="text">رقم العقد</output>
          </div>
          <div class="row brr">
            <output class="out_free w62 t_center t_h" type="text" id="used_area"></output>
            <output class="out_free w3 t_right hd" type="text">منطقة الإستخدام</output>
          </div>
          <div class="row">
            <output class="out_free w3 t_right " type="text" id="model"></output>
            <output class="out_free w1 t_right hd " type="text">: موديل</output>
            <output class="out_free w2 t_center" type="text" id="PL"></output>
            <output class="out_free w2 t_right hd " type="text"> :رقم اللوحة</output>
          </div>
          <div class="row">
            <output class="out_free w3 t_right " type="text" id="color" ></output>
            <output class="out_free w1 t_right hd" type="text" >: اللون</output>
            <output class="out_free w4 t_center" type="text" id="kind">تويوتا فوتشينير</output>
          </div>
        </article>
      </div>
      <div class="row">
        <article class="w4 br">
          <div class="row">
            <output class="out_free w35 t_right " type="text" id="address"></output>
            <output class="out_free w1 t_right " type="text">:العنوان</output>
          </div>
          <div class="row">
            <output class="out_free w2 t_center " type="text" id="phone2"></output>
            <output class="out_free w2 t_right hd" type="text">: تليفون</output>
            <output class="out_free w2 t_right" type="text" id="phone"></output>
            <output class="out_free w2 t_right hd" type="text">: جوال رقم</output>
          </div>
          <div class="row">
            <output class="out_free w75 t_right" type="text" id="working_woner"></output>
            <output class="out_free w2 t_right hd" type="text">: جهة العمل</output>
          </div>

        </article>
        <article class="w4 brr">
          <div class="row">
            <output class="out_sm w100 ts t_right hd" type="text"> في حالة عدم إعادة السيارة في المدة المحددة في العقد تعتبر السيارة مسروقة و تبلغ عنها السلطات المختصة</output>
          </div>
          <div class="row">
            <output class="out_sm w100 ts t_left" type="text" style="font-size: 8pt;">If the vechile is not returned within the period specified in the contract The vechile is consider stolen and reported by competent authorities</output>
          </div>
        </article>

      </div>
      <div class="row">
        <article class="w4">
          <div class="row">
            <output class="out_free w2 t_center " type="text" id="w_phone"></output>
            <output class="out_free w2 t_right hd" type="text">: تليفون</output>
            <output class="out_free w2 t_right" type="text" id="w_phone2"></output>
            <output class="out_free w2 hd t_right" type="text" >: جوال رقم</output>
          </div>
          <div class="row">
            <output class="out_free w35 t_right " type="text" id="working_address"></output>
            <output class="out_free w1 hd t_right " type="text">: العنوان</output>
          </div>
      <article id="second_customer">
      </article>
          <br>
          <div class="row">
            <article class="w100 ts">
              <fieldset style="border-radius: 12px 0px 12px 5px;">
                <legend class="t_right" style="padding-right:10px;margin-right:10px;"> :بيانات التأمين </legend>
                <div class="row">
                  <output class="out_free w75 hd t_center t_h" type="text" id="insurance_no"></output>
                  <output class="out_free w2 hd t_center" type="text">: وثيقة التامين</output>
                </div>
                <div class="row">
                  <output class="out_free w2 hd t_center" type="text" id="insurance_expire"></output>
                  <output class="out_free w75 hd t_center " type="text" id="insurance_kind">المسئولية المدنية تجاه الغير</output>
                </div>
                <div class="row">
                  <output class="out_sm hd w35 t_right " type="text" id="insurance_money"></output>
                  <input class="out_sm w12" style="padding-top:10px;margin-top:3px;" type="checkbox">
                </div>
                <div class="row brr ts hd">
                  <p class="t_right w100">بتوقيعي أدناه أصبحت ملزم بشروط و أحكام هذا العقد في كلا الوجهين </p>
                  <p class="t_left w100">By my signature I accept all terms and conditions on both sides of this rental agreement</p>
                </div>
                <div class="row">
                  <output class="out_free w4" type="text"></output>
                  <output class="out_free w4 t_right " type="text">توقيع المستأجر</output>
                </div>
                <br><br><br>
              </fieldset>
            </article>
          </div>
        </article>
        <article class="w4">
          <br />
          <div class="row">
            <p class="w100 t_right brr ts hd">
              يتم تطبيق القيمة الإيجارية اليومية في العقود التي تقل مدتها عن 30 يوم
              <br> يتم إضافة خمسون ريال علي العقد في حالة و جود مستاجر إضافي
              <br> غرامة السافي وغبرة الصدام الامامي مع الزجاج 2500 ريال للسيارت الصغيرة
              <br> غرامة السافي وغبرة الصدام الامامي مع الزجاج 5000 ريال للسيارت الكبيرة
              <br> نزع علامات المؤسسة 200 ريال للعلامة الواحدة
              <br>غرامة العبث بعداد الكيلومترات 2500 ريال إلي جانب ما يتلف في السيارة نتيجة ذلك
            </p>
          </div>
          <br><br />
          <div class="row">
            <output class="out_free br2 w2 t_center " type="text" id="day_cost"></output>
            <output class="out_free br2 w2 t_center " type="text">إيجار اليوم</output>
            <output class="out_free br2 w2 t_center " type="text" id="date_out"></output>
            <output class="out_free br w2 t_center " type="text">تاريخ الخروج</output>
          </div>
          <div class="row ">
            <output class="out_free w1 t_center " type="text">هللة</output>
            <output class="out_free br3 w1 t_center " type="text" id="kilo_cost"></output>
            <output class="out_sm br3 w2 t_center ts " type="text">سعر الكيلومتر زائد</output>
            <output class="out_free br3 w2 t_center" type="text" id="km_out"></output>
            <output class="out_free br w2 t_center " type="text">عداد الخروج</output>
          </div>
          <div class="row ">
            <output class="out_free br w2 t_center " type="text" id="free_kilo"></output>
            <output class="out_sm br3 w2 t_center ts " type="text">الكيلو المسموح اليومي</output>
            <output class="out_free br3 w2 t_center" type="text" id="time_out"></output>
            <output class="out_free br w2 t_center" type="text">وقت الخروج</output>
          </div>
          <div class="row ">
            <output class="out_free w4 " type="text"></output>
            <output class="out_free br3 w2 t_center" id="payed" type="text"></output>
            <output class="out_free br w2 t_center"  type="text">المدفوع</output>
          </div>
          <br>
          <div class="row ">
            <output class="out_free w3 " type="text"></output>
            <output class="out_free w2 brb t_right" type="text" id="branch"></output>
            <output class="out_free brb w3 t_right" type="text" > مكان تحرير العقد فرع</output>
          </div>
          <div class="row ">
            <output class="out_free w4 " type="text"></output>
            <output class="out_free w2  brb t_right" type="text" id="realName"></output>
            <output class="out_free brb w2 t_right" type="text">مدير الفرع</output>
          </div>
        </article>
      </div>
      <!-- end of page -->
      </section>
      <!-- <div class="row">
    <output class="zero w2 t_center br zero"type="text" >alwassam2030@gmail.com</output>
    <output class="zero w75 t_center br zero"type="text" id="address3"></output>
  </div> -->
    </page>
  
  <script src="myclass.js"></script>
  <script>
    var contt = <?php echo $contt; ?>;
    const http = new ApiData;
    const ui = new UI;
    let url ='newCont_api.php?ct='+contt;
   const second = document.getElementById('second_customer');
http.get(url)
  .then(data =>{
    document.getElementById('payed').value = data.newMoney;
    document.getElementById('days').value = data.rent_days;
    document.getElementById('contract_id').value = data.contract_id;
    document.getElementById('used_area').value = data.used_area;
    document.getElementById('cust_name').value = data.cust_name;
    document.getElementById('PL').value = data.PL;
    document.getElementById('model').value = data.model;
    document.getElementById('idSA').value = data.idSA;
    document.getElementById('nation').value = data.nation;
    document.getElementById('kind').value = data.brand +' ' + data.kind;

    document.getElementById('color').value = data.color;
    document.getElementById('license').value = data.license;
    document.getElementById('lic_expire').value = data.lic_expire;
    document.getElementById('address').value = data.address;
    document.getElementById('phone').value = data.phone;
    document.getElementById('phone2').value = data.phone2;
    document.getElementById('working_woner').value = data.working_woner;
    document.getElementById('w_phone').value = data.w_phone;
  
    document.getElementById('w_phone2').value = data.w_phone2;
    document.getElementById('working_address').value = data.working_address;

    document.getElementById('date_out').value = data.date_out;
    
    let open_kilo = parseFloat(data.open_kilo_day) ;
    let wesam_ins = parseFloat(data.wesam_ins_day) ;
    let daycost = parseFloat(data.day_cost);
    let day = (daycost + open_kilo + wesam_ins) * 1.15  ;

    document.getElementById('day_cost').value = parseFloat(day).toFixed(2);
    document.getElementById('km_out').value = data.km_out;
    var kmcost =  data.kilo_cost  * 1.15;
    document.getElementById('kilo_cost').value = parseFloat(kmcost).toFixed(2);
    document.getElementById('time_out').value = data.time_out;
    document.getElementById('free_kilo').value = data.free_kilo;
    document.getElementById('branch').value = data.branch;
    document.getElementById('realName').value = data.realName;
    document.getElementById('insurance_no').value = data.insurance_no;
    document.getElementById('insurance_kind').value = data.insurance_kind;
    document.getElementById('insurance_expire').value = data.insurance_expire;
    document.getElementById('insurance_money').value = data.insurance_money;
    // document.getElementById('address3').value = data.branch+" "+data.address4+" هاتف "+data.phone4 + " # "+data.phone5 ;
    if(data.cust_id2 != 0){
      second.innerHTML = `
      <div class="row brr">
        <output class="out_free w75 t_right t_h" type="text">${data.cust_name3}</output>
        <output class="out_free w2 hd t_center" type="text">مستاجر إضافي</output>
      </div>
      <div class="row">
        <output class="out_free w2 t_right" type="text">${data.lic_expire3}</output>
        <output class="out_free w2 t_right hd " type="text">نهاية الرخصة</output>
        <output class="out_free w2 t_right t_h" type="text">${data.license3}</output>
        <output class="out_free w2 t_right hd" type="text">رقم الرخصة</output>
      </div>
      <div class="row">
        <output class="out_free w35 t_right " type="text">${data.address3}</output>
        <output class="out_free w1 hd t_right " type="text">:العنوان</output>
      </div>
      <br>
      <div class="row ts hd brr">
        <p class="t_right">بتوقيعي مستأجر إضافي أصبحت ملزم بشروط و أحكام هذا العقد في كلا الوجهين وأكون كفيلاّ في السداد</p>
        <p class="t_left"> By my signature I accept all terms and conditions on both sides of this rental agreement and sponser in payment</p>
      </div>
      <div class="row">
        <output class="out_free w4 t_center " type="text"></output>
        <output class="out_free w4 t_right " type="text">المستاجر الإضافي</output>
      </div>
      `;
    }
    setTimeout(window.print , 1200);
    setTimeout(window.close, 1500);
  }).catch(err => console.log(err));
  // await sleep(1000);
  // window.print(); 
  // setTimeout(window.close, 1500);
  </script>
</body>

</html>
