push a bugs

app/controllers/AnnualPlansController.php

 
     $annual_plans = DB::table('annual_cycle')
       ->join('annual_plans', 'annual_cycle_id', '=', 'annual_cycle.id')
-      ->where('program_id', $program_id)
+      ->join('typ_semester_outcome', function ($j) {
+        $j->on('typ_semester_outcome.semester_id', '=', 'annual_cycle.semester_start')
+          ->orOn('typ_semester_outcome.semester_id', '=', 'annual_cycle.semester_end');
+      })
+      ->join('typ_program', function ($j) {
+        $j->on('typ_program.program_id', '=', 'annual_plans.program_id')
+          ->on('typ_program.id', '=', 'typ_semester_outcome.typ_program_id');
+      })
+      ->where('annual_plans.program_id', $program_id)
       ->orderBy('semester_start', 'desc')
+      ->select('annual_cycle.academic_year', 'annual_plans.*')
+      ->distinct()
       ->get();
     /*$annual_plans = DB::select("
     
     // Log::info($annual_plans);
     $outcomes = array();
     $allSemesterOrder = array();
-//     Log::info($annual_plans);
+    //     Log::info($annual_plans);
     /*foreach ($annual_plans as $an_plan) {
       Log::info($an_plan->id);
       $outcomes[$an_plan->id]["first"] = DB::select("select * from outcomes where id in (select outcome_id from typ_semester_outcome where semester_id = {$an_plan->semester_start} and typ_program_id in (select id from typ_program where program_id ={$an_plan->program_id} and three_year_plan_id ={$current_typ->id} ))");
 
   public function fetchInfo()
   {
-//     Log::info(Input::get('id'));
+    //     Log::info(Input::get('id'));
     $an_plan = DB::table("annual_plans")
       ->join('annual_cycle', 'annual_cycle.id', '=', 'annual_plans.annual_cycle_id')
       ->where('annual_plans.id', '=', Input::get('id'))
       })
       ->select('typ_program.*')
       ->first();
-//     Log::info(array($an_plan));
-//     Log::info(array($current_typ_program));
+    //     Log::info(array($an_plan));
+    //     Log::info(array($current_typ_program));
 
     //DB::select("select * from typ_program where program_id = {$an_plan->program_id} and three_year_plan_id in (select id from three_year_plan where year_start <= {$years[0]} and year_end>= {$years[1]})")[0];
 
       $typ_info['courses'][$objective->id] = DB::select("select c.id, c.number, c.name, c.code, typ.id typ_course_id from courses c, typ_semester_courses typ, (select course_id, id  from typ_semester_courses where typ_semester_objective_id in (select id from typ_semester_objectives where objective_id ={$objective->id} and typ_semester_outcome_id in (select id from typ_semester_outcome where outcome_id =? and semester_id ={$semester->id} and typ_program_id in(select id from typ_program where program_id ={$program_id})))) rel where typ.course_id =c.id and rel.course_id = c.id and typ.id = rel.id ", array(Input::get('id')));
 
       $typ_info['criteria'][$objective->id] = DB::select("select * from criteria where deleted_at IS NULL and id in (select criterion_id from criterion_objective_outcome join program_criterion_objective_outcome on program_criterion_objective_outcome.cri_obj_out_id = criterion_objective_outcome.id where outcome_id = ? and program_id  = {$program_id} and objective_id = {$objective->id})", array(Input::get('id')));
-//       Log::info($typ_info['criteria'][$objective->id]);
+      //       Log::info($typ_info['criteria'][$objective->id]);
       $typ_info['typ_objective_id'][$objective->id] = DB::select("select id from typ_semester_objectives where objective_id = {$objective->id} and typ_semester_outcome_id in (select id from typ_semester_outcome where outcome_id =? and semester_id ={$semester->id} and typ_program_id in (select id from typ_program where program_id ={$program_id}))", array(Input::get('id')));
-//       Log::info($typ_info['typ_objective_id'][$objective->id]);
+      //       Log::info($typ_info['typ_objective_id'][$objective->id]);
       $typ_info['typ_objective_id'][$objective->id] = $typ_info['typ_objective_id'][$objective->id][0];
 
-//       Log::info($typ_info['typ_objective_id'][$objective->id]->id);
-//       Log::info($annual_plan->id);
+      //       Log::info($typ_info['typ_objective_id'][$objective->id]->id);
+      //       Log::info($annual_plan->id);
       //  $typ_info['annual_plans_transformative'][$objective->id] = DB::select(
       //    "select trans_id from annual_plan_transformative
       //     where annual_plan_id={$annual_plan->id} 
       }
     }
     $typ_info['annual_plan'] = $annual_plan;
-//     Log::info($typ_info);
+    //     Log::info($typ_info);
 
     $typ_info['transformative_actions_for_outcome'] = DB::table('transformative_actions')
       ->join('transformative_typ_outcome', 'transformative_typ_outcome.trans_id', '=', 'transformative_actions.id')
 
       $annual_plan['first']['objectives'][$outcomes->id] = DB::select("select * from objectives where id in (select objective_id from typ_semester_objectives where typ_semester_outcome_id in(select id from typ_semester_outcome where outcome_id = {$outcomes->id} and semester_id = {$an_semesters->semester_start} and typ_program_id in (select id from typ_program where program_id ={$an_semesters->program_id})))");
       //Log::info($outcomes->id);
-//       Log::info($annual_plan['first']['objectives'][$outcomes->id]);
+      //       Log::info($annual_plan['first']['objectives'][$outcomes->id]);
       foreach ($annual_plan['first']['objectives'][$outcomes->id] as $objective) {
         $annual_plan['first']['typ_objective_id'][$objective->id] = DB::select("select id from typ_semester_objectives where objective_id = {$objective->id} and  typ_semester_outcome_id in (select id from typ_semester_outcome where outcome_id ={$outcomes->id} and semester_id ={$an_semesters->semester_start} and typ_program_id in(select id from typ_program where program_id ={$an_semesters->program_id})) ")[0];
         $annual_plan['first']['courses'][$objective->id] = DB::select("select typ.id typ_course_id, typ.course_id, c.code, c.number, c.name from (select course_id, id from typ_semester_courses where typ_semester_objective_id = {$annual_plan['first']['typ_objective_id'][$objective->id]->id}) typ, courses c where c.id = typ.course_id");
           $annual_plan['first']['trans_actions'][$objective->id][$course->typ_course_id] = DB::select("select * from transformative_actions where id in (select trans_id from annual_plan_transformative where typ_semester_course_id = {$course->typ_course_id})");
         }
 
-//         Log::info($objective->id);
+        //         Log::info($objective->id);
         /*$annual_plan['first']['trans_actions'][$objective->id] = DB::select("select * from transformative_actions where id in (select trans_id from annual_plan_transformative where typ_semester_objective_id ={$annual_plan['first']['typ_objective_id'][$objective->id]->id})");
         foreach ($annual_plan['first']['trans_actions'][$objective->id] as $trans) {
           Log::info($annual_plan['first']['typ_objective_id'][$objective->id]->id);
       ->select('courses.code', 'courses.number')
       ->distinct()
       ->get();
-//     Log::info($course_codes);
+    //     Log::info($course_codes);
     $all_courses_info = [];
 
     foreach ($course_codes as $index => $course_code) {
         ->where('program_id', $program_id)
         ->get();
       //Log::info("run number " . $index);
-//       Log::info($courses);
+      //       Log::info($courses);
       foreach ($courses as $course) {
         $all_courses_info[$course_code->code . '_' . $course_code->number][] = $course->getReportObject();
       }
     $outcome->semester_info = DB::table('semesters')
       ->where('id', $semester_id)
       ->first();
-//     Log::info($typ_semester_outcome_id);
+    //     Log::info($typ_semester_outcome_id);
     $outcome->comments = $outcome->getCommentsAttribute();
     // $outcome->comments = "COMMENT";
     //Log::info("Comments");
 
 
     foreach ($outcome->objectives as $index => $objective) {
-//       Log::info("Ella son besties");
-//       Log::info(array($objective));
+      //       Log::info("Ella son besties");
+      //       Log::info(array($objective));
       $objective->courses = Objective::getPlanReport($objective);
     }
 
     $typ_semester_outcome_id = Input::get('typ_outcome_semester_id');
     $comments = Input::get('comments');
 
-//     Log::info(Input::all());
+    //     Log::info(Input::all());
 
     if ($edit_id) {
       DB::table('typ_outcome_report_comments')
     $pdf->save(app_path() . '/storage/annual_pdfs/' . date('d-m-Y') . '-for-' . $annualPlan->program->id . '.pdf');
     return $pdf->download(date('d-m-Y') . '-for-' . $annualPlan->program->id . '.pdf');
     */ //pdf = $pdf->setOrientation("landscape");
