<?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>'; echo '<style type="text/css" 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">Three Year Plan for {{$program->name}} from {{$three_year_plan->year_start}} to {{$three_year_plan->year_end}}</h1></div> @foreach($typ_semesters as $semester) <br> <br> <h2 class ='header-text'>{{$semester->name}}</h2> <br> @foreach($typ_semester_outcome[$semester->semester_id] as $outcome) <span><h3>{{$outcome->name}}</h3></span> <table class="table table-striped table-condensed" style = "table-layout: fixed"> <thead> <tr> <th>Objectives</th> <th>Courses</th> </tr> </thead> <tbody> @foreach($outcome->objectives as $index=> $objective) <tr> <td> {{ $index + 1 }}. {{$objective->text}} </td> <td> <ol> @foreach($objective->courses as $course) <li>[{{$course->code}}] {{$course->name}}</li> @endforeach </ol> </tr> @endforeach </tbody> </table> <br> <br> @endforeach @endforeach <?php echo '</body>'; echo '</html>'; ?> <script type="text/javascript"> window.print(); </script>