CDCC
/
OLAS


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<?php

echo '<html>';
echo '<body>';

//Inline styles (only for printing)
echo
'<style type="text/css">
    body
    {
        font-family: "Arial", sans-serif;
        width:90%;
        margin: 0 auto;
    }
    .header-text
    {
        text-align:center;
        font-weight: bold;
        margin:0;
    }

    h1.header-text
    {
      margin: 15px auto;
      width:75%;
      font-size: 25px;
    }

    table
    {
        border-collapse: collapse;
        border: 1px solid black;
        width: 100%;
        margin: 30px auto;
        font-size:1.5vw;
    }
    td, th
    {
        border: 1px solid black;
        padding: 5px;
    }

    .activity-name-row
    {
      background:black;
      color:white;
    }

    .activity-headers-row
    {
      background:lightgrey;
      font-weight:bold;
    }

    .report-info
    {
      margin:5px 0;
      font-size: 16px;
    }

    .criterion-field
    {
      text-align:left;
    }

    .score-field, .total, .percentage
    {
      text-align:center;
    }

    .header
    {
      margin: 30px 0;
    }

    .content
    {
      font-size: 12px;
    }

    .logo
    {
      position:absolute;
      right:0;
      top: 30px;
      width: 100px;
    }

    ul{
      list-style-type:none;
    }

    @media print{@page {size: landscape}}
</style>';


?>

<img class="logo" src="{{ asset('images/logo_uprrp_bw.png') }}" alt="UPRRP Logo">

<div class="header">
  <p class="header-text">University of Puerto Rico, Río Piedras Campus</p>
  <p class="header-text">Online Learning Assessment System</p>
  <h1 class="header-text">{{{ $template->name}}}</h1>
</div>

<div class="content">
  <p class="report-info">School: {{ $school }}</p>
  <p class="report-info">Program: {{ $program }}</p>
  <p class="report-info">Passing Criteria:
    <span id="expected_percentage">{{{ $template->expected_percentage }}}% of students must obtain at least </span>
    <span id="expected_points">{{{$template->expected_points}}}</span> points
  </p>
  <p class="report-info">Last modified on: {{ date('F d, Y h:i:s a', strtotime($template->updated_at)) }}</p>
</div>


<table class="table table-striped table-condensed">
  <thead>
    <tr>
      <th></th>
      <th>Criterion</th>
      @foreach($template->titles as $i=>$title)
      <th>{{$title}} ({{1+($i*($template->max_score/$template->num_scales))}}-{{(1+$i)*($template->max_score/$template->num_scales)}})</th>
      @endforeach
      <th>Learning Outcome</th>
      <th>Copyright</th>
      <th>Notes</th>
    </tr>
  </thead>
  <tbody>
  @foreach($template_criterion as $index => $criterion)
    <tr>
      <td>{{ $index + 1 }}.</td>
      <td>
        {{{ $criterion->name }}}

        @if($criterion->subcriteria)
          <ul class="list-unstyled">
            @foreach(json_decode($criterion->subcriteria) as $subcriterion)
                <li>{{ $subcriterion }}</li>
            @endforeach
          </ol>
        @endif
      </td>
      @foreach($criterion->scales as $index=>$description)
      <td>{{{ $description }}}</td>
      @endforeach
      
      <td>
        <ol>
        @foreach($criterion->outcomes as $outcome)
        <li>{{$outcome}}</li>

        @endforeach
        </ol>
      </td>
      <td>
      @if($criterion->copyright)
        {{{ $criterion->copyright }}}
      @endif
      </td>
      <td>
      @if($criterion->notes)
        {{{ $criterion->notes }}}
      @endif
      </td>
    </tr>
  @endforeach
  </tbody>
</table>


<?php

echo '</body>';
echo '</html>';
?>

<script type="text/javascript">

window.print();

</script>