-//     Log::info("submit");
-//     Log::info($submit);
+    //     Log::info("submit");
+    //     Log::info($submit);
     return View::make('local.managers.shared.print_annual_report', compact('annualPlan', 'submit'));
   }
 
     //  ->setOrientation("landscape")
 
     //  ->setPaper('legal', 'landscape');
-    $path = app_path() . '/views/annual_htmls/report-on-' . date('d-m-Y') .'ac'.$annualPlan->annual_cycle_id . '-for-' . $annualPlan->program->id . '-by-' . $user_id . '.blade.php';
+    $path = app_path() . '/views/annual_htmls/report-on-' . date('d-m-Y') . 'ac' . $annualPlan->annual_cycle_id . '-for-' . $annualPlan->program->id . '-by-' . $user_id . '.blade.php';
     //$pdf->save($path);
     //$name = date('d-m-Y') . '-for-' . $annualPlan->program->id . '.pdf';
     //$pdf->download($name);
     $path = DB::table('paths_for_annual_plans')->where('id', $path_id)->first();
 
     if (isset($path)) {
-//       Log::info($path->path_to_pdf);
-//       Log::info(app_path()); //. "/views/annual_htmls/");
+      //       Log::info($path->path_to_pdf);
+      //       Log::info(app_path()); //. "/views/annual_htmls/");
 
 
       //FALTA COMO HACER PAl REPORT.
   public function checkIfPlanReady()
   {
     $annual_plan = AnnualPlan::findOrFail(Input::get("annual_id"));
-//     Log::info('annual_plan' . $annual_plan->courses);
+    //     Log::info('annual_plan' . $annual_plan->courses);
 
     /*
       error = [
     */
     $error_array = [];
 
-//     Log::info("Esto devuelve?");
+    //     Log::info("Esto devuelve?");
 
-//     Log::info($annual_plan->courses);
+    //     Log::info($annual_plan->courses);
 
     foreach ($annual_plan->courses as $index => $course) {
 
-//       Log::info('paired Criteria');
-//       Log::info($course->paired_criteria);
+      //       Log::info('paired Criteria');
+      //       Log::info($course->paired_criteria);
       if (count($course->paired_criteria) <= 0) {
         $outcome = $course->paired_objective->paired_outcome;
         $objective = $course->paired_objective;
       'courses' => [],
       'outcomes' => []
     ];
-//     Log::info($annual_plan->courses_with_transformative_actions);
+    //     Log::info($annual_plan->courses_with_transformative_actions);
     foreach ($annual_plan->courses_with_transformative_actions as $course) {
 
       foreach ($course->proposed_transformative_actions as $ta) {
   {
     $alphabet = range("A", "Z");
     $annualPlan = AnnualPlan::findOrFail($annual_id);
-        Log::info(json_encode($annualPlan));
-	$temp=$annualPlan->getCoursesAttribute();
-	        Log::info("cursos plan");
-	        Log::info(json_encode($temp));
-	        Log::info("termina cursos plan");
+    Log::info(json_encode($annualPlan));
+    $temp = $annualPlan->getCoursesAttribute();
+    Log::info("cursos plan");
+    Log::info(json_encode($temp));
+    Log::info("termina cursos plan");
 
     $small_alphabet = range('a', 'z');
     return View::make('local.managers.shared.print_annual_plan', compact('annualPlan', 'alphabet', 'small_alphabet', 'submit'));
     $alphabet = range("A", "Z");
     $small_alphabet = range('a', 'z');
     $annualPlan = AnnualPlan::findOrFail($annual_id);
-//     Log::info(json_encode($annualPlan));
-// Log::info($annualPlan->annual_cycle_id);
+    //     Log::info(json_encode($annualPlan));
+    // Log::info($annualPlan->annual_cycle_id);
     $user_id = Auth::user()->id;
     //$pdf = new PDF(app('config'), app("Filesystem"), app('view'), '/storage/plan_pdf');
     //$pdf = $pdf->loadView('local.managers.shared.print_annual_plan', compact('annualPlan', 'alphabet', 'small_alphabet'))
     //  ->setOrientation("landscape")
 
     //  ->setPaper('legal', 'landscape');
-    $path = app_path() . '/views/annual_htmls/plan-on-' . date('d-m-Y') .'ac'.$annualPlan->annual_cycle_id . '-for-' . $annualPlan->program->id . '-by-' . $user_id . '.blade.php';
+    $path = app_path() . '/views/annual_htmls/plan-on-' . date('d-m-Y') . 'ac' . $annualPlan->annual_cycle_id . '-for-' . $annualPlan->program->id . '-by-' . $user_id . '.blade.php';
     //$pdf->save($path);
-    $name = "plan-on-" . date('d-m-Y') .'ac'.$annualPlan->annual_cycle_id .'-for-' . $annualPlan->program->id . '.blade.php';
+    $name = "plan-on-" . date('d-m-Y') . 'ac' . $annualPlan->annual_cycle_id . '-for-' . $annualPlan->program->id . '.blade.php';
     //$pdf->download($name);
 
     //is a path already there
     $it_exists = DB::table("paths_for_annual_plans")
       ->where('path_to_pdf', $path)
       ->first();
-// Log::info(
+    // Log::info(
     if (isset($it_exists)) {
       return '200';
     }

app/controllers/Objective2Controller.php

 	{
 		$pcobo_id = Input::get('pcobo_id');
 		$criterion_id = Input::get('criterion_id');
-		//$objective_id  = Input::get('objective_id');
+		$objective_id  = Input::get('objective_id');
 		$outcome_id  = Input::get('outcome_id');
 		$program_id = Input::get('program_id');
+		$old_cobo_id = Input::get('cobo_id');
+
+		//criterio de holder. 
+
 
 		$cri_hol_dom = DB::table('criterion_objective_outcome')
 			->where('objective_id', 0)
 			->where('outcome_id', $outcome_id)
 			->first();
 
-
+		//si el criterio NO esta pareado a algun holder,
 		if (!isset($cri_hol_dom)) {
+			//entonces parealo para mantener la relacion de criterio domino
 			$cri_obj_out_id = DB::table('criterion_objective_outcome')->insertGetId(
 				array(
 					'objective_id' => 0,
 					'criterion_id' => $criterion_id
 				)
 			);
-		} else {
+		}
+		//si el criterio esta pareado a holder, 
+		else {
 			$cri_obj_out_id = $cri_hol_dom->id;
-			//no creo que esto pase pero
+		}
+		//no creo que esto pase pero
 
-			$exists_pair = DB::table("program_criterion_objective_outcome")
-				->where('program_id', $program_id)
-				->where('cri_obj_out_id', $cri_obj_out_id)
-				->first();
+		$exists_pair = DB::table("program_criterion_objective_outcome")
+			->where('program_id', $program_id)
+			->where('cri_obj_out_id', $cri_obj_out_id)
+			->first();
 
-			if (isset($exists_pair)) {
-				//se puede borrar la entrada
-				//porque el pareo de programa-criterio-dominio-holder ya existe, so borrar esta entrada borra duplicados. 
+		if (isset($exists_pair)) {
+			//se puede borrar la entrada
+			//porque el pareo de programa-criterio-dominio-holder ya existe, so borrar esta entrada borra duplicados. 
 
-				DB::table('program_criterion_objective_outcome')
-					->where('id', $pcobo_id)
-					->delete();
-				return 200;
-			}
+			DB::table('program_criterion_objective_outcome')
+				->where('id', $pcobo_id)
+				->delete();
+			return 200;
 		}
 
+		//ahora como sabemos que existe el pareo de criterio y dominio con holder, podemos borrar criterio-objetivo-outcome
+		//si y solo si no hay otro programa que tenga este cobo_id
 
+		$otherPairing = DB::table("program_criterion_objective_outcome as pcobo")
+			->where('program_id', '<>', $program_id)
+			->where('cri_obj_out_id', $old_cobo_id)
+			->first();
+		if (!isset($otherPairing)) {
+			DB::table('criterion_objective_outcome')
+				->where('criterion_objective_outcome.id', $old_cobo_id)
+				->delete();
+		}
 
 
 
 				'cri_obj_out_id' => $cri_obj_out_id
 			));
 
+
+
 		return 200;
 	}
 

app/models/Objective.php

     //public function pairedCriteria(){
 
     //    return Criterion::
-    //}
+    //} 
 
 
     public function getGroupedAnnualCourseAttribute()
 
             return Course::join('typ_semester_courses',  'courses.id', '=', 'typ_semester_courses.course_id')
                 ->where('typ_semester_objective_id', $this->typ_semester_objective_id)
-                ->where('courses.program_id', $this->program_id)
+                //->where('courses.program_id', $this->program_id)
                 ->select('courses.*', 'typ_semester_courses.id as typ_semester_course_id', DB::raw("'{$this->semester_id}' as semester_id"), "courses.program_id")
                 ->get();
             // $course_code_id = $course_codes->lists('course_id');

app/models/Program.php

 				->where('program_id', $this->id)
 				->where('outcome_id', $this->outcome_id)
 				->get();
+		} else {
+			return Criterion::join('criterion_objective_outcome as cobo', 'cobo.criterion_id', '=', 'criteria.id')
+				->join('program_criterion_objective_outcome', 'program_criterion_objective_outcome.cri_obj_out_id', '=', 'cobo.id')
+				->select('criteria.*', 'cobo.id as cobo_id', 'cobo.objective_id', 'cobo.outcome_id', 'cobo.criterion_id')
+				->addSelect('program_criterion_objective_outcome.id as pcobo_id')
+				->where('program_id', $this->id)
+				->get();
 		}
-		return Criterion::join('criterion_objective_outcome as cobo', 'cobo.criterion_id', '=', 'criteria.id')
-			->join('program_criterion_objective_outcome', 'program_criterion_objective_outcome.cri_obj_out_id', '=', 'cobo.id')
-			->where('program_id', $this->id)
-			->get();
 	}
 	public function templates()
 	{
 	 *
 	 * @return Illuminate\Database\Eloquent\Collection
 	 */
+	/*
 	public function criteria()
 	{
 
 		Log::info("AQUI");
 		$lmao = Criterion::join('criterion_objective_outcome', 'criteria.id', '=', 'criterion_objective_outcome.criterion_id')
 			->join('program_criterion_objective_outcome', 'cri_obj_out_id', '=', 'criterion_objective_outcome.id')
-			->where('program_id', $this->id);
-		//->get();
+
+			->where('program_id', $this->id)->get();
 
 
 		return $lmao;
 			->join('program_criterion_objective_outcome', 'cri_obj_out_id', '=', 'criterion_objective_outcome.id')
 			->where('program_id', $this->id)->get();
 		//get();
-	}
+	}*/
 
 	// 	public function attempted_outcome($outcome_id, $semester)
 	// 	{

app/views/annual_htmls/plan-on-05-11-2022ac6-for-17-by-5478.blade.php

+<html><body><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;
+    }
+    .outcome-text
+    {
+        text-align:left;
+        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}}
+
+    .outcome-header{
+        text-align:left
+    }
+    hr{
+        border-block-color: black
+    }
+
+    .course-title {
+      text-align:center;
+      font-weight:bold;
+    }
+</style><style type="text/css" media="print">
+  @page { size: landscape; }
+</style><img class="logo" src="http://localhost:8000/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>
+    <p class="header-text">Master in Communication in Theory and Research  Program Report</p>
+
+    <h1 class="header-text">Academic Year 2024-2025 </h1>
+</div>
+
+    <h1 class="outcome-header">Content Knowledge, Skills or Dispositions in the academic program learning outcomes <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. Objetivo
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-5001</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                a.Cumplimiento con las instrucciones (sigue las guías para la preparación del contenido, atiende los enfoques solicitados y cumple con los plazos de entrega).
+                                            </li>
+                                                                                    <li>
+                                                b.Criterio periodístico (aborda y profundiza en los aspectos de más interés noticioso en el marco del enfoque temático propuesto. Denota una investigación previa sobre el asunto).
+                                            </li>
+                                                                            </ol>
+
+                                                                            <hr style="margin-left:-40px">
+                                    
+
+                                </li>
+                                                            <li>
+                                    <p>COPU-6515</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                c.Articulación coherente del relato (estructura de manera ordenada el escrito, hilando los diversos puntos de vista y la información obtenida de diversas fuentes documentales y humanas).
+                                            </li>
+                                                                                    <li>
+                                                d.Diversidad de fuentes (presenta una pluralidad de puntos de vista sobre el asunto tratado).
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                                                                            </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+        
+            <h2>Program Transformative Actions</h2>
+            <hr>
+
+            <table class="table table-striped table-condensed">
+                <thead>
+                    <tr>
+                        <th></th>
+                        <th>Transformative Action</th>
+                        <th>Category</th>
+
+
+                    </tr>
+                </thead>
+                <tbody>
+                                            <tr>
+                            <td>1.</td>
+                            <td>
+                                <strong>PAM PAM: </strong>APIDHPI
+
+
+                            </td>
+                            <td>
+                                TAN TAN 
+                            </td>
+
+
+
+
+                        </tr>
+                    
+                </tbody>
+            </table>
+            <hr>
+        
+        <h1 class="outcome-header">Information Literacy <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. Vamos a ver que esta pasando
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-6576</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                Bases de datos
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+        <h1 class="outcome-header">Critical Thinking <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. osudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiph
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-6705</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                hABRA
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+        <h1 class="outcome-header">Effective Communication Skills <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. Vamos a ver que esta pasando
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-6517</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                pues mera
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+                            <tr>
+                    <td>
+                        
+                        B. Objetivo
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-6705</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                Corrección ortosintáctica, sintaxis y construcción de la oración en el reportaje
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+        <h1 class="outcome-header">Research and Creation <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. Vamos a ver que esta pasando
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-6705</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                Problematización de la investigación
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+        <h1 class="outcome-header">Social Responsibility <sub>(Semester
+            C42)</sub></h1>
+    <hr>
+    <p class="outcome-text">Target to achieve the learning outcome: 66.66 or more of
+        the
+        attempts</p>
+    <p class="outcome-text">Expected percent of students achieving the target by learning outcome:
+        70.00%
+
+        <hr>
+    <table class="table table-striped table-condensed">
+        <thead>
+            <tr>
+                <th>
+                    Objectives for Courses
+                </th>
+
+                <th>
+                    Courses and Criteria
+                </th>
+                <th>
+                    Transformative Actions to be Implemented
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+                            <tr>
+                    <td>
+                        
+                        A. Objetivo
+                    </td>
+                    <td>
+                        <ol type="1">
+
+
+                                                            <li>
+                                    <p>COPU-5001</p>
+
+                                    <ol type="a">
+                                                                                    <li>
+                                                La problematización aborda aspectos relacionados con las teorías normativas sobre la responsabilidad social de la prensa (los medios deben ser veraces, precisos, justos y pertinentes; y ser un foro de ideas para los distintos sectores sociales).
+                                            </li>
+                                                                            </ol>
+
+                                    
+
+                                </li>
+                                                    </ol>
+                    </td>
+                    <td>
+                        <ol type="1">
+                                                                                                                </ol>
+
+
+                    </td>
+
+
+                </tr>
+            
+        </tbody>
+
+    </table>
+
+    
+
+</body></html>
+<script type="text/javascript">
+
+
+</script>

app/views/global/view-objectives-criteria.blade.php

                     <p class="objective-definition "></p>
 
                     <div class="table-responsive table-responsive-0">
-                        <table class="table table-striped table-condensed datatable">
+                        <table class="table table-striped table-condensed datatable" id = 'theTable'>
                             <thead id="theHead">
-                                <th>Objective</th>
-                                <th>Program</th>
-                                <th>Match to Criteria</th>
+                                <th style="width: 20%">Objective</th>
+                                <th  style="width: 20%">Program</th>
+                                <th style="width: 20%">Match to Criteria</th>
                             </thead>
                             <tfoot>
 
                             // $('#objective-display .objective-definition').html(definition);
 
                             //Empty table
-                            $('#table_objectives').empty();
+                            table = $('#theTable').DataTable(
+                                    );
+                            table.clear();
+                            
 
                             $.each(json, function(ind2, objective) {
                                 tr = $("<tr>");
 
                                 link_td.append(a)
 
-                                
-                                tr.append(td_text);
-                                tr.append(td_programs);
-                                tr.append(link_td)
-                                tr.appendTo($('#table_objectives'))
+                                table.row.add([
+                                    td_text.html(),
+                                    td_programs.html(),
+                                    link_td.html()
+                                ])
+                                //tr.append(td_text);
+                                //tr.append(td_programs);
+                                //tr.append(link_td)
+                                //tr.appendTo($('#table_objectives'))
 
 
                                 
 
                             })
+                            table.columns.adjust().draw();
+                            
                         },
                         'json'
                     );
                 function (status){
 
                     if(status == 200){
-                    $('.selected_criteria_to_delete').parent().parent().remove();
+                        button = ".selected_criteria_to_delete"
+                        program_div =  $(button).parent().parent().parent();
+                        options = program_div.find('select.selectpicker').html();
+                        $(button).parent().parent().remove();
+                        if(program_div.children('.removable_div').length === 0){
+
+                            program_div.prepend(addSelect('#'+ program_div.attr('id'), options));
+                            
+                        }
+                    //$('.selected_criteria_to_delete').parent().parent().remove();
+
                     }
                     else{
                         alert("something went wrong, try again later.");
 
         function fetchCriteria(a){
             objective_id = $(a).data('objective-id');
-            objective_text = $("#objective-"+objective_id).html()
+
+            objective_text = $(a).parent().parent().children().first().html();//$("#objective-"+objective_id).html()
             outcome_id = $(a).data('outcome-id')
 
             $.post(
                         $('#program_objectives').append(prog_div);
                         select = createSelectForModal(options_html)
 
-                        select.find('div.remove-btn').hide()
+                        //select.find('div.remove-btn').hide()
                         prog_div.append(select);
                         $('select.criteria_select').selectpicker('refresh');
                         if(selected_options.length>0){
         wr = "#warning"
         function deleteCriterion(button){
             select =  $(button).parent().parent().find('select.criteria_select');
+            options = $(select).html();
 
             $('.selected_criteria_to_delete').removeClass('selected_criteria_to_delete');
 
           
             criterion_id = $(select).val()
             if(criterion_id ==0){
-                $(button).parent().parent().remove()
+                program_div =  $(button).parent().parent().parent();
+                removable_div = $(button).parent().parent().clone();
+                $(button).parent().parent().remove();
+                if(program_div.children('.removable_div').length === 0){
+                   addSelect('#'+program_div.attr('id'), options);
+                }
+                
+                //createSelectForModal(options);
                 return
             }
             option = $(select).find(':selected');
             button = $("<button>", {
                 'class':'add_criteria btn btn-secondary',
                 'type':'button',
-                'onclick':'addSelect("#'+program_div_id+'")',
+                'onclick':'addSelect("#'+program_div_id+'", )',
                 'style':'float: right'  
             }).html(" <span class = 'glyphicon glyphicon-plus'></span> Add Criteria");
             div.append(button)
             div.append('<br><br>')
             return div;
         }
-
-        function addSelect(program_div_id){
-            options = $(program_div_id).children('.removable_div').first().find('select.criteria_select').html();
+       // options = null;
+        function addSelect(program_div_id, last_options=null){
+            if(last_options == null){
+                options = $(program_div_id).children('.removable_div').first().find('select.criteria_select').html();
             $(program_div_id).children(".removable_div").last().after(createSelectForModal(options));
+            }
+            else{
+                $(program_div_id).prepend(createSelectForModal(last_options))
+            }
+            options = $(program_div_id).children('.removable_div').first().find('select.criteria_select').html();
+            
             $('select.criteria_select').selectpicker('refresh');
         }
 

app/views/local/managers/shared/annual-plans.blade.php

     @endif
 @stop
 @section('main')
-
+ 
     {{-- TODO: look where to place this script.
           if placed inside .ready() or before it,
             an error that the function is not defined occurs. --}}

app/views/three_year_plan_htmls/05-11-2022-for-15-by-5478.blade.php

+<html><head></head><body id="theDocument"><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;
+    }
+
+    ol{
+      list-style-type:none;
+    }
+
+    @media print{@page {size: landscape}}
+</style><style type="text/css" media="print">
+	  @page { size: landscape; }
+	</style><img class="logo" src="http://localhost:8000/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 Audiovisual Communication from 2022 to
+        2025</h1>
+</div>
+
+
+
+    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Explicará teorías básicas de la fotografía.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Describirá técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Definirá el papel central del guion en toda producción mediática.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Describirá los elementos escenciales de escritura de guiones para diferentes medios audiovisuales.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            5. Evaluará el balance adecuado entre los elementos artísticos y técnicos en la redacción de un guion.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará destrezas básicas para la preparación de un trabajo investigativo en el área de comunicación.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[ESIN4077] INTRODUCTION TO STATEGIC RESEARCH / INTRODUCCIÓN A LA INVESTIGACIÓN ESTRATÉGICA </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Evaluará trabajos fotográficos estética y críticamente.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Discutirá sobre aspectos éticos y de responsabilidad social referentes a la fotografía.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Argumentará sobre la responsabilidad ética en el proceso de redacción de guiones para los medios de comunicación.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Definirá la fotografía como instrumento de comunicación visual.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Justificará la importancia del dominio de la palabra escrita como factor esencial de todo/a comunicador/a profesional.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Redactará guiones para diferentes medios de comunicación, según los principios básicos de redacción y estilo de cada medio estudiado.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará métodos de investigación a los fenómenos comunicacionales.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[ESIN4077] INTRODUCTION TO STATEGIC RESEARCH / INTRODUCCIÓN A LA INVESTIGACIÓN ESTRATÉGICA </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Implementará técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Experimentará con algunas de las técnicas básicas del manejo de la imagen digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Evaluará el balance adecuado entre los elementos artísticos y técnicos en la redacción de un guion.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            5. Redactará guiones para diferentes medios de comunicación, según los principios básicos de redacción y estilo de cada medio estudiado.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Implementará técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Experimentará con algunas de las técnicas básicas del manejo de la imagen digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Explicará teorías básicas de la fotografía.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Describirá técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Definirá el papel central del guion en toda producción mediática.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Describirá los elementos escenciales de escritura de guiones para diferentes medios audiovisuales.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            5. Evaluará el balance adecuado entre los elementos artísticos y técnicos en la redacción de un guion.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará destrezas básicas para la preparación de un trabajo investigativo en el área de comunicación.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[ESIN4077] INTRODUCTION TO STATEGIC RESEARCH / INTRODUCCIÓN A LA INVESTIGACIÓN ESTRATÉGICA </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Definirá la fotografía como instrumento de comunicación visual.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Justificará la importancia del dominio de la palabra escrita como factor esencial de todo/a comunicador/a profesional.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Redactará guiones para diferentes medios de comunicación, según los principios básicos de redacción y estilo de cada medio estudiado.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Aplicará métodos de investigación a los fenómenos comunicacionales.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[ESIN4077] INTRODUCTION TO STATEGIC RESEARCH / INTRODUCCIÓN A LA INVESTIGACIÓN ESTRATÉGICA </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Implementará técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Experimentará con algunas de las técnicas básicas del manejo de la imagen digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Evaluará el balance adecuado entre los elementos artísticos y técnicos en la redacción de un guion.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            4. Aplicará los principios de redacción de guiones originales, de seguimiento de personajes/ situaciones, y adaptados de otros medios o fuentes
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            5. Redactará guiones para diferentes medios de comunicación, según los principios básicos de redacción y estilo de cada medio estudiado.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Implementará técnicas básicas de la fotografía digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Experimentará con algunas de las técnicas básicas del manejo de la imagen digital.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Evaluará trabajos fotográficos estética y críticamente.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Discutirá sobre aspectos éticos y de responsabilidad social referentes a la fotografía.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4011] FOTOGRAFIA BASICA         </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            3. Argumentará sobre la responsabilidad ética en el proceso de redacción de guiones para los medios de comunicación.
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COMA4315] SCRIPTS / GUIONES</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2023-2024</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2023-2024</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>First Semester 2024-2025</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2024-2025</h2>
+    <br>
+     
+
+
+</body></html>
+
+
+<script>
+
+  
+    
+  
+
+
+  </script>
+
+

app/views/three_year_plan_htmls/05-11-2022-for-17-by-5478.blade.php

+<html><head></head><body id="theDocument"><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;
+    }
+
+    ol{
+      list-style-type:none;
+    }
+
+    @media print{@page {size: landscape}}
+</style><style type="text/css" media="print">
+	  @page { size: landscape; }
+	</style><img class="logo" src="http://localhost:8000/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 Master in Communication in Theory and Research  from 2022 to
+        2025</h1>
+</div>
+
+
+
+    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Objetivo
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU5001] PERIODISMO POLITICO       </li>
+                                                                    <li>[COPU6510] COMUNIC Y CULTURA POPULA  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. osudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiph
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6705] INTROD A EMPRENDIM DIGITAL</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Prueba
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6705] INTROD A EMPRENDIM DIGITAL</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Vamos a ver que esta pasando
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6517] CULT Y ESTRUC MEDIATICAS  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Vamos a ver que esta pasando
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6517] CULT Y ESTRUC MEDIATICAS  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Objetivo
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6576] TEORIA DEL PERIODISMO</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2022-2023</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>First Semester 2023-2024</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2023-2024</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>First Semester 2024-2025</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2024-2025</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Objetivo
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU5001] PERIODISMO POLITICO       </li>
+                                                                    <li>[COPU6515] MEDIA OWNERSHIP AND POWER STRUCTURE  / ESTRUCTURAS DE PROPIEDAD Y PODER</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Vamos a ver que esta pasando
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6576] TEORIA DEL PERIODISMO</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. osudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiphosudhfksdfvksd9vucjsdojcvnuipshvd ihsebfihpsbndfiph
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6705] INTR EMPRENDIMIENTO DIGIT </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Vamos a ver que esta pasando
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6517] CULT Y ESTRUC MEDIATICAS  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. Objetivo
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6705] INTR EMPRENDIMIENTO DIGIT </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Vamos a ver que esta pasando
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU6705] SEMINARIO COMUNICACION I  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Objetivo
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[COPU5001] PERIODISMO POLITICO       </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                 
+
+
+</body></html>
+
+
+<script>
+
+  
+    
+  
+
+
+  </script>
+
+

