@include('brochure_pages.styling')
<style>
  h1 {
    font-family:'NotoSans-Bold',sans-serif;font-size:22px;
    color: rgb(148,149,153);
    text-align: center;
    margin-top:1.096in;
  }
</style>
<h1 style="text-align:center;">CONTENTS</h1>
<table border="0">
  <tr>
    <td style="width:50%;padding-right:0.4in;">
      <table>
        @php
        $x=count($contents);
        $ix=($x>20)?20:$x;
        for($i=0;$i<$ix;$i++){
        echo '<tr><td style="text-align:left;">'.str_replace(' And ',' and ',ucwords($contents[$i][0])).'</td><td style="text-align:right;">'.$contents[$i][1].'</td></tr>';
        }
        @endphp
      </table>
    </td>
    <td style="width:50%;padding-left:0.4in;">
      @php
        if ($ix==20 && $x>20){
          echo '<table>';
          for($i=20;$i<$x;$i++){
            echo '<tr><td style="text-align:left;">'.str_replace(' And ',' and ',ucwords($contents[$i][0])).'</td><td style="text-align:right;">'.$contents[$i][1].'</td></tr>';
          }
          echo '</table>';
        }
      @endphp
    </td>
  </tr>
</table>