@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>';
@endphp
<div id="page-footer-line"></div>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>{!!($pageNumber%2==0)?($cell.$placeholder):($placeholder.$cell)!!}</tr>
</table>