app/views/three_year_plan_htmls/06-11-2022-for-1044-by-5478.blade.php

+<html><head></head><body id="theDocument"><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;
+    }
+
+    ol{
+      list-style-type:none;
+    }
+
+    @media print{@page {size: landscape}}
+</style><style type="text/css" media="print">
+	  @page { size: landscape; }
+	</style><img class="logo" src="http://localhost:8000/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 Avaluo del Componente General from 2022 to
+        2025</h1>
+</div>
+
+
+
+    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. mera
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3002] FUND BIOL: II</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3006] CIBI ENFASIS CONS AMB I   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3006] LABORATORIO               </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI4105] CULTIVOS TRANSGENICOS     </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3027] CAMB CLIM Y SIST ECO CARIB</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Tambien esto, a dos programas
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3026] FUND BIOL ORGAN Y HOMEOTAS</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3025] INV BIOL CULT CIENT       </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3015] INV BIOL CUL CIENT        </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2022-2023</h2>
+    <br>
+                  <span>
+            <h3>Critical Thinking</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI4006] ANALISIS FORENSE DE ADN   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Content Knowledge, Skills or Dispositions in the academic program learning outcomes</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3007] CIBI ENFASIS CONS AMB II  </li>
+                                                                    <li>[CIBI3026] FUND BIOL ORGAN Y HOMEOTAS</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. mera
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI4105] CULTIVOS TRANSGENICOS     </li>
+                                                                    <li>[CIBI4105] SEM:MIRAD INTERD REPR ASIS</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Effective Communication Skills</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3007] CIBI ENFASIS CONS AMB II  </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. mera
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3018] ORIGEN Y EVOLUCION VIDA   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Information Literacy</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Tambien esto, a dos programas
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3028] CIENCIA BIOTECN Y SOCIEDAD</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                                    <tr>
+
+                        <td>
+                            2. mera
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3028] CIENCIA BIOTECN Y SOCIEDAD</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI4006] ANALISIS FORENSE DE ADN   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Tambien esto, a dos programas
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3018] ORIGEN Y EVOLUCION VIDA   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Social Responsibility</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Tambien esto, a dos programas
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3018] ORIGEN Y EVOLUCION VIDA   </li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Technology</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CISO5995] ESTDS AFRODESC PR Y CARIBE</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>First Semester 2023-2024</h2>
+    <br>
+                  <span>
+            <h3>Logical-mathematical reasoning </h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. QUien esta interesado?
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3035] ECOSISTEMA Y BIODIVERSIDAD</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                              <span>
+            <h3>Research and Creation</h3>
+        </span>
+        <table class="table table-striped table-condensed" style="table-layout: fixed">
+            <thead>
+                <tr>
+
+                    <th>Objectives</th>
+                    <th>Courses</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+                                    <tr>
+
+                        <td>
+                            1. Tambien esto, a dos programas
+                        </td>
+                        <td>
+                            <ol>
+                                                                    <li>[CIBI3028] CIENCIA BIOTECN Y SOCIEDAD</li>
+                                                            </ol>
+                        </td>
+
+                    </tr>
+                
+            </tbody>
+        </table>
+        <br>
+        <br>
+                    <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2023-2024</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>First Semester 2024-2025</h2>
+    <br>
+        <br>
+    <br>
+    <h2 class='header-text'>Second Semester 2024-2025</h2>
+    <br>
+     
+
+
+</body></html>
+
+
+<script>
+
+  
+    
+  
+
+
+  </script>
+
+