@include('brochure_pages.styling')
<style>
@page {margin: 0px;}

#page-number {
  text-align: center;
  font-family: 'NotoSans-Light',sans-serif;
  font-size: 14px;
  
  width: 0.5in;
  height: 0.5in;
  color: #FFFFFF;
  background-color: rgb(148,149,153);
}
#page-footer-line {
  position: absolute;
  width: 7.5in;
  height: 0.01in;
  left: 0.5in;
  background-color: rgb(148,149,153);
}
#page-cell {
  background-color: rgb(148,149,153);
  text-align: center;
  font-family: 'NotoSans-Light',sans-serif;
  font-size: 14px;
    color: #FFFFFF;
    width: 0.5in;
}
</style>
@php
$placeholder='<td><div style="height:0.5in;"></div></td>';
$cell='<td id="page-cell">'.$pageNumber.'</td>';
$logoAlignment=($pageNumber%2>0)?'left':'right';

$logoCell='<td style="text-align:'.$logoAlignment.';padding-'.$logoAlignment.':0.5in;"><img style="max-height:0.3in;" src="data:image/png;base64, '.base64_encode(file_get_contents(\Helpers::storage_path('app/private/logo.png'))).'"/></td>';
@endphp
<div id="page-footer-line"></div>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>{!!($pageNumber%2==0)?($cell.$placeholder.$logoCell):($logoCell.$placeholder.$cell)!!}</tr>
</table>