<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Labels</title>

</head>
<body>

  <?php
    $settings->labels_width = $settings->labels_width - $settings->labels_display_sgutter;
    $settings->labels_height = $settings->labels_height - $settings->labels_display_bgutter;
    $qr_size = ($settings->labels_height - .25);
    $qr_txt_size = $settings->labels_width - $qr_size - $settings->labels_display_sgutter - .1;
    ?>

  <style>

  body {
    font-family: arial, helvetica, sans-serif;
    width: {{ $settings->labels_pagewidth }}in;
    height: {{ $settings->labels_pageheight }}in;
    margin: {{ $settings->labels_pmargin_top }}in {{ $settings->labels_pmargin_right }}in {{ $settings->labels_pmargin_bottom }}in {{ $settings->labels_pmargin_left }}in;
    font-size: {{ $settings->labels_fontsize }}pt;
  }

  .label {
    width: {{ $settings->labels_width }}in;
    height: {{ $settings->labels_height }}in;
    padding: 0in;
    margin-right: {{ $settings->labels_display_sgutter }}in; /* the gutter */
    margin-bottom: {{ $settings->labels_display_bgutter }}in;
    display: inline-block;
    overflow: hidden;
  }

  .page-break  {
    page-break-after:always;
  }

  div.qr_img {
    width: {{ $qr_size }}in;
    height: {{ $qr_size }}in;
    float: left;
    display: inline-block;
    padding-right: .04in;
  }
  img.qr_img {
    width: 100%;
    height: 100%;
  }
  img.barcode {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

 .qr_text {
    width: {{ $qr_txt_size }}in;
    height: {{ $qr_size }}in;
    padding-top: .01in;
    font-family: arial, helvetica, sans-serif;
    padding-right: .01in;
    overflow: hidden !important;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
  }

  div.barcode_container {
      float: left;
      width: 100%;
      display: inline;
      height: 50px;
  }

  @media print {
    .noprint {
      display: none !important;
    }
    .next-padding {
      margin: {{ $settings->labels_pmargin_top }}in {{ $settings->labels_pmargin_right }}in {{ $settings->labels_pmargin_bottom }}in {{ $settings->labels_pmargin_left }}in;
    }
  }

  @media screen {
    .label {
      outline: .02in black solid; /* outline doesn't occupy space like border does */
    }
    .noprint {
      font-size: 13px;
      padding-bottom: 15px;
    }
  }

  @if (\App\Models\Setting::getSettings()->custom_css)
    {{ \App\Models\Setting::getSettings()->show_custom_css() }}
  @endif

  </style>

@foreach ($assets as $asset)
	<?php $count++; ?>
  <div class="label"{!!  ($count % $settings->labels_per_page == 0) ? ' style="margin-bottom: 0px;"' : '' !!}>

      @if ($settings->qr_code=='1')
    <div class="qr_img">
      <img src="./{{ $asset->id }}/qr_code" class="qr_img">
    </div>
      @endif

    <div class="qr_text">
        <div class="pull-left">
        @if ($settings->qr_text!='')
            <strong>{{ $settings->qr_text }}</strong>
            <br>
        @endif
        </div>
        <div class="pull-left">
        @if (($settings->labels_display_name=='1') && ($asset->name!=''))
            N: {{ $asset->name }}
        @endif
        </div>
        <div class="pull-left">
        @if (($settings->labels_display_tag=='1') && ($asset->asset_tag!=''))
            T: {{ $asset->asset_tag }}
        @endif
        </div>
        <div class="pull-left">
        @if (($settings->labels_display_serial=='1') && ($asset->serial!=''))
            S: {{ $asset->serial }}
        @endif
         </div>

    </div>

    @if ((($settings->alt_barcode_enabled=='1') && $settings->alt_barcode!=''))
        <div class="barcode_container">
            <img src="./{{ $asset->id }}/barcode" class="barcode">
        </div>
    @endif



</div>

@if ($count % $settings->labels_per_page == 0)
<div class="page-break"></div>
<div class="next-padding"></div>
@endif

@endforeach


</body>
</html>