<style type="text/css" media="all">
   {block "style"}
   hr {
      margin: 3px 0;
      border: 0;
      border-top: 1px solid #ccc;
   }

   * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   .print-footer {
      text-align: center;
      color: grey;
      margin: auto;
      padding-top: 5px;
      font-size: 11px;
      clear: both;
   }

   .print {
      width: 675px;
      font-size: 12px;
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
   }

   h1 {
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: normal;
      padding: 3px 0;
   }

   h2 {
      margin: 0;
      font-size: 13px;
      font-weight: bold;
      padding: 3px 0 0;
      clear: both;
   }

   h3 {
      margin: 0;
      font-size: 12px;
      font-weight: bold;
      padding: 3px 3px 3px 0;
      clear: both;
   }

   .print-main-content .print-main-content-center {
      width: 100%;
      float: left;
   }

   .print-main-content-notes {
      width: 100%;
      clear: both;
   }

   .print-main-content td {
      font-size: 12px;
      border-bottom: 1px solid #ccc;
   }

   .print-main-content th {
      font-size: 12px;
      font-weight: bold;
      color: #000000;
      background-color: #CCCCCC;
      padding: 2px;
      border: 1px solid #999999;
   }

   {/block}
</style>

<div class="print">
   <h1>Byla přijata reklamace <a href="{path('kupshop_reclamations_reclamations_reclamation', ['id' => $reclamation.id])}">{$reclamation.code}</a></h1>

   <div class="print-main-content">
      {block "reclamation-info"}
         <div class="print-main-content-center">
            <h2>Reklamace z objednávky:</h2>
            <hr/>
            <p><a href="{url s=orderView IDo=$order.id cf=$order->getSecurityCode()}">{$order.order_no}</a> ({$order.date_created|format_date})</p>
            <br/>
         </div>
         <div class="print-main-content-notes">
            <h2>Text reklamace:</h2>
            <hr/>
            <p>{$reclamation.user_note}</p>
         </div>
      {/block}
   </div>

   <div class="print-footer">
      {block "footer"}
         <p>Váš wpjshop.cz</p>
      {/block}
   </div>
</div>
