<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <style>
    html { margin: 0; padding: 5px; }
    body { font-family: DejaVu Sans, sans-serif; margin: 0; padding: 5px;}
    .outer{
      width: 100%;
      padding: 0;
    }
    .title{
      width: 100%;
      font-size: 14px;
      border-bottom: 1px solid black;
      margin-bottom: 4px;
    }
    .inner{
      width: 80%;
      float: left;
    }
    .alt{
      width: 100%;
    }
    .altBilgi{
      width: 50%;
      float:left;
    }
    .altBarkod{
      width: 50%;
      float: right;
      padding-top: 10px;
    }
    .border-bottom{ border-bottom: 1px solid gray; }
    .barcode{
      position: absolute;
      right: 275px;
      top: 175px;
    }
    .alt-title{
      font-weight: bold;
      font-size: 11px;
    }
    .alt div{
      font-size: 10px;
    }
    .tarih{
      float: right;
      margin: 0;
      font-size: 8px;
      margin-top: 3px;
    }
  </style>
</head>
<body>
<div class="outer">
  <div class="inner">

    <div class="title">
      <b>Deercase - Web Servis</b> <span class="tarih"><?=$date;?></span> <br>
      <small>Gönderici Ödemeli Normal Gönderi</small>
    </div>
    <div class="alt border-bottom">
      <div class="alt-title">Alıcı Bilgileri</div>
      <div>İsim Soyisim: <?=$order_info['shipping_firstname'];?></div>
      <div>Adres: <?=$order_info['shipping_address_1'];?> <?=$order_info['shipping_city'];?> / <?=$order_info['shipping_zone'];?> </div>
      <div>Telefon: <?=$order_info['telephone'];?></div>
    </div>
    <div class="alt border-bottom">
      <div class="alt-title">Tahsilat Bilgileri</div>
      <div><?=$product_names;?></div>
      <div>Dosya Poşet No: </div>
      <div>Fatura No: 1</div>
      <div>İrsaliye No: 1</div>
      <div>Toplam: <?= $total;?></div>
      <div>Tahsilat Türü: </div>
    </div>
    <div class="alt">
      <div class="altBilgi">
        <div>Sipariş Numarası: <?=$yurtici_kargo_info['kargo_barcode'];?></div>
        <div>Kargo Anahtarı: <?=$yurtici_kargo_info['kargo_barcode'];?></div>
        <div>Talep Numarası: <?=$yurtici_kargo_info['kargo_talepno'];?></div><br>
      </div>
      <div class="altBarkod">
        <?=$barkod_talepno;?>
      </div>
    </div>
  </div>
  <div class="barcode"><?=$barkod_cargokey;?></div>
</div>

</body>
</html>
