From e25902faca378a529103a72170fc32f93d2f1bfe Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:50:41 -0300
Subject: [PATCH 01/19] feat/implementing form

---
 app/controllers/AdminController.php           | 15 +++++-
 js/admin/grades-structure.js                  | 22 +++++++++
 .../default/views/admin/gradesStructure.php   | 48 +++++++++++++++++++
 3 files changed, 84 insertions(+), 1 deletion(-)

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index 374bd4a6e..f918d21ec 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -129,7 +129,7 @@ public function actionCreateUser()
                 if ($model->validate()) {
                     $passwordHasher =  new PasswordHasher;
                     $password = $passwordHasher->bcriptHash($_POST['Users']['password']);
-                   
+
                     $model->password = $password;
                     // form inputs are valid, do something here
                     if ($model->save()) {
@@ -193,6 +193,18 @@ public function actionGetUnities()
     {
         $stage = Yii::app()->request->getPost("stage");
 
+        $modality =  Yii::app()->db->createCommand("
+        select
+            distinct gu.name,
+            gu.id,
+            gu.edcenso_stage_vs_modality_fk
+        from grade_unity gu
+            join curricular_matrix cm on cm.stage_fk = gu.edcenso_stage_vs_modality_fk
+        where cm.school_year = :year and gu.edcenso_stage_vs_modality_fk = :stage_modality")
+        ->bindParam(":year", Yii::app()->user->year)
+        ->bindParam(":stage_modality", $stage)
+        ->queryAll();
+
         $result = [];
         $result["unities"] = [];
 
@@ -241,6 +253,7 @@ public function actionGetUnities()
         $result["mediaCalculation"] = $gradeRules->grade_calculation_fk;
         $result["ruleType"] = $gradeRules->rule_type;
         $result["hasFinalRecovery"] = (bool) $gradeRules->has_final_recovery;
+        $result["modality"] = $modality;
 
         echo CJSON::encode($result);
     }
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 077f5830d..a20eff85b 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -270,6 +270,24 @@ $(document).on("change", ".js-has-final-recovery", function (event) {
     }
 });
 
+$(document).on("change", ".js-has-semianual-unity", function (event) {
+    const isChecked = $(this).is(":checked");
+    const isNew = $(".semianual-unity-id").val() === "";
+    if (isChecked) {
+        $(".js-recovery-semianual-form").show();
+        if (isNew) {
+            $(".semianual-unity-operation").val("create");
+        } else {
+            $(".semianual-unity-operation").val("update");
+        }
+    } else {
+        $(".js-recovery-semianual-form").hide();
+        if (!isNew) {
+            $(".semianual-unity-operation").val("delete");
+        }
+    }
+});
+
 function initRuleType(ruleType) {
     if (ruleType === "C") {
         $(".numeric-fields").hide();
@@ -566,6 +584,10 @@ function loadStructure() {
                     "val",
                     data.final_recovery.grade_calculation_fk
                 );
+                $(".semianual-modality").select2(
+                    "val",
+                    data.final_recovery.name
+                );
                 $(".final-recover-media").val(data.finalRecoverMedia);
 
                 if (data.hasFinalRecovery) {
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 3dae3c27a..7dcd0d58e 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -92,6 +92,16 @@
                 <label class="t-field-text__label--required">Média de Aprovação</span></label>
                 <input type="text" class="approval-media t-field-text__input">
             </div>
+            <div class="numeric-fields t-field-checkbox">
+                <?php echo CHtml::checkbox(
+                    'has_final_recovery',
+                    false,
+                    array(
+                        'class' => 't-field-checkbox__input js-has-semianual-unity'
+                    )
+                ) ?>
+                <?php echo CHtml::label("Incluir recuperação semestral?", 'js-has-semianual-unity', array('class' => 't-field-checkbox__label', 'id' => 'active-label')); ?>
+            </div>
             <div class="numeric-fields t-field-checkbox">
                 <?php echo CHtml::checkbox(
                     'has_final_recovery',
@@ -118,6 +128,44 @@
             class="grades-structure-container t-accordeon-quaternary js-grades-structure-container accordion"
             style="display: none;">
         </div>
+        <div class="column js-recovery-semianual-form  is-three-fifths" style="display: none;">
+            <h2>Regras de recuperação semestral</h2>
+            <p class="subheading">
+                Configure as regras básicas para aprovação dos alunos
+            </p>
+            <input type='hidden' class="semianual-unity-id">
+            <input type='hidden' class="semianual-unity-type" value="RF">
+            <input type="hidden" class="semianual-unity-operation" value="create">
+            <div class="t-field-text js-semianual-unity-media-visibility">
+                <label class="t-field-text__label--required">Média de Rec. Semestral</span></label>
+                <input type="text" class="semianual-unity-media t-field-text__input">
+            </div>
+            <div class="t-field-text" style="margin-top: 16px">
+                <label class='t-field-text__label--required'>Nome:</span></label>
+                <input type='text' class='t-field-text__input semianual-unity-name'
+                    placeholder='Recuperação Semestral'>
+            </div>
+            <div class="t-field-select js-calculation">
+                <label class='t-field-select__label--required'>Forma de cálculo:</span></label>
+                <select class='t-field-select__input select-search-on semianual-unity-calculation'>
+                    <?php foreach ($formulas as $formula): ?>
+                        <option value="<?= $formula->id ?>">
+                            <?= $formula->name ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+            </div>
+            <div class="t-field-select">
+                <label class='t-field-select__label--required'>Fim do semestre:</span></label>
+                <select class='t-field-select__input select-search-on semianual-modality'>
+                    <?php foreach ($modality as $modalitykey): ?>
+                        <option value="<?= $modalitykey['id'] ?>">
+                            <?= $modalitykey['name'] ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+            </div>
+        </div>
         <div class="column js-recovery-form  is-three-fifths" style="display: none;">
             <h2>Regras de recuperação final</h2>
             <p class="subheading">

From 2c38f18adb30aad0294e2555ff152ee334701382 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:58:34 -0300
Subject: [PATCH 02/19] feat/correction hide and show form

---
 js/admin/grades-structure.js                   | 8 ++++++++
 themes/default/views/admin/gradesStructure.php | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index a20eff85b..b76a64bd3 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -346,6 +346,7 @@ function saveUnities(reply) {
             unities: unities,
             approvalMedia: $(".approval-media").val(),
             hasFinalRecovery: $("#has_final_recovery").is(":checked"),
+            hasRecoverySemianual: $("#has_recovery_semianual").is(":checked"),
             finalRecovery: {
                 id: $(".final-recovery-unity-id").val(),
                 name: $(".final-recovery-unity-name").val(),
@@ -569,6 +570,7 @@ function loadStructure() {
                 $(".js-grades-structure-container").children(".unity").remove();
                 $(".approval-media").val(data.approvalMedia);
                 $("#has_final_recovery").prop("checked", data.hasFinalRecovery);
+                $("#has_recovery_semianual").prop("checked", data.hasRecoverySemianual);
                 $(".calculation-final-media").select2(
                     "val",
                     data.mediaCalculation
@@ -596,6 +598,12 @@ function loadStructure() {
                     $(".js-recovery-form").hide();
                 }
 
+                if (data.hasRecoverySemianual) {
+                    $(".js-recovery-semianual-form").show();
+                } else {
+                    $(".js-recovery-semianual-form").hide();
+                }
+
                 $(
                     ".js-grades-structure-container, .js-grades-rules-container"
                 ).show();
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 7dcd0d58e..6f8c2f5e0 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -94,7 +94,7 @@
             </div>
             <div class="numeric-fields t-field-checkbox">
                 <?php echo CHtml::checkbox(
-                    'has_final_recovery',
+                    'has_recovery_semianual',
                     false,
                     array(
                         'class' => 't-field-checkbox__input js-has-semianual-unity'

From 71cdc502ae91bed0e3aac1c13004244281493119 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Wed, 21 Feb 2024 12:29:23 -0300
Subject: [PATCH 03/19] feat/update options unities select

---
 js/admin/grades-structure.js                   | 17 +++++++++++++----
 themes/default/views/admin/gradesStructure.php |  5 -----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index b76a64bd3..0e3be2abb 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -586,10 +586,19 @@ function loadStructure() {
                     "val",
                     data.final_recovery.grade_calculation_fk
                 );
-                $(".semianual-modality").select2(
-                    "val",
-                    data.final_recovery.name
-                );
+                
+                const dataUnities = data.unities.map(unity => [unity.id, unity.name]);
+                const selectUnities = $('.semianual-modality');
+
+                console.log(dataUnities);
+
+                dataUnities.forEach(function([id, name]) {
+                    selectUnities.append($('<option>', {
+                        value: id,
+                        text: name
+                    }));
+                });
+
                 $(".final-recover-media").val(data.finalRecoverMedia);
 
                 if (data.hasFinalRecovery) {
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 6f8c2f5e0..38c2d6851 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -158,11 +158,6 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
             <div class="t-field-select">
                 <label class='t-field-select__label--required'>Fim do semestre:</span></label>
                 <select class='t-field-select__input select-search-on semianual-modality'>
-                    <?php foreach ($modality as $modalitykey): ?>
-                        <option value="<?= $modalitykey['id'] ?>">
-                            <?= $modalitykey['name'] ?>
-                        </option>
-                    <?php endforeach; ?>
                 </select>
             </div>
         </div>

From e3b42428796376d44dd04d6c9e04331153b059d1 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Thu, 22 Feb 2024 11:56:55 -0300
Subject: [PATCH 04/19] feat/ add multiselect

---
 js/admin/grades-structure.js                   | 15 +++++++++++----
 themes/default/views/admin/gradesStructure.php | 10 +++++++---
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 0e3be2abb..1b5cbef3c 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -586,17 +586,24 @@ function loadStructure() {
                     "val",
                     data.final_recovery.grade_calculation_fk
                 );
-                
+
                 const dataUnities = data.unities.map(unity => [unity.id, unity.name]);
-                const selectUnities = $('.semianual-modality');
+                const selectUnitiesFirst = $('#semianual-modality-first');
+                const selectUnitiesSecond = $('#semianual-modality-second');
 
                 console.log(dataUnities);
 
                 dataUnities.forEach(function([id, name]) {
-                    selectUnities.append($('<option>', {
+                    const optionFirst = $('<option>', {
                         value: id,
                         text: name
-                    }));
+                    });
+                    const optionSecond = $('<option>', {
+                        value: id,
+                        text: name
+                    });
+                    selectUnitiesFirst.append(optionFirst);
+                    selectUnitiesSecond.append(optionSecond);
                 });
 
                 $(".final-recover-media").val(data.finalRecoverMedia);
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 38c2d6851..f619f8850 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -156,10 +156,14 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 </select>
             </div>
             <div class="t-field-select">
-                <label class='t-field-select__label--required'>Fim do semestre:</span></label>
-                <select class='t-field-select__input select-search-on semianual-modality'>
-                </select>
+                <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
+                <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+            </div>
+            <div class="t-field-select">
+                <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
+                <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
             </div>
+
         </div>
         <div class="column js-recovery-form  is-three-fifths" style="display: none;">
             <h2>Regras de recuperação final</h2>

From c9521e40bd81e7851a846f9feda18c27048d8720 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Thu, 22 Feb 2024 12:32:05 -0300
Subject: [PATCH 05/19] feat/add accordion

---
 js/admin/grades-structure.js                  | 19 ++++++++
 .../default/views/admin/gradesStructure.php   | 46 ++++++++++---------
 2 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 1b5cbef3c..4d8516894 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -689,3 +689,22 @@ $(document).on("keyup", ".approval-media, .final-recover-media", function (e) {
     }
     this.value = val;
 });
+
+function mostrarCamposSemestreOne() {
+    const camposSemestreOne = document.getElementById('campos-primeiro-semestre');
+    if (camposSemestreOne.style.display === 'none') {
+        camposSemestreOne.style.display = 'block';
+    } else {
+        camposSemestreOne.style.display = 'none';
+    }
+}
+
+function mostrarCamposSemestreTwo() {
+    const camposSemestreTwo = document.getElementById('campos-segundo-semestre');
+    if (camposSemestreTwo.style.display === 'none') {
+        camposSemestreTwo.style.display = 'block';
+    } else {
+        camposSemestreTwo.style.display = 'none';
+    }
+}
+
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index f619f8850..5e7b257a0 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -137,33 +137,37 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
             <input type='hidden' class="semianual-unity-type" value="RF">
             <input type="hidden" class="semianual-unity-operation" value="create">
             <div class="t-field-text js-semianual-unity-media-visibility">
-                <label class="t-field-text__label--required">Média de Rec. Semestral</span></label>
+                <label class="t-field-text__label--required">Média de Rec. Semestral</label>
                 <input type="text" class="semianual-unity-media t-field-text__input">
             </div>
-            <div class="t-field-text" style="margin-top: 16px">
-                <label class='t-field-text__label--required'>Nome:</span></label>
-                <input type='text' class='t-field-text__input semianual-unity-name'
-                    placeholder='Recuperação Semestral'>
+
+            <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreOne()">
+                <h2 class="unity-title accordion-heading" style="cursor: pointer;">Primeiro Semestre</h2>
             </div>
-            <div class="t-field-select js-calculation">
-                <label class='t-field-select__label--required'>Forma de cálculo:</span></label>
-                <select class='t-field-select__input select-search-on semianual-unity-calculation'>
-                    <?php foreach ($formulas as $formula): ?>
-                        <option value="<?= $formula->id ?>">
-                            <?= $formula->name ?>
-                        </option>
-                    <?php endforeach; ?>
-                </select>
+            <div id="campos-primeiro-semestre" style="display: none;">
+                <div class="t-field-text" style="margin-top: 16px">
+                    <label class='t-field-text__label--required'>Nome:</label>
+                    <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+                </div>
+                <div class="t-field-select">
+                    <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
+                    <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                </div>
             </div>
-            <div class="t-field-select">
-                <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
-                <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+
+            <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreTwo()">
+                <h2 class="unity-title accordion-heading" style="cursor: pointer;">Segundo Semestre</h2>
             </div>
-            <div class="t-field-select">
-                <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
-                <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+            <div id="campos-segundo-semestre" style="display: none;">
+                <div class="t-field-text" style="margin-top: 16px">
+                    <label class='t-field-text__label--required'>Nome:</label>
+                    <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+                </div>
+                <div class="t-field-select">
+                    <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
+                    <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                </div>
             </div>
-
         </div>
         <div class="column js-recovery-form  is-three-fifths" style="display: none;">
             <h2>Regras de recuperação final</h2>

From 9a9dcebb1d40b4a789d6db67822b65f60de7b868 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Fri, 23 Feb 2024 10:02:53 -0300
Subject: [PATCH 06/19] feat/add class of acordion

---
 .../default/views/admin/gradesStructure.php   | 46 ++++++++++---------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 5e7b257a0..cc2e372a6 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -128,7 +128,7 @@
             class="grades-structure-container t-accordeon-quaternary js-grades-structure-container accordion"
             style="display: none;">
         </div>
-        <div class="column js-recovery-semianual-form  is-three-fifths" style="display: none;">
+        <div class="column js-recovery-semianual-form is-three-fifths" style="display: none;">
             <h2>Regras de recuperação semestral</h2>
             <p class="subheading">
                 Configure as regras básicas para aprovação dos alunos
@@ -141,31 +141,35 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 <input type="text" class="semianual-unity-media t-field-text__input">
             </div>
 
-            <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreOne()">
-                <h2 class="unity-title accordion-heading" style="cursor: pointer;">Primeiro Semestre</h2>
-            </div>
-            <div id="campos-primeiro-semestre" style="display: none;">
-                <div class="t-field-text" style="margin-top: 16px">
-                    <label class='t-field-text__label--required'>Nome:</label>
-                    <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+            <div class='grades-structure-container t-accordeon-quaternary accordion'>
+                <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreOne()">
+                    <h2 class="unity-title accordion-heading" style="cursor: pointer;">Primeiro Semestre</h2>
                 </div>
-                <div class="t-field-select">
-                    <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
-                    <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                <div id="campos-primeiro-semestre" style="display: none;">
+                    <div class="t-field-text" style="margin-top: 16px">
+                        <label class='t-field-text__label--required'>Nome:</label>
+                        <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Primeira Recuperação Semestral'>
+                    </div>
+                    <div class="t-field-select">
+                        <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
+                        <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                    </div>
                 </div>
             </div>
 
-            <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreTwo()">
-                <h2 class="unity-title accordion-heading" style="cursor: pointer;">Segundo Semestre</h2>
-            </div>
-            <div id="campos-segundo-semestre" style="display: none;">
-                <div class="t-field-text" style="margin-top: 16px">
-                    <label class='t-field-text__label--required'>Nome:</label>
-                    <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+            <div class='grades-structure-container t-accordeon-quaternary accordion'>
+                <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreTwo()">
+                    <h2 class="unity-title accordion-heading" style="cursor: pointer;">Segundo Semestre</h2>
                 </div>
-                <div class="t-field-select">
-                    <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
-                    <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                <div id="campos-segundo-semestre" style="display: none;">
+                    <div class="t-field-text" style="margin-top: 16px">
+                        <label class='t-field-text__label--required'>Nome:</label>
+                        <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+                    </div>
+                    <div class="t-field-select">
+                        <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
+                        <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                    </div>
                 </div>
             </div>
         </div>

From f310db53f3439a09f52b3e6971ff7bd82d750eb8 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Fri, 23 Feb 2024 10:54:12 -0300
Subject: [PATCH 07/19] feat/request js

---
 js/admin/grades-structure.js                   | 13 +++++++++++++
 themes/default/views/admin/gradesStructure.php |  8 ++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 4d8516894..cb76627b8 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -356,7 +356,20 @@ function saveUnities(reply) {
                 ),
                 operation: $(".final-recovery-unity-operation").val(),
             },
+            semianualRecovery: {
+                id: $(".semianual-unity-id").val(),
+                nameOne: $(".one-semianual-unity-name").val(),
+                nameTwo: $(".two-semianual-unity-name").val(),
+                type: $(".semianual-unity-type").val(),
+                unityOne: $("#semianual-modality-first").val(),
+                unityTwo: $("#semianual-modality-second").val(),
+                grade_calculation_fk: $(".calculation-final-media").select2(
+                    "val"
+                ),
+                operation: $(".semianual-unity-operation").val(),
+            },
             finalRecoverMedia: $(".final-recover-media").val(),
+            semianualRecoverMedia: $(".semianual-unity-media").val(),
             finalMediaCalculation: $(".calculation-final-media").select2("val"),
             reply: reply ? $(".reply-option:checked").val() : "",
             ruleType: $(".js-rule-type").select2("val"),
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index cc2e372a6..e1f48b012 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -136,8 +136,8 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
             <input type='hidden' class="semianual-unity-id">
             <input type='hidden' class="semianual-unity-type" value="RF">
             <input type="hidden" class="semianual-unity-operation" value="create">
-            <div class="t-field-text js-semianual-unity-media-visibility">
-                <label class="t-field-text__label--required">Média de Rec. Semestral</label>
+            <div class="numeric-fields t-field-text">
+                <label class="t-field-text__label--required">Média de Rec. Semestral</span></label>
                 <input type="text" class="semianual-unity-media t-field-text__input">
             </div>
 
@@ -148,7 +148,7 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 <div id="campos-primeiro-semestre" style="display: none;">
                     <div class="t-field-text" style="margin-top: 16px">
                         <label class='t-field-text__label--required'>Nome:</label>
-                        <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Primeira Recuperação Semestral'>
+                        <input type='text' class='t-field-text__input one-semianual-unity-name' placeholder='Primeira Recuperação Semestral'>
                     </div>
                     <div class="t-field-select">
                         <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
@@ -164,7 +164,7 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 <div id="campos-segundo-semestre" style="display: none;">
                     <div class="t-field-text" style="margin-top: 16px">
                         <label class='t-field-text__label--required'>Nome:</label>
-                        <input type='text' class='t-field-text__input semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+                        <input type='text' class='t-field-text__input two-semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
                     </div>
                     <div class="t-field-select">
                         <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>

From e438f88e8ea2e572c9aa74f7c6ca909a3bd604c9 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Fri, 23 Feb 2024 12:26:16 -0300
Subject: [PATCH 08/19] feat/add model and update controller

---
 app/controllers/AdminController.php           |  29 +++++
 app/models/RecoverySemianual.php              | 113 ++++++++++++++++++
 js/admin/grades-structure.js                  |   6 +-
 .../default/views/admin/gradesStructure.php   |  13 +-
 4 files changed, 159 insertions(+), 2 deletions(-)
 create mode 100644 app/models/RecoverySemianual.php

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index f918d21ec..080fd2bc1 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -270,8 +270,10 @@ public function actionSaveUnities()
         $finalRecoverMedia = Yii::app()->request->getPost("finalRecoverMedia");
         $calculationFinalMedia = Yii::app()->request->getPost("finalMediaCalculation");
         $finalRecovery = Yii::app()->request->getPost("finalRecovery");
+        $semiRecovery = Yii::app()->request->getPost("RecoverySemianual");
         $ruleType = Yii::app()->request->getPost("ruleType");
         $hasFinalRecovery = Yii::app()->request->getPost("hasFinalRecovery") === "true";
+        $hasSemianualRecovery = Yii::app()->request->getPost("hasRecoverySemianual") === "true";
 
         try {
             $usecase = new UpdateGradeStructUsecase(
@@ -282,6 +284,7 @@ public function actionSaveUnities()
                 $finalRecoverMedia,
                 $calculationFinalMedia,
                 $hasFinalRecovery,
+                $hasSemianualRecovery,
                 $ruleType);
             $usecase->exec();
 
@@ -312,6 +315,32 @@ public function actionSaveUnities()
                 $recoveryUnity->save();
             }
 
+            if ($hasSemianualRecovery === true) {
+
+                $recoveryUnitySemi = RecoverySemianual::model()->find($semiRecovery["id"]);
+
+                if ($semiRecovery["operation"] === "delete") {
+                    $recoveryUnitySemi->delete();
+                    echo json_encode(["valid" => true]);
+                    Yii::app()->end();
+                }
+
+                if ($recoveryUnitySemi === null) {
+                    $recoveryUnitySemi = new RecoverySemianual();
+                }
+
+                $recoveryUnitySemi->name = $semiRecovery["name"];
+                $recoveryUnitySemi->type = "RS";
+                $recoveryUnity->grade_calculation_fk = $semiRecovery["grade_calculation_fk"];
+
+                if (!$recoveryUnitySemi->validate()) {
+                    $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
+                    throw new CHttpException(400, "Não foi possivel salvar dados da recuperação semestral: \n" . $validationMessage, 1);
+                }
+
+                $recoveryUnitySemi->save();
+            }
+
             echo json_encode(["valid" => true]);
         } catch (\Throwable $th) {
             Yii::log($th->getMessage(), CLogger::LEVEL_ERROR);
diff --git a/app/models/RecoverySemianual.php b/app/models/RecoverySemianual.php
new file mode 100644
index 000000000..81c0713ad
--- /dev/null
+++ b/app/models/RecoverySemianual.php
@@ -0,0 +1,113 @@
+<?php
+
+/**
+ * This is the model class for table "recovery_semianual".
+ *
+ * The followings are the available columns in table 'recovery_semianual':
+ * @property integer $id
+ * @property string $nameOne
+ * @property string $nameTwo
+ * @property integer $unityOne
+ * @property integer $unityTwo
+ * @property integer $grade_calculation_fk
+ * @property integer $recoverMedia
+ *
+ * The followings are the available model relations:
+ * @property GradeCalculation $gradeCalculationFk
+ */
+class RecoverySemianual extends CActiveRecord
+{
+    /**
+     * @return string the associated database table name
+     */
+    public function tableName()
+    {
+        return 'recovery_semianual';
+    }
+
+    /**
+     * @return array validation rules for model attributes.
+     */
+    public function rules()
+    {
+        // NOTE: you should only define rules for those attributes that
+        // will receive user inputs.
+        return array(
+            array('unityOne, unityTwo, grade_calculation_fk, recoverMedia', 'numerical', 'integerOnly'=>true),
+            array('nameOne, nameTwo', 'length', 'max'=>50),
+            // The following rule is used by search().
+            // @todo Please remove those attributes that should not be searched.
+            array('id, nameOne, nameTwo, unityOne, unityTwo, grade_calculation_fk, recoverMedia', 'safe', 'on'=>'search'),
+        );
+    }
+
+    /**
+     * @return array relational rules.
+     */
+    public function relations()
+    {
+        // NOTE: you may need to adjust the relation name and the related
+        // class name for the relations automatically generated below.
+        return array(
+            'gradeCalculationFk' => array(self::BELONGS_TO, 'GradeCalculation', 'grade_calculation_fk'),
+        );
+    }
+
+    /**
+     * @return array customized attribute labels (name=>label)
+     */
+    public function attributeLabels()
+    {
+        return array(
+            'id' => 'ID',
+            'nameOne' => 'Name One',
+            'nameTwo' => 'Name Two',
+            'unityOne' => 'Unity One',
+            'unityTwo' => 'Unity Two',
+            'grade_calculation_fk' => 'Grade Calculation Fk',
+            'recoverMedia' => 'Recover Media',
+        );
+    }
+
+    /**
+     * Retrieves a list of models based on the current search/filter conditions.
+     *
+     * Typical usecase:
+     * - Initialize the model fields with values from filter form.
+     * - Execute this method to get CActiveDataProvider instance which will filter
+     * models according to data in model fields.
+     * - Pass data provider to CGridView, CListView or any similar widget.
+     *
+     * @return CActiveDataProvider the data provider that can return the models
+     * based on the search/filter conditions.
+     */
+    public function search()
+    {
+        // @todo Please modify the following code to remove attributes that should not be searched.
+
+        $criteria=new CDbCriteria;
+
+        $criteria->compare('id',$this->id);
+        $criteria->compare('nameOne',$this->nameOne,true);
+        $criteria->compare('nameTwo',$this->nameTwo,true);
+        $criteria->compare('unityOne',$this->unityOne);
+        $criteria->compare('unityTwo',$this->unityTwo);
+        $criteria->compare('grade_calculation_fk',$this->grade_calculation_fk);
+        $criteria->compare('recoverMedia',$this->recoverMedia);
+
+        return new CActiveDataProvider($this, array(
+            'criteria'=>$criteria,
+        ));
+    }
+
+    /**
+     * Returns the static model of the specified AR class.
+     * Please note that you should have this exact method in all your CActiveRecord descendants!
+     * @param string $className active record class name.
+     * @return RecoverySemianual the static model class
+     */
+    public static function model($className=__CLASS__)
+    {
+        return parent::model($className);
+    }
+}
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index cb76627b8..93fb02c79 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -599,12 +599,16 @@ function loadStructure() {
                     "val",
                     data.final_recovery.grade_calculation_fk
                 );
+                // $(".semianual-recovery-unity-calculation").select2(
+                //     "val",
+                //     data.recovery_semianual.grade_calculation_fk
+                // );
 
                 const dataUnities = data.unities.map(unity => [unity.id, unity.name]);
                 const selectUnitiesFirst = $('#semianual-modality-first');
                 const selectUnitiesSecond = $('#semianual-modality-second');
 
-                console.log(dataUnities);
+                console.log(data);
 
                 dataUnities.forEach(function([id, name]) {
                     const optionFirst = $('<option>', {
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index e1f48b012..0eaeb64e9 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -134,13 +134,24 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 Configure as regras básicas para aprovação dos alunos
             </p>
             <input type='hidden' class="semianual-unity-id">
-            <input type='hidden' class="semianual-unity-type" value="RF">
+            <input type='hidden' class="semianual-unity-type" value="RS">
             <input type="hidden" class="semianual-unity-operation" value="create">
             <div class="numeric-fields t-field-text">
                 <label class="t-field-text__label--required">Média de Rec. Semestral</span></label>
                 <input type="text" class="semianual-unity-media t-field-text__input">
             </div>
 
+            <div class="t-field-select js-calculation">
+                <label class='t-field-select__label--required'>Forma de cálculo:</span></label>
+                <select class='t-field-select__input select-search-on semianual-recovery-unity-calculation'>
+                    <?php foreach ($formulas as $formula): ?>
+                        <option value="<?= $formula->id ?>">
+                            <?= $formula->name ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+            </div>
+
             <div class='grades-structure-container t-accordeon-quaternary accordion'>
                 <div class="row unity-heading ui-accordion-header" onclick="mostrarCamposSemestreOne()">
                     <h2 class="unity-title accordion-heading" style="cursor: pointer;">Primeiro Semestre</h2>

From 5f9cff5db9b77d995430e5c1d4d2c98dc3731eb4 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Mon, 26 Feb 2024 11:57:36 -0300
Subject: [PATCH 09/19] feat/save semianual bd

---
 app/controllers/AdminController.php | 67 +++++++++++++++--------------
 js/admin/grades-structure.js        | 64 ++++++++++++++-------------
 2 files changed, 69 insertions(+), 62 deletions(-)

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index 080fd2bc1..93d93b533 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -91,9 +91,11 @@ public function actionImportMaster()
             $importModel->saveSchoolStructureDB($dataDecoded['school_structure']);
             $importModel->saveClassroomsDB($dataDecoded['classrooms']);
 
-            $importModel->saveInstructorDataDB($dataDecoded['instructor_identification'],
+            $importModel->saveInstructorDataDB(
+                $dataDecoded['instructor_identification'],
                 $dataDecoded['instructor_documents_and_address'],
-                $dataDecoded['instructor_variable_data']);
+                $dataDecoded['instructor_variable_data']
+            );
             $importModel->saveInstructorsTeachingDataDB($dataDecoded['instructor_teaching_data']);
             $importModel->saveTeachingMatrixes($dataDecoded['teaching_matrixes']);
 
@@ -143,7 +145,6 @@ public function actionCreateUser()
                         if ($save) {
                             $auth = Yii::app()->authManager;
                             $auth->assign($_POST['Role'], $model->id);
-
                         }
                         if (isset($_POST['instructor']) && $_POST['instructor'] != "") {
                             $instructors = InstructorIdentification::model()->find("id = :id", ["id" => $_POST['instructor']]);
@@ -159,8 +160,10 @@ public function actionCreateUser()
                 $this->redirect(['index']);
             }
         }
-        $instructors = InstructorIdentification::model()->findAllByAttributes(['users_fk' => null],
-            ['select' => 'id, name']);
+        $instructors = InstructorIdentification::model()->findAllByAttributes(
+            ['users_fk' => null],
+            ['select' => 'id, name']
+        );
         $instructorsResult = array_reduce($instructors, function ($carry, $item) {
             $carry[$item['id']] = $item['name'];
             return $carry;
@@ -201,9 +204,9 @@ public function actionGetUnities()
         from grade_unity gu
             join curricular_matrix cm on cm.stage_fk = gu.edcenso_stage_vs_modality_fk
         where cm.school_year = :year and gu.edcenso_stage_vs_modality_fk = :stage_modality")
-        ->bindParam(":year", Yii::app()->user->year)
-        ->bindParam(":stage_modality", $stage)
-        ->queryAll();
+            ->bindParam(":year", Yii::app()->user->year)
+            ->bindParam(":stage_modality", $stage)
+            ->queryAll();
 
         $result = [];
         $result["unities"] = [];
@@ -270,7 +273,7 @@ public function actionSaveUnities()
         $finalRecoverMedia = Yii::app()->request->getPost("finalRecoverMedia");
         $calculationFinalMedia = Yii::app()->request->getPost("finalMediaCalculation");
         $finalRecovery = Yii::app()->request->getPost("finalRecovery");
-        $semiRecovery = Yii::app()->request->getPost("RecoverySemianual");
+        $semiRecovery = Yii::app()->request->getPost("semianualRecovery");
         $ruleType = Yii::app()->request->getPost("ruleType");
         $hasFinalRecovery = Yii::app()->request->getPost("hasFinalRecovery") === "true";
         $hasSemianualRecovery = Yii::app()->request->getPost("hasRecoverySemianual") === "true";
@@ -285,7 +288,8 @@ public function actionSaveUnities()
                 $calculationFinalMedia,
                 $hasFinalRecovery,
                 $hasSemianualRecovery,
-                $ruleType);
+                $ruleType
+            );
             $usecase->exec();
 
             if ($hasFinalRecovery === true) {
@@ -317,28 +321,32 @@ public function actionSaveUnities()
 
             if ($hasSemianualRecovery === true) {
 
-                $recoveryUnitySemi = RecoverySemianual::model()->find($semiRecovery["id"]);
+                foreach ($semiRecovery as $semianual) {
+                    $recoveryUnitySemi = new GradeUnity();
 
-                if ($semiRecovery["operation"] === "delete") {
-                    $recoveryUnitySemi->delete();
-                    echo json_encode(["valid" => true]);
-                    Yii::app()->end();
-                }
+                    if ($semianual["operation"] === "update") {
+                        $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
+                    }
 
-                if ($recoveryUnitySemi === null) {
-                    $recoveryUnitySemi = new RecoverySemianual();
-                }
+                    if ($semianual["operation"] === "delete") {
+                        $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
+                        $recoveryUnitySemi->delete();
+                        echo json_encode(["valid" => true]);
+                        Yii::app()->end();
+                    }
 
-                $recoveryUnitySemi->name = $semiRecovery["name"];
-                $recoveryUnitySemi->type = "RS";
-                $recoveryUnity->grade_calculation_fk = $semiRecovery["grade_calculation_fk"];
+                    $recoveryUnitySemi->name = $semianual["name"];
+                    $recoveryUnitySemi->type = "RS";
+                    $recoveryUnitySemi->grade_calculation_fk = $semianual["grade_calculation_fk"];
+                    $recoveryUnitySemi->edcenso_stage_vs_modality_fk = $stage;
 
-                if (!$recoveryUnitySemi->validate()) {
-                    $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
-                    throw new CHttpException(400, "Não foi possivel salvar dados da recuperação semestral: \n" . $validationMessage, 1);
-                }
+                    if (!$recoveryUnitySemi->validate()) {
+                        $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
+                        throw new CHttpException(400, "Não foi possivel salvar dados da recuperação semestral: \n" . $validationMessage, 1);
+                    }
 
-                $recoveryUnitySemi->save();
+                    $recoveryUnitySemi->save();
+                }
             }
 
             echo json_encode(["valid" => true]);
@@ -348,7 +356,6 @@ public function actionSaveUnities()
 
             throw $th;
         }
-
     }
 
 
@@ -367,7 +374,6 @@ public function actionPHPConfig()
     {
 
         echo phpinfo();
-
     }
     public function actionDisableUser($id)
     {
@@ -426,14 +432,12 @@ public function actionDeleteUser($id)
             if ($userSchool !== null) {
                 foreach ($userSchool as $register) {
                     $register->delete('users_school', 'user_fk=' . $id);
-
                 }
             }
 
             // Excluindo o registro na tabela de usuário
             $user->delete('users', 'id=' . $id);
             $delete = true;
-
         }
 
         // Redirecionando para a tela de gerenciar usuários
@@ -442,7 +446,6 @@ public function actionDeleteUser($id)
             $this->redirect(array('admin/manageUsers'));
         } else {
             Yii::app()->user->setFlash('error', Yii::t('default', 'Erro! Não foi possível excluir o usuário, tente novamente!'));
-
         }
     }
 
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 93fb02c79..27e0124ed 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -23,9 +23,8 @@ $(document).on("click", ".js-new-unity", function (e) {
                 </a>
                 <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
             </div>
-            <div id="collaps-${unities}"class=" collapse ${
-        unities == 0 ? "in" : ""
-    }">
+            <div id="collaps-${unities}"class=" collapse ${unities == 0 ? "in" : ""
+        }">
                 <input type='hidden' class="unity-id">
                 <input type="hidden" class="unity-operation" value="create">
                 <div class="t-field-text" style="margin-top: 16px">
@@ -35,17 +34,15 @@ $(document).on("click", ".js-new-unity", function (e) {
                 <div class="t-field-select">
                     <label class='t-field-select__label--required'>Modelo: </label>
                     <select class='t-field-select__input js-type-select select-search-on control-input'>
-                        ${
-                            isUnityConcept
-                                ? `<option value='UC'>Unidade por conceito</option>`
-                                : `<option value='U'>Unidade</option>
+                        ${isUnityConcept
+            ? `<option value='UC'>Unidade por conceito</option>`
+            : `<option value='U'>Unidade</option>
                                    <option value='UR'>Unidade com recuperação</option>`
-                        }
+        }
                     </select>
                 </div>
-                <div class="t-field-select js-calculation ${
-                    isUnityConcept ? "hide" : "show"
-                }" >
+                <div class="t-field-select js-calculation ${isUnityConcept ? "hide" : "show"
+        }" >
                     <label class='t-field-select__label--required'>Forma de cálculo:  </label>
                     <select class='t-field-select__input js-formula-select select-search-on control-input'>
                         ${$(".formulas")[0].innerHTML}
@@ -184,15 +181,14 @@ $(document).on("click", ".js-new-modality", function (e) {
                 <div class="t-field-text">
                     <label class='t-field-text__label--required'>Nome da modalidade avaliativa: </label>
                     <input type='text' class='modality-name t-field-text__input' modalitytype='C' placeholder='Prova, Avaliação, Trabalho, etc.' style='width: calc(100% - 222px);'>
-                    ${
-                        formula === "Peso"
-                            ? template`
+                    ${formula === "Peso"
+            ? template`
                                 <div class="t-field-text">
                                     <label class='t-field-text__label--required'>Peso:</span></label>
                                     <input type='text' class='t-field-text__input weight form-control' placeholder='Peso'>
                                 </div>`
-                            : ""
-                    }
+            : ""
+        }
                 </div>
                 <span class="remove-modality remove-button t-button-icon-danger t-icon-trash"></span>
             </div>
@@ -356,20 +352,28 @@ function saveUnities(reply) {
                 ),
                 operation: $(".final-recovery-unity-operation").val(),
             },
-            semianualRecovery: {
-                id: $(".semianual-unity-id").val(),
-                nameOne: $(".one-semianual-unity-name").val(),
-                nameTwo: $(".two-semianual-unity-name").val(),
-                type: $(".semianual-unity-type").val(),
-                unityOne: $("#semianual-modality-first").val(),
-                unityTwo: $("#semianual-modality-second").val(),
-                grade_calculation_fk: $(".calculation-final-media").select2(
-                    "val"
-                ),
-                operation: $(".semianual-unity-operation").val(),
-            },
+            semianualRecovery: [
+                {
+                    id: $(".semianual-unity-id").val(),
+                    name: $(".two-semianual-unity-name").val(),
+                    type: $(".semianual-unity-type").val(),
+                    grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
+                        "val"
+                    ),
+                    operation: $(".semianual-unity-operation").val(),
+                },
+                {
+                    id: $(".semianual-unity-id").val(),
+                    name: $(".one-semianual-unity-name").val(),
+                    type: $(".semianual-unity-type").val(),
+                    grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
+                        "val"
+                    ),
+                    operation: $(".semianual-unity-operation").val(),
+                },
+            ],
             finalRecoverMedia: $(".final-recover-media").val(),
-            semianualRecoverMedia: $(".semianual-unity-media").val(),
+            semiRecoverMedia: $(".semianual-unity-media").val(),
             finalMediaCalculation: $(".calculation-final-media").select2("val"),
             reply: reply ? $(".reply-option:checked").val() : "",
             ruleType: $(".js-rule-type").select2("val"),
@@ -610,7 +614,7 @@ function loadStructure() {
 
                 console.log(data);
 
-                dataUnities.forEach(function([id, name]) {
+                dataUnities.forEach(function ([id, name]) {
                     const optionFirst = $('<option>', {
                         value: id,
                         text: name

From 8838a5966faa50396dfa85b9bbbe33c9f8f2da6f Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Mon, 26 Feb 2024 12:05:23 -0300
Subject: [PATCH 10/19] feat/refatoring method save unities add method
 processSemianualRecovey

---
 app/controllers/AdminController.php | 59 +++++++++++++++--------------
 js/admin/grades-structure.js        |  6 +--
 2 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index 93d93b533..3056d7044 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -293,7 +293,6 @@ public function actionSaveUnities()
             $usecase->exec();
 
             if ($hasFinalRecovery === true) {
-
                 $recoveryUnity = GradeUnity::model()->find($finalRecovery["id"]);
 
                 if ($finalRecovery["operation"] === "delete") {
@@ -313,40 +312,14 @@ public function actionSaveUnities()
 
                 if (!$recoveryUnity->validate()) {
                     $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnity);
-                    throw new CHttpException(400, "Não foi possivel salvar dados da recuperação final: \n" . $validationMessage, 1);
+                    throw new CHttpException(400, "Não foi possível salvar dados da recuperação final: \n" . $validationMessage, 1);
                 }
 
                 $recoveryUnity->save();
             }
 
             if ($hasSemianualRecovery === true) {
-
-                foreach ($semiRecovery as $semianual) {
-                    $recoveryUnitySemi = new GradeUnity();
-
-                    if ($semianual["operation"] === "update") {
-                        $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
-                    }
-
-                    if ($semianual["operation"] === "delete") {
-                        $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
-                        $recoveryUnitySemi->delete();
-                        echo json_encode(["valid" => true]);
-                        Yii::app()->end();
-                    }
-
-                    $recoveryUnitySemi->name = $semianual["name"];
-                    $recoveryUnitySemi->type = "RS";
-                    $recoveryUnitySemi->grade_calculation_fk = $semianual["grade_calculation_fk"];
-                    $recoveryUnitySemi->edcenso_stage_vs_modality_fk = $stage;
-
-                    if (!$recoveryUnitySemi->validate()) {
-                        $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
-                        throw new CHttpException(400, "Não foi possivel salvar dados da recuperação semestral: \n" . $validationMessage, 1);
-                    }
-
-                    $recoveryUnitySemi->save();
-                }
+                $this->processSemianualRecovery($stage, $semiRecovery);
             }
 
             echo json_encode(["valid" => true]);
@@ -358,7 +331,35 @@ public function actionSaveUnities()
         }
     }
 
+    protected function processSemianualRecovery($stage, $semiRecovery)
+    {
+        foreach ($semiRecovery as $semianual) {
+            $recoveryUnitySemi = new GradeUnity();
+
+            if ($semianual["operation"] === "update") {
+                $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
+            }
+
+            if ($semianual["operation"] === "delete") {
+                $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
+                $recoveryUnitySemi->delete();
+                echo json_encode(["valid" => true]);
+                Yii::app()->end();
+            }
 
+            $recoveryUnitySemi->name = $semianual["name"];
+            $recoveryUnitySemi->type = "RS";
+            $recoveryUnitySemi->grade_calculation_fk = $semianual["grade_calculation_fk"];
+            $recoveryUnitySemi->edcenso_stage_vs_modality_fk = $stage;
+
+            if (!$recoveryUnitySemi->validate()) {
+                $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
+                throw new CHttpException(400, "Não foi possível salvar dados da recuperação semestral: \n" . $validationMessage, 1);
+            }
+
+            $recoveryUnitySemi->save();
+        }
+    }
 
     public function actionActiveDisableUser()
     {
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 27e0124ed..bcdc57c98 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -355,7 +355,7 @@ function saveUnities(reply) {
             semianualRecovery: [
                 {
                     id: $(".semianual-unity-id").val(),
-                    name: $(".two-semianual-unity-name").val(),
+                    name: $(".one-semianual-unity-name").val(),
                     type: $(".semianual-unity-type").val(),
                     grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
                         "val"
@@ -364,13 +364,13 @@ function saveUnities(reply) {
                 },
                 {
                     id: $(".semianual-unity-id").val(),
-                    name: $(".one-semianual-unity-name").val(),
+                    name: $(".two-semianual-unity-name").val(),
                     type: $(".semianual-unity-type").val(),
                     grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
                         "val"
                     ),
                     operation: $(".semianual-unity-operation").val(),
-                },
+                }
             ],
             finalRecoverMedia: $(".final-recover-media").val(),
             semiRecoverMedia: $(".semianual-unity-media").val(),

From 039c21a0ab2484f1170dad3dcfe3be0b016df812 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Tue, 27 Feb 2024 10:55:12 -0300
Subject: [PATCH 11/19] feat/id semianual-unity-media and usecase

---
 app/controllers/AdminController.php                 |  4 ++++
 .../usecases/UpdateGradeJustOneStructUsecase.php    |  5 ++++-
 .../admin/usecases/UpdateGradeStructUsecase.php     | 13 +++++++++----
 js/admin/grades-structure.js                        |  4 +++-
 themes/default/views/admin/gradesStructure.php      |  2 +-
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index 3056d7044..a6269033f 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -253,6 +253,7 @@ public function actionGetUnities()
 
         $result["approvalMedia"] = $gradeRules->approvation_media;
         $result["finalRecoverMedia"] = $gradeRules->final_recover_media;
+        $result["semiRecoverMedia"] = $gradeRules->semi_recover_media;
         $result["mediaCalculation"] = $gradeRules->grade_calculation_fk;
         $result["ruleType"] = $gradeRules->rule_type;
         $result["hasFinalRecovery"] = (bool) $gradeRules->has_final_recovery;
@@ -271,6 +272,7 @@ public function actionSaveUnities()
         $unities = Yii::app()->request->getPost("unities");
         $approvalMedia = Yii::app()->request->getPost("approvalMedia");
         $finalRecoverMedia = Yii::app()->request->getPost("finalRecoverMedia");
+        $semiRecoverMedia = Yii::app()->request->getPost("semiRecoverMedia");
         $calculationFinalMedia = Yii::app()->request->getPost("finalMediaCalculation");
         $finalRecovery = Yii::app()->request->getPost("finalRecovery");
         $semiRecovery = Yii::app()->request->getPost("semianualRecovery");
@@ -285,6 +287,7 @@ public function actionSaveUnities()
                 $unities,
                 $approvalMedia,
                 $finalRecoverMedia,
+                $semiRecoverMedia,
                 $calculationFinalMedia,
                 $hasFinalRecovery,
                 $hasSemianualRecovery,
@@ -349,6 +352,7 @@ protected function processSemianualRecovery($stage, $semiRecovery)
 
             $recoveryUnitySemi->name = $semianual["name"];
             $recoveryUnitySemi->type = "RS";
+            $recoveryUnitySemi
             $recoveryUnitySemi->grade_calculation_fk = $semianual["grade_calculation_fk"];
             $recoveryUnitySemi->edcenso_stage_vs_modality_fk = $stage;
 
diff --git a/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php b/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
index c7677a6b6..686bc23af 100644
--- a/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
@@ -9,6 +9,7 @@
  * @property [] $unities
  * @property mixed $approvalMedia
  * @property mixed $finalRecoverMedia
+ * @property mixed $semiRecoverMedia
  * @property mixed $calculationFinalMedia
  * @property bool $hasFinalRecovery
  * @property string $ruleType
@@ -19,12 +20,13 @@ class UpdateGradeJustOneStructUsecase
     private const OP_UPDATE = "update";
     private const OP_REMOVE = "remove";
 
-    public function __construct($stage, $unities, $approvalMedia, $finalRecoverMedia, $calculationFinalMedia, $hasFinalRecovery, $ruleType)
+    public function __construct($stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calculationFinalMedia, $hasFinalRecovery, $ruleType)
     {
         $this->stage = $stage;
         $this->unities = $unities;
         $this->approvalMedia = $approvalMedia;
         $this->finalRecoverMedia = $finalRecoverMedia;
+        $this->semiRecoverMedia = $semiRecoverMedia;
         $this->calculationFinalMedia = $calculationFinalMedia;
         $this->hasFinalRecovery = $hasFinalRecovery;
         $this->ruleType = $ruleType;
@@ -41,6 +43,7 @@ public function exec()
             $this->stage,
             $this->approvalMedia,
             $this->finalRecoverMedia,
+            $this->semiRecoverMedia,
             $this->calculationFinalMedia,
             $this->hasFinalRecovery,
             $this->ruleType
diff --git a/app/domain/admin/usecases/UpdateGradeStructUsecase.php b/app/domain/admin/usecases/UpdateGradeStructUsecase.php
index c3ea45262..0a9db88da 100644
--- a/app/domain/admin/usecases/UpdateGradeStructUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeStructUsecase.php
@@ -8,6 +8,8 @@
  * @property [] $unities
  * @property mixed $approvalMedia
  * @property mixed $finalRecoverMedia
+ * @property mixed $semiRecoverMedia
+ * @property mixed $calculationFinalMedia
  * @property mixed $calcFinalMedia
  * @property bool $hasFinalRecovery
  * @property string $ruleType
@@ -18,13 +20,14 @@ class UpdateGradeStructUsecase
     private const ALL_STAGES = "A";
     private const STAGES_FROM_SAME_MODALITY = "S";
 
-    public function __construct($reply, $stage, $unities, $approvalMedia, $finalRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
+    public function __construct($reply, $stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
     {
         $this->reply = $reply;
         $this->stage = $stage;
         $this->unities = $unities;
         $this->approvalMedia = $approvalMedia;
         $this->finalRecoverMedia = $finalRecoverMedia;
+        $this->semiRecoverMedia = $semiRecoverMedia;
         $this->calculationFinalMedia = $calcFinalMedia;
         $this->hasFinalRecovery = $hasFinalRecovery;
         $this->ruleType = $ruleType;
@@ -38,6 +41,7 @@ public function exec()
                 $this->unities,
                 $this->approvalMedia,
                 $this->finalRecoverMedia,
+                $this->semiRecoverMedia,
                 $this->calculationFinalMedia,
                 $this->hasFinalRecovery,
                 $this->ruleType
@@ -46,15 +50,15 @@ public function exec()
         } elseif ($this->reply === self::ALL_STAGES) {
             // A = Toda a Matriz Curricular
             $matrixes = $this->getAllMatrixes();
-            $this->saveAndReplayForSimliarStages($matrixes, $this->unities, $this->approvalMedia, $this->finalRecoverMedia, $this->calculationFinalMedia, $this->hasFinalRecovery, $this->ruleType);
+            $this->saveAndReplayForSimliarStages($matrixes, $this->unities, $this->approvalMedia, $this->finalRecoverMedia, $this->semiRecoverMedia, $this->calculationFinalMedia, $this->hasFinalRecovery, $this->ruleType);
         } elseif ($this->reply === self::STAGES_FROM_SAME_MODALITY) {
             // S = Todas as etapas de a modalidade selecionada.
             $stages = $this->getMatrixesForAllModalities($this->stage);
-            $this->saveAndReplayForSimliarStages($stages, $this->unities, $this->approvalMedia, $this->finalRecoverMedia, $this->calculationFinalMedia, $this->hasFinalRecovery, $this->ruleType);
+            $this->saveAndReplayForSimliarStages($stages, $this->unities, $this->approvalMedia, $this->finalRecoverMedia, $this->semiRecoverMedia, $this->calculationFinalMedia, $this->hasFinalRecovery, $this->ruleType);
         }
     }
 
-    private function saveAndReplayForSimliarStages($stages, $unities, $approvalMedia, $finalRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
+    private function saveAndReplayForSimliarStages($stages, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
     {
         foreach ($stages as $stage) {
             $justOneUsecase = new UpdateGradeJustOneStructUsecase(
@@ -62,6 +66,7 @@ private function saveAndReplayForSimliarStages($stages, $unities, $approvalMedia
                 $unities,
                 $approvalMedia,
                 $finalRecoverMedia,
+                $semiRecoverMedia,
                 $calcFinalMedia,
                 $hasFinalRecovery,
                 $ruleType
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index bcdc57c98..07e286c72 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -373,7 +373,7 @@ function saveUnities(reply) {
                 }
             ],
             finalRecoverMedia: $(".final-recover-media").val(),
-            semiRecoverMedia: $(".semianual-unity-media").val(),
+            semiRecoverMedia: $("#semianual-unity-media").val(),
             finalMediaCalculation: $(".calculation-final-media").select2("val"),
             reply: reply ? $(".reply-option:checked").val() : "",
             ruleType: $(".js-rule-type").select2("val"),
@@ -594,6 +594,7 @@ function loadStructure() {
                 );
                 $(".js-rule-type").select2("val", data.ruleType);
                 $(".final-recover-media").val(data.finalRecoverMedia);
+                $("#semianual-unity-media").val(data.semiRecoverMedia);
                 $(".final-recovery-unity-operation").val(
                     data.final_recovery !== null ? "update" : "create"
                 );
@@ -628,6 +629,7 @@ function loadStructure() {
                 });
 
                 $(".final-recover-media").val(data.finalRecoverMedia);
+                $(".semiRecoverMedia").val(data.semiRecoverMedia);
 
                 if (data.hasFinalRecovery) {
                     $(".js-recovery-form").show();
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index 0eaeb64e9..a336d4c2b 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -138,7 +138,7 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
             <input type="hidden" class="semianual-unity-operation" value="create">
             <div class="numeric-fields t-field-text">
                 <label class="t-field-text__label--required">Média de Rec. Semestral</span></label>
-                <input type="text" class="semianual-unity-media t-field-text__input">
+                <input type="text" class="t-field-text__input" id="semianual-unity-media">
             </div>
 
             <div class="t-field-select js-calculation">

From b2d37939fd1483017a82814c0417a3d2ed1c7c5b Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Wed, 28 Feb 2024 09:56:58 -0300
Subject: [PATCH 12/19] feat/modify grade rules semi recovery media

---
 app/controllers/AdminController.php                    |  8 +++++---
 .../admin/usecases/UpdateGradeJustOneStructUsecase.php |  7 ++++---
 app/domain/admin/usecases/UpdateGradeRulesUsecase.php  |  7 ++++++-
 app/domain/admin/usecases/UpdateGradeStructUsecase.php |  5 ++++-
 app/models/GradeRules.php                              | 10 ++++++----
 5 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index a6269033f..181c7f4d6 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -322,7 +322,7 @@ public function actionSaveUnities()
             }
 
             if ($hasSemianualRecovery === true) {
-                $this->processSemianualRecovery($stage, $semiRecovery);
+                $this->processSemianualRecovery($stage, $semiRecovery, $semiRecoverMedia);
             }
 
             echo json_encode(["valid" => true]);
@@ -334,10 +334,11 @@ public function actionSaveUnities()
         }
     }
 
-    protected function processSemianualRecovery($stage, $semiRecovery)
+    protected function processSemianualRecovery($stage, $semiRecovery, $semiRecoverMedia)
     {
         foreach ($semiRecovery as $semianual) {
             $recoveryUnitySemi = new GradeUnity();
+            $gradeRules = new GradeRules();
 
             if ($semianual["operation"] === "update") {
                 $recoveryUnitySemi = GradeUnity::model()->find($semianual["id"]);
@@ -352,9 +353,10 @@ protected function processSemianualRecovery($stage, $semiRecovery)
 
             $recoveryUnitySemi->name = $semianual["name"];
             $recoveryUnitySemi->type = "RS";
-            $recoveryUnitySemi
+            // $recoveryUnitySemi
             $recoveryUnitySemi->grade_calculation_fk = $semianual["grade_calculation_fk"];
             $recoveryUnitySemi->edcenso_stage_vs_modality_fk = $stage;
+            $gradeRules->semi_recover_media = $semiRecoverMedia;
 
             if (!$recoveryUnitySemi->validate()) {
                 $validationMessage = Yii::app()->utils->stringfyValidationErrors($recoveryUnitySemi);
diff --git a/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php b/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
index 686bc23af..c7fd1053a 100644
--- a/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeJustOneStructUsecase.php
@@ -12,6 +12,7 @@
  * @property mixed $semiRecoverMedia
  * @property mixed $calculationFinalMedia
  * @property bool $hasFinalRecovery
+ * @property bool $hasSemianualRecovery
  * @property string $ruleType
  */
 class UpdateGradeJustOneStructUsecase
@@ -20,7 +21,7 @@ class UpdateGradeJustOneStructUsecase
     private const OP_UPDATE = "update";
     private const OP_REMOVE = "remove";
 
-    public function __construct($stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calculationFinalMedia, $hasFinalRecovery, $ruleType)
+    public function __construct($stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calculationFinalMedia, $hasFinalRecovery, $hasSemianualRecovery, $ruleType)
     {
         $this->stage = $stage;
         $this->unities = $unities;
@@ -29,6 +30,7 @@ public function __construct($stage, $unities, $approvalMedia, $finalRecoverMedia
         $this->semiRecoverMedia = $semiRecoverMedia;
         $this->calculationFinalMedia = $calculationFinalMedia;
         $this->hasFinalRecovery = $hasFinalRecovery;
+        $this->hasSemianualRecovery = $hasSemianualRecovery;
         $this->ruleType = $ruleType;
     }
 
@@ -46,10 +48,10 @@ public function exec()
             $this->semiRecoverMedia,
             $this->calculationFinalMedia,
             $this->hasFinalRecovery,
+            $this->hasSemianualRecovery,
             $this->ruleType
         );
         $rulesUseCase->exec();
-
     }
 
 
@@ -104,7 +106,6 @@ private function buildAvaliationModalities($unity, $modalities)
                 }
 
                 $modalityModel->save();
-
             } elseif ($m["operation"] === self::OP_REMOVE) {
                 GradeUnityModality::model()->deleteByPk($m["id"]);
             }
diff --git a/app/domain/admin/usecases/UpdateGradeRulesUsecase.php b/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
index f42f5d9f4..1350cae13 100644
--- a/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
@@ -8,19 +8,23 @@
  * @property int $stage
  * @property float $approvalMedia
  * @property float $finalRecoverMedia
+ * @property float $semiRecoverMedia
  * @property int $calcFinalMedia
  * @property bool  $hasFinalRecovery
+ * @property bool  $hasSemianualRecovery
  * @property string  $ruleType
  */
 class UpdateGradeRulesUsecase
 {
-    public function __construct($stage, $approvalMedia, $finalRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
+    public function __construct($stage, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery,$hasSemianualRecovery, $ruleType)
     {
         $this->stage = $stage;
         $this->approvalMedia = $approvalMedia;
         $this->finalRecoverMedia = $finalRecoverMedia;
+        $this->semiRecoverMedia = $semiRecoverMedia;
         $this->calcFinalMedia = $calcFinalMedia;
         $this->hasFinalRecovery = $hasFinalRecovery;
+        $this->hasSemianualRecovery = $hasSemianualRecovery;
         $this->ruleType = $ruleType;
     }
 
@@ -40,6 +44,7 @@ public function exec()
         $gradeRules->grade_calculation_fk = $this->calcFinalMedia;
         $gradeRules->has_final_recovery = (int) $this->hasFinalRecovery;
         $gradeRules->rule_type = $this->ruleType;
+        $gradeRules->semi_recover_media = $this->semiRecoverMedia;
 
         if(!$gradeRules->validate()){
             Yii::log(TagUtils::stringfyValidationErrors($gradeRules), CLogger::LEVEL_ERROR);
diff --git a/app/domain/admin/usecases/UpdateGradeStructUsecase.php b/app/domain/admin/usecases/UpdateGradeStructUsecase.php
index 0a9db88da..d75eb2dce 100644
--- a/app/domain/admin/usecases/UpdateGradeStructUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeStructUsecase.php
@@ -12,6 +12,7 @@
  * @property mixed $calculationFinalMedia
  * @property mixed $calcFinalMedia
  * @property bool $hasFinalRecovery
+ * @property bool $hasSemianualRecovery
  * @property string $ruleType
  */
 class UpdateGradeStructUsecase
@@ -20,7 +21,7 @@ class UpdateGradeStructUsecase
     private const ALL_STAGES = "A";
     private const STAGES_FROM_SAME_MODALITY = "S";
 
-    public function __construct($reply, $stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $ruleType)
+    public function __construct($reply, $stage, $unities, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $hasSemianualRecovery, $ruleType)
     {
         $this->reply = $reply;
         $this->stage = $stage;
@@ -30,6 +31,7 @@ public function __construct($reply, $stage, $unities, $approvalMedia, $finalReco
         $this->semiRecoverMedia = $semiRecoverMedia;
         $this->calculationFinalMedia = $calcFinalMedia;
         $this->hasFinalRecovery = $hasFinalRecovery;
+        $this->hasSemianualRecovery = $hasSemianualRecovery;
         $this->ruleType = $ruleType;
     }
 
@@ -44,6 +46,7 @@ public function exec()
                 $this->semiRecoverMedia,
                 $this->calculationFinalMedia,
                 $this->hasFinalRecovery,
+                $this->hasSemianualRecovery,
                 $this->ruleType
             );
             $justOneUsecase->exec();
diff --git a/app/models/GradeRules.php b/app/models/GradeRules.php
index 324e3b9e6..5a85612ce 100644
--- a/app/models/GradeRules.php
+++ b/app/models/GradeRules.php
@@ -11,6 +11,7 @@
  * @property integer $grade_calculation_fk
  * @property integer $has_final_recovery
  * @property string $rule_type
+ * @property integer $semi_recover_media
  *
  * The followings are the available model relations:
  * @property GradeCalculation $gradeCalculationFk
@@ -34,14 +35,13 @@ public function rules()
 		// NOTE: you should only define rules for those attributes that
 		// will receive user inputs.
 		return array(
-			array('edcenso_stage_vs_modality_fk', 'required'),
-			array('approvation_media', 'required', 'on' => "numericGrade"),
-			array('edcenso_stage_vs_modality_fk, grade_calculation_fk, has_final_recovery', 'numerical', 'integerOnly'=>true),
+			array('edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, semi_recover_media', 'required'),
+			array('edcenso_stage_vs_modality_fk, grade_calculation_fk, has_final_recovery, semi_recover_media', 'numerical', 'integerOnly'=>true),
 			array('approvation_media, final_recover_media', 'numerical'),
 			array('rule_type', 'length', 'max'=>1),
 			// The following rule is used by search().
 			// @todo Please remove those attributes that should not be searched.
-			array('id, edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, grade_calculation_fk, has_final_recovery, rule_type', 'safe', 'on'=>'search'),
+			array('id, edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, grade_calculation_fk, has_final_recovery, rule_type, semi_recover_media', 'safe', 'on'=>'search'),
 		);
 	}
 
@@ -71,6 +71,7 @@ public function attributeLabels()
 			'grade_calculation_fk' => 'Grade Calculation Fk',
 			'has_final_recovery' => 'Has Final Recovery',
 			'rule_type' => 'Rule Type',
+			'semi_recover_media' => 'Semi Recover Media',
 		);
 	}
 
@@ -99,6 +100,7 @@ public function search()
 		$criteria->compare('grade_calculation_fk',$this->grade_calculation_fk);
 		$criteria->compare('has_final_recovery',$this->has_final_recovery);
 		$criteria->compare('rule_type',$this->rule_type,true);
+		$criteria->compare('semi_recover_media',$this->semi_recover_media);
 
 		return new CActiveDataProvider($this, array(
 			'criteria'=>$criteria,

From 1800204588ca282ada08ff497798a92bd57b9209 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Thu, 29 Feb 2024 09:39:30 -0300
Subject: [PATCH 13/19] feat/migration and update case grade rules,
 modification grades structure

---
 .../admin/usecases/UpdateGradeRulesUsecase.php      |  3 ++-
 .../default.sql                                     | 13 +++++++++++++
 app/models/GradeRules.php                           |  7 +++++--
 js/admin/grades-structure.js                        |  4 ++--
 js/enrollment/gradesRelease/_initialization.js      | 10 ++++++++++
 themes/default/views/admin/gradesStructure.php      |  2 +-
 6 files changed, 33 insertions(+), 6 deletions(-)
 create mode 100644 app/migrations/2024-02-28_grade_rules_type_semianual/default.sql

diff --git a/app/domain/admin/usecases/UpdateGradeRulesUsecase.php b/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
index 1350cae13..2d62499a8 100644
--- a/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
+++ b/app/domain/admin/usecases/UpdateGradeRulesUsecase.php
@@ -16,7 +16,7 @@
  */
 class UpdateGradeRulesUsecase
 {
-    public function __construct($stage, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery,$hasSemianualRecovery, $ruleType)
+    public function __construct($stage, $approvalMedia, $finalRecoverMedia, $semiRecoverMedia, $calcFinalMedia, $hasFinalRecovery, $hasSemianualRecovery, $ruleType)
     {
         $this->stage = $stage;
         $this->approvalMedia = $approvalMedia;
@@ -45,6 +45,7 @@ public function exec()
         $gradeRules->has_final_recovery = (int) $this->hasFinalRecovery;
         $gradeRules->rule_type = $this->ruleType;
         $gradeRules->semi_recover_media = $this->semiRecoverMedia;
+        $gradeRules->has_semianual_recovery = (int) $this->hasSemianualRecovery;
 
         if(!$gradeRules->validate()){
             Yii::log(TagUtils::stringfyValidationErrors($gradeRules), CLogger::LEVEL_ERROR);
diff --git a/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql b/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql
new file mode 100644
index 000000000..4e420998c
--- /dev/null
+++ b/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql
@@ -0,0 +1,13 @@
+create table `grade_unity_semianual` (
+`id` int NOT NULL AUTO_INCREMENT PRIMARY KEY,
+`grade_unity_fk` int,
+`grade_unity_semianual_fk` int
+);
+
+ALTER TABLE grade_unity_semianual ADD CONSTRAINT grade_unity_semianual_FK FOREIGN KEY (id) REFERENCES grade_unity(id);
+ALTER TABLE grade_unity_semianual ADD CONSTRAINT grade_unity_fk FOREIGN KEY (id) REFERENCES grade_unity(id);
+
+ALTER TABLE `grade_rules`
+ADD `semi_recover_media` int NOT NULL;
+
+ALTER TABLE `grade_rules` ADD has_semianual_recovery tinyint(1) DEFAULT 0 NOT NULL;
diff --git a/app/models/GradeRules.php b/app/models/GradeRules.php
index 5a85612ce..bf9e70743 100644
--- a/app/models/GradeRules.php
+++ b/app/models/GradeRules.php
@@ -12,6 +12,7 @@
  * @property integer $has_final_recovery
  * @property string $rule_type
  * @property integer $semi_recover_media
+ * @property integer $has_semianual_recovery
  *
  * The followings are the available model relations:
  * @property GradeCalculation $gradeCalculationFk
@@ -36,12 +37,12 @@ public function rules()
 		// will receive user inputs.
 		return array(
 			array('edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, semi_recover_media', 'required'),
-			array('edcenso_stage_vs_modality_fk, grade_calculation_fk, has_final_recovery, semi_recover_media', 'numerical', 'integerOnly'=>true),
+			array('edcenso_stage_vs_modality_fk, grade_calculation_fk, has_final_recovery, semi_recover_media, has_semianual_recovery', 'numerical', 'integerOnly'=>true),
 			array('approvation_media, final_recover_media', 'numerical'),
 			array('rule_type', 'length', 'max'=>1),
 			// The following rule is used by search().
 			// @todo Please remove those attributes that should not be searched.
-			array('id, edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, grade_calculation_fk, has_final_recovery, rule_type, semi_recover_media', 'safe', 'on'=>'search'),
+			array('id, edcenso_stage_vs_modality_fk, approvation_media, final_recover_media, grade_calculation_fk, has_final_recovery, rule_type, semi_recover_media, has_semianual_recovery', 'safe', 'on'=>'search'),
 		);
 	}
 
@@ -72,6 +73,7 @@ public function attributeLabels()
 			'has_final_recovery' => 'Has Final Recovery',
 			'rule_type' => 'Rule Type',
 			'semi_recover_media' => 'Semi Recover Media',
+			'has_semianual_recovery' => 'Has Semianual Recovery',
 		);
 	}
 
@@ -101,6 +103,7 @@ public function search()
 		$criteria->compare('has_final_recovery',$this->has_final_recovery);
 		$criteria->compare('rule_type',$this->rule_type,true);
 		$criteria->compare('semi_recover_media',$this->semi_recover_media);
+		$criteria->compare('has_semianual_recovery',$this->has_semianual_recovery);
 
 		return new CActiveDataProvider($this, array(
 			'criteria'=>$criteria,
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 07e286c72..7891ae8f1 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -342,7 +342,7 @@ function saveUnities(reply) {
             unities: unities,
             approvalMedia: $(".approval-media").val(),
             hasFinalRecovery: $("#has_final_recovery").is(":checked"),
-            hasRecoverySemianual: $("#has_recovery_semianual").is(":checked"),
+            hasRecoverySemianual: $("#has_semianual_recovery").is(":checked"),
             finalRecovery: {
                 id: $(".final-recovery-unity-id").val(),
                 name: $(".final-recovery-unity-name").val(),
@@ -587,7 +587,7 @@ function loadStructure() {
                 $(".js-grades-structure-container").children(".unity").remove();
                 $(".approval-media").val(data.approvalMedia);
                 $("#has_final_recovery").prop("checked", data.hasFinalRecovery);
-                $("#has_recovery_semianual").prop("checked", data.hasRecoverySemianual);
+                $("#has_semianual_recovery").prop("checked", data.hasRecoverySemianual);
                 $(".calculation-final-media").select2(
                     "val",
                     data.mediaCalculation
diff --git a/js/enrollment/gradesRelease/_initialization.js b/js/enrollment/gradesRelease/_initialization.js
index 35a43ad96..6dca914ec 100644
--- a/js/enrollment/gradesRelease/_initialization.js
+++ b/js/enrollment/gradesRelease/_initialization.js
@@ -93,6 +93,9 @@ $('#discipline').change(function (e, triggerEvent) {
 
                     if(data.rule == "N") {
                         html += `
+                            <th rowspan='2' style='width:10%;vertical-align:middle;'>1º Recuperação Semestral</th>
+                            <th rowspan='2' style='width:10%;vertical-align:middle;'>2º Recuperação Semestral</th>
+                            <th rowspan='2' style='width:10%;vertical-align:middle;'>Média Semestral</th>
                             <th rowspan='2' style='width:10%;vertical-align:middle;'>Recuperação Final</th>
                             <th rowspan='2' style='width:10%;vertical-align:middle;'>Média Final</th>
                         `;
@@ -164,6 +167,13 @@ $('#discipline').change(function (e, triggerEvent) {
 
                         if(data.rule == "N") {
                             html += `
+                                <td class='grade-td one-semianual-td'>
+                                    <input type='text' class='one-semianual' value='' style="width:50px; text-align:center; margin-bottom: 0px">
+                                </td>
+                                <td class='grade-td two-semianual-td'>
+                                    <input type='text' class='one-semianual' value='' style="width:50px; text-align:center; margin-bottom: 0px">
+                                </td>
+                                <td style='font-weight: bold;font-size: 16px;' class='final-media'> ${this.finalMedia }</td>
                                 <td class='grade-td rec-final-td'>
                                     <input type='text' class='rec-final' value='${this.recFinal}'>
                                 </td>
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index a336d4c2b..e0246a9ae 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -94,7 +94,7 @@
             </div>
             <div class="numeric-fields t-field-checkbox">
                 <?php echo CHtml::checkbox(
-                    'has_recovery_semianual',
+                    'has_semianual_recovery',
                     false,
                     array(
                         'class' => 't-field-checkbox__input js-has-semianual-unity'

From f6b6253d786cc6210044244f0a85c9be7f24dfc7 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Fri, 1 Mar 2024 09:08:06 -0300
Subject: [PATCH 14/19] feat/crud screen grades releases

---
 app/controllers/EnrollmentController.php      |   4 +
 app/controllers/GradesController.php          |   7 ++
 .../default.sql                               |   5 +
 app/models/GradeResults.php                   | 119 +++++++++---------
 .../gradesRelease/_initialization.js          |   8 +-
 5 files changed, 84 insertions(+), 59 deletions(-)

diff --git a/app/controllers/EnrollmentController.php b/app/controllers/EnrollmentController.php
index a22a074cb..7ae602297 100755
--- a/app/controllers/EnrollmentController.php
+++ b/app/controllers/EnrollmentController.php
@@ -560,6 +560,10 @@ public function actionSaveGradesReportCard()
             $gradeResult->discipline_fk = $discipline;
             $gradeResult->rec_final = $std["recFinal"];
 
+            $gradeResult->rec_semianual_1 = $std["recSemianual1"];
+            $gradeResult->rec_semianual_2 = $std["recSemianual2"];
+            $gradeResult->semianual_media = $std["semianualMedia"];
+
             $hasAllValues = true;
             foreach ($std['grades'] as $key => $value) {
                 $index = $key + 1;
diff --git a/app/controllers/GradesController.php b/app/controllers/GradesController.php
index d91b45f15..4439f6ab6 100644
--- a/app/controllers/GradesController.php
+++ b/app/controllers/GradesController.php
@@ -222,6 +222,8 @@ public function actionSaveGradesRelease()
             $gradeResult->enrollment_fk = $std['enrollmentId'];
             $gradeResult->discipline_fk = $discipline;
             $gradeResult->rec_final = $std["recFinal"];
+            $gradeResult->rec_semianual_1 = $std["recSemianual1"];
+            $gradeResult->rec_semianual_2 = $std["recSemianual2"];
             $gradeResult->final_concept = $std["finalConcept"];
 
             $hasAllValues = true;
@@ -346,6 +348,11 @@ public function actionGetReportCardGrades()
 
                 $arr["finalMedia"] = $gradeResult->final_media ?? "";
                 $arr["recFinal"] = $gradeResult->rec_final ?? "";
+
+                $arr["recSemianual1"] = $gradeResult->rec_semianual_1 ?? "";
+                $arr["recSemianual2"] = $gradeResult->rec_semianual_2 ?? "";
+                $arr["semianualMedia"] = $gradeResult->semianual_media ?? "";
+
                 $arr["finalConcept"] = $gradeResult->final_concept;
 
                 $arr["situation"] = $studentEnrollment->getCurrentStatus();
diff --git a/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql b/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql
index 4e420998c..ebd07c8f5 100644
--- a/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql
+++ b/app/migrations/2024-02-28_grade_rules_type_semianual/default.sql
@@ -11,3 +11,8 @@ ALTER TABLE `grade_rules`
 ADD `semi_recover_media` int NOT NULL;
 
 ALTER TABLE `grade_rules` ADD has_semianual_recovery tinyint(1) DEFAULT 0 NOT NULL;
+
+ALTER TABLE `grade_results`
+ADD rec_semianual_1 FLOAT NULL AFTER `rec_final`,
+ADD rec_semianual_2 FLOAT NULL AFTER `rec_final`,
+ADD semianual_media FLOAT NULL AFTER `rec_final`;
diff --git a/app/models/GradeResults.php b/app/models/GradeResults.php
index 3eaef46da..78c9d5af4 100644
--- a/app/models/GradeResults.php
+++ b/app/models/GradeResults.php
@@ -26,6 +26,9 @@
  * @property double $rec_sem_3
  * @property double $rec_sem_4
  * @property double $rec_final
+ * @property double $semianual_media
+ * @property double $rec_semianual_2
+ * @property double $rec_semianual_1
  * @property double $final_media
  * @property string $grade_concept_1
  * @property string $grade_concept_2
@@ -35,25 +38,26 @@
  * @property string $grade_concept_6
  * @property string $grade_concept_7
  * @property string $grade_concept_8
- * @property double $grade_faults_1
- * @property double $grade_faults_2
- * @property double $grade_faults_3
- * @property double $grade_faults_4
- * @property double $grade_faults_5
- * @property double $grade_faults_6
- * @property double $grade_faults_7
- * @property double $grade_faults_8
- * @property double $given_classes_1
- * @property double $given_classes_2
- * @property double $given_classes_3
- * @property double $given_classes_4
- * @property double $given_classes_5
- * @property double $given_classes_6
- * @property double $given_classes_7
- * @property double $given_classes_8
  * @property string $situation
  * @property integer $enrollment_fk
  * @property integer $discipline_fk
+ * @property integer $grade_faults_1
+ * @property integer $grade_faults_2
+ * @property integer $grade_faults_3
+ * @property integer $grade_faults_4
+ * @property integer $grade_faults_5
+ * @property integer $grade_faults_6
+ * @property integer $grade_faults_7
+ * @property integer $grade_faults_8
+ * @property integer $given_classes_1
+ * @property integer $given_classes_2
+ * @property integer $given_classes_3
+ * @property integer $given_classes_4
+ * @property integer $given_classes_5
+ * @property integer $given_classes_6
+ * @property integer $given_classes_7
+ * @property integer $given_classes_8
+ * @property integer $final_concept
  *
  * The followings are the available model relations:
  * @property StudentEnrollment $enrollmentFk
@@ -78,17 +82,12 @@ public function rules()
 		// will receive user inputs.
 		return array(
 			array('enrollment_fk, discipline_fk', 'required'),
-			array('enrollment_fk, discipline_fk', 'numerical', 'integerOnly'=>true),
-			array('grade_1, grade_2, grade_3, grade_4, grade_5, grade_6, grade_7, grade_8, grade_faults_1, grade_faults_2, grade_faults_3, grade_faults_4, grade_faults_5, grade_faults_6,
-            grade_faults_7, grade_faults_8, given_classes_1, given_classes_2, given_classes_3, given_classes_4, given_classes_5, given_classes_6, given_classes_7, given_classes_8, rec_bim_1,
-            rec_bim_2, rec_bim_3, rec_bim_4, rec_bim_5, rec_bim_6, rec_bim_7, rec_bim_8, rec_sem_1, rec_sem_2, rec_sem_3, rec_sem_4, rec_final, final_media', 'numerical'),
+			array('enrollment_fk, discipline_fk, grade_faults_1, grade_faults_2, grade_faults_3, grade_faults_4, grade_faults_5, grade_faults_6, grade_faults_7, grade_faults_8, given_classes_1, given_classes_2, given_classes_3, given_classes_4, given_classes_5, given_classes_6, given_classes_7, given_classes_8, final_concept', 'numerical', 'integerOnly'=>true),
+			array('grade_1, grade_2, grade_3, grade_4, grade_5, grade_6, grade_7, grade_8, rec_bim_1, rec_bim_2, rec_bim_3, rec_bim_4, rec_bim_5, rec_bim_6, rec_bim_7, rec_bim_8, rec_sem_1, rec_sem_2, rec_sem_3, rec_sem_4, rec_final, semianual_media, rec_semianual_2, rec_semianual_1, final_media', 'numerical'),
 			array('grade_concept_1, grade_concept_2, grade_concept_3, grade_concept_4, grade_concept_5, grade_concept_6, grade_concept_7, grade_concept_8, situation', 'length', 'max'=>50),
 			// The following rule is used by search().
 			// @todo Please remove those attributes that should not be searched.
-			array('id, grade_1, grade_2, grade_3, grade_4, grade_5, grade_6, grade_7, grade_8, grade_faults_1, grade_faults_2, grade_faults_3, grade_faults_4, grade_faults_5, grade_faults_6,
-            grade_faults_7, grade_faults_8, rec_bim_1, rec_bim_2, rec_bim_3, rec_bim_4, rec_bim_5, rec_bim_6, rec_bim_7, rec_bim_8, rec_sem_1, rec_sem_2, rec_sem_3, rec_sem_4, rec_final,
-            final_media, grade_concept_1, grade_concept_2, grade_concept_3, grade_concept_4, grade_concept_5, grade_concept_6, grade_concept_7, grade_concept_8, situation, enrollment_fk,
-            discipline_fk', 'safe', 'on'=>'search'),
+			array('id, grade_1, grade_2, grade_3, grade_4, grade_5, grade_6, grade_7, grade_8, rec_bim_1, rec_bim_2, rec_bim_3, rec_bim_4, rec_bim_5, rec_bim_6, rec_bim_7, rec_bim_8, rec_sem_1, rec_sem_2, rec_sem_3, rec_sem_4, rec_final, semianual_media, rec_semianual_2, rec_semianual_1, final_media, grade_concept_1, grade_concept_2, grade_concept_3, grade_concept_4, grade_concept_5, grade_concept_6, grade_concept_7, grade_concept_8, situation, enrollment_fk, discipline_fk, grade_faults_1, grade_faults_2, grade_faults_3, grade_faults_4, grade_faults_5, grade_faults_6, grade_faults_7, grade_faults_8, given_classes_1, given_classes_2, given_classes_3, given_classes_4, given_classes_5, given_classes_6, given_classes_7, given_classes_8, final_concept', 'safe', 'on'=>'search'),
 		);
 	}
 
@@ -120,22 +119,6 @@ public function attributeLabels()
 			'grade_6' => 'Grade 6',
 			'grade_7' => 'Grade 7',
 			'grade_8' => 'Grade 8',
-			'grade_faults_1' => 'Grade Faults 1',
-			'grade_faults_2' => 'Grade Faults 2',
-			'grade_faults_3' => 'Grade Faults 3',
-			'grade_faults_4' => 'Grade Faults 4',
-			'grade_faults_5' => 'Grade Faults 5',
-			'grade_faults_6' => 'Grade Faults 6',
-			'grade_faults_7' => 'Grade Faults 7',
-			'grade_faults_8' => 'Grade Faults 8',
-			'given_classes_1' => 'Given Classes 1',
-			'given_classes_2' => 'Given Classes 2',
-			'given_classes_3' => 'Given Classes 3',
-			'given_classes_4' => 'Given Classes 4',
-			'given_classes_5' => 'Given Classes 5',
-			'given_classes_6' => 'Given Classes 6',
-			'given_classes_7' => 'Given Classes 7',
-			'given_classes_8' => 'Given Classes 8',
 			'rec_bim_1' => 'Rec Bim 1',
 			'rec_bim_2' => 'Rec Bim 2',
 			'rec_bim_3' => 'Rec Bim 3',
@@ -149,6 +132,9 @@ public function attributeLabels()
 			'rec_sem_3' => 'Rec Sem 3',
 			'rec_sem_4' => 'Rec Sem 4',
 			'rec_final' => 'Rec Final',
+			'semianual_media' => 'Semianual Media',
+			'rec_semianual_2' => 'Rec Semianual 2',
+			'rec_semianual_1' => 'Rec Semianual 1',
 			'final_media' => 'Final Media',
 			'grade_concept_1' => 'Grade Concept 1',
 			'grade_concept_2' => 'Grade Concept 2',
@@ -161,6 +147,23 @@ public function attributeLabels()
 			'situation' => 'Situation',
 			'enrollment_fk' => 'Enrollment Fk',
 			'discipline_fk' => 'Discipline Fk',
+			'grade_faults_1' => 'Grade Faults 1',
+			'grade_faults_2' => 'Grade Faults 2',
+			'grade_faults_3' => 'Grade Faults 3',
+			'grade_faults_4' => 'Grade Faults 4',
+			'grade_faults_5' => 'Grade Faults 5',
+			'grade_faults_6' => 'Grade Faults 6',
+			'grade_faults_7' => 'Grade Faults 7',
+			'grade_faults_8' => 'Grade Faults 8',
+			'given_classes_1' => 'Given Classes 1',
+			'given_classes_2' => 'Given Classes 2',
+			'given_classes_3' => 'Given Classes 3',
+			'given_classes_4' => 'Given Classes 4',
+			'given_classes_5' => 'Given Classes 5',
+			'given_classes_6' => 'Given Classes 6',
+			'given_classes_7' => 'Given Classes 7',
+			'given_classes_8' => 'Given Classes 8',
+			'final_concept' => 'Final Concept',
 		);
 	}
 
@@ -191,22 +194,6 @@ public function search()
 		$criteria->compare('grade_6',$this->grade_6);
 		$criteria->compare('grade_7',$this->grade_7);
 		$criteria->compare('grade_8',$this->grade_8);
-		$criteria->compare('grade_faults_1',$this->grade_faults_1);
-		$criteria->compare('grade_faults_2',$this->grade_faults_2);
-		$criteria->compare('grade_faults_3',$this->grade_faults_3);
-		$criteria->compare('grade_faults_4',$this->grade_faults_4);
-		$criteria->compare('grade_faults_5',$this->grade_faults_5);
-		$criteria->compare('grade_faults_6',$this->grade_faults_6);
-		$criteria->compare('grade_faults_7',$this->grade_faults_7);
-		$criteria->compare('grade_faults_8',$this->grade_faults_8);
-		$criteria->compare('given_classes_1',$this->given_classes_1);
-		$criteria->compare('given_classes_2',$this->given_classes_2);
-		$criteria->compare('given_classes_3',$this->given_classes_3);
-		$criteria->compare('given_classes_4',$this->given_classes_4);
-		$criteria->compare('given_classes_5',$this->given_classes_5);
-		$criteria->compare('given_classes_6',$this->given_classes_6);
-		$criteria->compare('given_classes_7',$this->given_classes_7);
-		$criteria->compare('given_classes_8',$this->given_classes_8);
 		$criteria->compare('rec_bim_1',$this->rec_bim_1);
 		$criteria->compare('rec_bim_2',$this->rec_bim_2);
 		$criteria->compare('rec_bim_3',$this->rec_bim_3);
@@ -220,6 +207,9 @@ public function search()
 		$criteria->compare('rec_sem_3',$this->rec_sem_3);
 		$criteria->compare('rec_sem_4',$this->rec_sem_4);
 		$criteria->compare('rec_final',$this->rec_final);
+		$criteria->compare('semianual_media',$this->semianual_media);
+		$criteria->compare('rec_semianual_2',$this->rec_semianual_2);
+		$criteria->compare('rec_semianual_1',$this->rec_semianual_1);
 		$criteria->compare('final_media',$this->final_media);
 		$criteria->compare('grade_concept_1',$this->grade_concept_1,true);
 		$criteria->compare('grade_concept_2',$this->grade_concept_2,true);
@@ -232,6 +222,23 @@ public function search()
 		$criteria->compare('situation',$this->situation,true);
 		$criteria->compare('enrollment_fk',$this->enrollment_fk);
 		$criteria->compare('discipline_fk',$this->discipline_fk);
+		$criteria->compare('grade_faults_1',$this->grade_faults_1);
+		$criteria->compare('grade_faults_2',$this->grade_faults_2);
+		$criteria->compare('grade_faults_3',$this->grade_faults_3);
+		$criteria->compare('grade_faults_4',$this->grade_faults_4);
+		$criteria->compare('grade_faults_5',$this->grade_faults_5);
+		$criteria->compare('grade_faults_6',$this->grade_faults_6);
+		$criteria->compare('grade_faults_7',$this->grade_faults_7);
+		$criteria->compare('grade_faults_8',$this->grade_faults_8);
+		$criteria->compare('given_classes_1',$this->given_classes_1);
+		$criteria->compare('given_classes_2',$this->given_classes_2);
+		$criteria->compare('given_classes_3',$this->given_classes_3);
+		$criteria->compare('given_classes_4',$this->given_classes_4);
+		$criteria->compare('given_classes_5',$this->given_classes_5);
+		$criteria->compare('given_classes_6',$this->given_classes_6);
+		$criteria->compare('given_classes_7',$this->given_classes_7);
+		$criteria->compare('given_classes_8',$this->given_classes_8);
+		$criteria->compare('final_concept',$this->final_concept);
 
 		return new CActiveDataProvider($this, array(
 			'criteria'=>$criteria,
diff --git a/js/enrollment/gradesRelease/_initialization.js b/js/enrollment/gradesRelease/_initialization.js
index 6dca914ec..4d9c003d5 100644
--- a/js/enrollment/gradesRelease/_initialization.js
+++ b/js/enrollment/gradesRelease/_initialization.js
@@ -168,12 +168,12 @@ $('#discipline').change(function (e, triggerEvent) {
                         if(data.rule == "N") {
                             html += `
                                 <td class='grade-td one-semianual-td'>
-                                    <input type='text' class='one-semianual' value='' style="width:50px; text-align:center; margin-bottom: 0px">
+                                    <input type='text' class='one-semianual' value='${this.recSemianual1}' style="width:50px; text-align:center; margin-bottom: 0px">
                                 </td>
                                 <td class='grade-td two-semianual-td'>
-                                    <input type='text' class='one-semianual' value='' style="width:50px; text-align:center; margin-bottom: 0px">
+                                    <input type='text' class='two-semianual' value='${this.recSemianual2}' style="width:50px; text-align:center; margin-bottom: 0px">
                                 </td>
-                                <td style='font-weight: bold;font-size: 16px;' class='final-media'> ${this.finalMedia }</td>
+                                <td style='font-weight: bold;font-size: 16px;' class='semianual-media'> ${this.semianualMedia}</td>
                                 <td class='grade-td rec-final-td'>
                                     <input type='text' class='rec-final' value='${this.recFinal}'>
                                 </td>
@@ -237,6 +237,8 @@ $("#save").on("click", function (e) {
             enrollmentId: $(this).find(".enrollment-id").val(),
             grades: grades,
             recFinal:  $(this).find(".rec-final").val(),
+            recSemianual1:  $(this).find(".one-semianual").val(),
+            recSemianual2:  $(this).find(".two-semianual").val(),
             finalConcept:  $(this).find(".final-concept").val()
         });
     });

From a74b249f446d28319c517d3c0265096652fb18ed Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Mon, 4 Mar 2024 10:34:27 -0300
Subject: [PATCH 15/19] feat/add class calculate semi media use case

---
 app/controllers/EnrollmentController.php      |  7 ++
 app/controllers/GradesController.php          |  8 ++
 .../CalculateSemianualMediaUsecase.php        | 88 +++++++++++++++++++
 3 files changed, 103 insertions(+)
 create mode 100644 app/domain/grades/usecases/CalculateSemianualMediaUsecase.php

diff --git a/app/controllers/EnrollmentController.php b/app/controllers/EnrollmentController.php
index 7ae602297..2d422d09a 100755
--- a/app/controllers/EnrollmentController.php
+++ b/app/controllers/EnrollmentController.php
@@ -591,6 +591,13 @@ public function actionSaveGradesReportCard()
                 );
                 $usecaseFinalMedia->exec();
 
+                $usecaseSemiMedia = new CalculateSemianualMediaUsecase(
+                    $gradeResult,
+                    $gradeRules,
+                    count($std['grades'])
+                );
+                $usecaseSemiMedia->exec();
+
                 if ($gradeResult->enrollmentFk->isActive()) {
                     $usecase = new ChageStudentStatusByGradeUsecase(
                         $gradeResult,
diff --git a/app/controllers/GradesController.php b/app/controllers/GradesController.php
index 4439f6ab6..f18fed0a0 100644
--- a/app/controllers/GradesController.php
+++ b/app/controllers/GradesController.php
@@ -258,6 +258,14 @@ public function actionSaveGradesRelease()
                 );
                 $usecaseFinalMedia->exec();
 
+                $count = 2;
+                $usecaseSemiMedia = new CalculateSemianualMediaUsecase(
+                    $gradeResult,
+                    $gradeRules,
+                    $count
+                );
+                $usecaseSemiMedia->exec();
+
                 if ($gradeResult->enrollmentFk->isActive()) {
                     $usecase = new ChageStudentStatusByGradeUsecase(
                         $gradeResult,
diff --git a/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php b/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php
new file mode 100644
index 000000000..cde3eb691
--- /dev/null
+++ b/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php
@@ -0,0 +1,88 @@
+<?php
+
+/**
+ * @property GradeResults $gradesResult
+ * @property GradeRules $gradeRule
+ * @property int $countUnities
+ */
+class CalculateSemianualMediaUsecase
+{
+    public function __construct($gradesResult, $gradeRule, $countUnities)
+    {
+        $this->gradesResult = $gradesResult;
+        $this->gradeRule = $gradeRule;
+        $this->countUnities = $countUnities;
+    }
+
+    public function exec()
+    {
+        $semiGrade = 
+
+        $grades = $this->extractGrades($this->gradesResult, $this->countUnities);
+        $semianualMedia = $this->applyCalculation($this->gradeRule->gradeCalculationFk, $grades);
+
+        if ($this->shouldApplySemianualRecovery($this->gradesResult, $semianualMedia)) {
+            $this->applySemianualRecovery($this->gradesResult, $semianualMedia);
+        }
+
+        $this->saveSemianualMedia($this->gradesResult, $semianualMedia);
+    }
+
+    private function saveSemianualMedia($gradesResult, $semianualMedia)
+    {
+        $gradesResult->setAttribute("semianual_media", $semianualMedia);
+        $gradesResult->save();
+    }
+
+    private function shouldApplySemianualRecovery($gradeRule, $semianualMedia)
+    {
+        return isset($gradeRule->has_semianual_recovery)
+            && $gradeRule->has_semianual_recovery
+            && $semianualMedia < (double) $gradeRule->semi_recover_media;
+
+    }
+
+    private function applySemianualRecovery($gradesResult, $semianualMedia)
+    {
+        $semianualRecovery = $this->getSemianualRecovery($gradesResult->enrollment_fk, $gradesResult->discipline_fk);
+        return $this->applyCalculation($semianualRecovery->gradeCalculationFk, [$semianualMedia, $gradesResult->semianual_media]);
+    }
+
+    private function getSemianualRecovery($enrollmentId, $discipline)
+    {
+        $criteria = new CDbCriteria();
+        $criteria->alias = "gu";
+        $criteria->select = "distinct gu.id, gu.*";
+        $criteria->join = "join grade_unity_modality gum on gum.grade_unity_fk = gu.id";
+        $criteria->join .= " join grade g on g.grade_unity_modality_fk = gum.id";
+        $criteria->condition = "g.discipline_fk = :discipline_fk and enrollment_fk = :enrollment_fk and gu.type = :type";
+        $criteria->params = array(":discipline_fk" => $discipline, ":enrollment_fk" => $enrollmentId, ":type" => GradeUnity::TYPE_SEMIANUAL_RECOVERY);
+        $criteria->order = "gu.id";
+        return GradeUnity::model()->find($criteria);
+    }
+
+    private function applyCalculation($calculation, $grades)
+    {
+        return (new ApplyFormulaOnGradesUsecase($calculation))
+            ->setGrades($grades)
+            ->exec();
+    }
+
+    private function extractGrades($gradesResult, $countUnities)
+    {
+        $grades = [];
+        for ($i = 0; $i < $countUnities; $i++) {
+            array_push($grades, $gradesResult->attributes["grade_" . ($i + 1)]);
+        }
+        return $grades;
+    }
+
+    private function getUnitiesCount()
+    {
+        return (
+            new GetGradeUnitiesByDisciplineUsecase(
+                $this->gradeRule->edcenso_stage_vs_modality_fk
+            )
+        )->execCount();
+    }
+}

From 68851449214b5fbcbd9cdebc2c6717401adaeabe Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Tue, 5 Mar 2024 08:49:50 -0300
Subject: [PATCH 16/19] =?UTF-8?q?feat/altera=C3=A7=C3=B5es=20igor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/controllers/GradesController.php           |  1 +
 .../usecases/CalculateNumericGradeUsecase.php  |  4 ++++
 .../CalculateSemianualMediaUsecase.php         | 18 ++++++++++++++++--
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/controllers/GradesController.php b/app/controllers/GradesController.php
index f18fed0a0..6e88b588c 100644
--- a/app/controllers/GradesController.php
+++ b/app/controllers/GradesController.php
@@ -260,6 +260,7 @@ public function actionSaveGradesRelease()
 
                 $count = 2;
                 $usecaseSemiMedia = new CalculateSemianualMediaUsecase(
+                    $classroom->id,
                     $gradeResult,
                     $gradeRules,
                     $count
diff --git a/app/domain/grades/usecases/CalculateNumericGradeUsecase.php b/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
index a0144e1ac..80e694dd7 100644
--- a/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
+++ b/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
@@ -31,6 +31,10 @@ private function calculateNumericGrades($studentEnrollment, $discipline, $unitie
                 $gradeResult = $this->calculateCommonUnity($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
             } elseif ($gradeUnity->type == GradeUnity::TYPE_UNITY_WITH_RECOVERY) {
                 $gradeResult = $this->calculateUnityWithRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
+            } elseif ($gradeUnity->type == GradeUnity::TYPE_SEMIANUAL_RECOVERY) {
+                // @TODO: ALTERAR MEDOTO PARA CALCULO DA RECUPERACAO SEMESTRAL
+                $gradeResult = $this->calculateUnityWithRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
+            }
             } elseif ($gradeUnity->type == GradeUnity::TYPE_FINAL_RECOVERY) {
                 $gradeResult = $this->calculateFinalRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity);
             }
diff --git a/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php b/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php
index cde3eb691..f41bcf6a8 100644
--- a/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php
+++ b/app/domain/grades/usecases/CalculateSemianualMediaUsecase.php
@@ -4,11 +4,13 @@
  * @property GradeResults $gradesResult
  * @property GradeRules $gradeRule
  * @property int $countUnities
+ * @property int $classroomId
  */
 class CalculateSemianualMediaUsecase
 {
-    public function __construct($gradesResult, $gradeRule, $countUnities)
+    public function __construct($classroomId, $gradesResult, $gradeRule, $countUnities)
     {
+        $this->classroomId = $classroomId;
         $this->gradesResult = $gradesResult;
         $this->gradeRule = $gradeRule;
         $this->countUnities = $countUnities;
@@ -16,13 +18,15 @@ public function __construct($gradesResult, $gradeRule, $countUnities)
 
     public function exec()
     {
-        $semiGrade = 
+        //Retorna a média semianual
+        $teste = $this->getSemianualMedia($this->classroomId);
 
         $grades = $this->extractGrades($this->gradesResult, $this->countUnities);
         $semianualMedia = $this->applyCalculation($this->gradeRule->gradeCalculationFk, $grades);
 
         if ($this->shouldApplySemianualRecovery($this->gradesResult, $semianualMedia)) {
             $this->applySemianualRecovery($this->gradesResult, $semianualMedia);
+            // $this->applySemianualRecovery($this->gradesResult, $teste);
         }
 
         $this->saveSemianualMedia($this->gradesResult, $semianualMedia);
@@ -85,4 +89,14 @@ private function getUnitiesCount()
             )
         )->execCount();
     }
+
+    private function getSemianualMedia($classroomId)
+    {
+        $classroom = Classroom::model()->findByPk($classroomId);
+        $gradeRules = GradeRules::model()->findByAttributes([
+            "edcenso_stage_vs_modality_fk" => $classroom->edcenso_stage_vs_modality_fk
+        ]);
+
+        return $gradeRules->semi_recover_media;
+    }
 }

From ddfa11132946b93f560f2c5e6cd755362b10d0a9 Mon Sep 17 00:00:00 2001
From: Evellyn Jade <97754536+evellynreis@users.noreply.github.com>
Date: Wed, 6 Mar 2024 11:29:37 -0300
Subject: [PATCH 17/19] feat/function calculateSemiRecovery

---
 .../grades/usecases/CalculateNumericGradeUsecase.php  | 11 ++++++++++-
 js/grades/functions.js                                |  5 ++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/domain/grades/usecases/CalculateNumericGradeUsecase.php b/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
index 80e694dd7..40d35ffe1 100644
--- a/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
+++ b/app/domain/grades/usecases/CalculateNumericGradeUsecase.php
@@ -33,7 +33,7 @@ private function calculateNumericGrades($studentEnrollment, $discipline, $unitie
                 $gradeResult = $this->calculateUnityWithRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
             } elseif ($gradeUnity->type == GradeUnity::TYPE_SEMIANUAL_RECOVERY) {
                 // @TODO: ALTERAR MEDOTO PARA CALCULO DA RECUPERACAO SEMESTRAL
-                $gradeResult = $this->calculateUnityWithRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
+                $gradeResult = $this->calculateSemiRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity, $index);
             }
             } elseif ($gradeUnity->type == GradeUnity::TYPE_FINAL_RECOVERY) {
                 $gradeResult = $this->calculateFinalRecovery($gradeResult, $studentEnrollment, $discipline, $gradeUnity);
@@ -54,6 +54,15 @@ private function calculateFinalRecovery($gradeResult, $studentEnrollment, $disci
         return $gradeResult;
     }
 
+    private function calculateSemiRecovery($gradeResult, $studentEnrollment, $discipline, $unity)
+    {
+        $unityMedia = $this->calculateUnityMedia($studentEnrollment, $discipline, $unity);
+        $gradeResult->setAttribute("rec_semianual_1", is_nan($unityMedia) ? "" : $unityMedia);
+        $gradeResult->setAttribute("rec_semianual_2", is_nan($unityMedia) ? "" : $unityMedia);
+
+        return $gradeResult;
+    }
+
     private function calculateCommonUnity($gradeResult, $studentEnrollment, $discipline, $unity, $index)
     {
         $unityMedia = $this->calculateUnityMedia($studentEnrollment, $discipline, $unity);
diff --git a/js/grades/functions.js b/js/grades/functions.js
index 32b83735c..05e7ca1f8 100644
--- a/js/grades/functions.js
+++ b/js/grades/functions.js
@@ -285,7 +285,10 @@ function GradeTableBuilder(data) {
                             .join("\n")}
                         ${
                             !data.isUnityConcept
-                                ? `<th style="font-size: 80%; font-weight: bold;">Média Anual</th>`
+                                ? `
+                                <th style="font-size: 80%; font-weight: bold;">Média Semestral</th>
+                                <th style="font-size: 80%; font-weight: bold;">Média Anual</th>
+                                `
                                 : ""
                         }
                         <th style="font-size: 80%; font-weight: bold;">Resultado</th>

From 214501c7e824999731397499d42d77a349ac366a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20Gon=C3=A7alves?= <igor_goncalves@live.com>
Date: Thu, 28 Mar 2024 15:35:28 -0300
Subject: [PATCH 18/19] feat components

---
 .../foods/views/foodinventory/_form.php       | 170 --------
 app/modules/foods/views/foodmenu/create.php   |  19 -
 app/modules/foods/views/foodmenu/index.php    |  98 -----
 app/modules/foods/views/foodmenu/update.php   |  25 --
 app/modules/foods/views/foodrequest/_form.php | 111 -----
 app/modules/foods/views/foodrequest/_view.php |  29 --
 .../foods/views/foodrequest/create.php        |  18 -
 app/modules/foods/views/foodrequest/index.php |  20 -
 app/modules/foods/views/foodrequest/view.php  |  30 --
 js/admin/grades-structure.js                  | 409 ++++++++++++++----
 .../default/views/admin/gradesStructure.php   |  10 +
 11 files changed, 326 insertions(+), 613 deletions(-)
 delete mode 100644 app/modules/foods/views/foodinventory/_form.php
 delete mode 100644 app/modules/foods/views/foodmenu/create.php
 delete mode 100644 app/modules/foods/views/foodmenu/index.php
 delete mode 100644 app/modules/foods/views/foodmenu/update.php
 delete mode 100644 app/modules/foods/views/foodrequest/_form.php
 delete mode 100644 app/modules/foods/views/foodrequest/_view.php
 delete mode 100644 app/modules/foods/views/foodrequest/create.php
 delete mode 100644 app/modules/foods/views/foodrequest/index.php
 delete mode 100644 app/modules/foods/views/foodrequest/view.php

diff --git a/app/modules/foods/views/foodinventory/_form.php b/app/modules/foods/views/foodinventory/_form.php
deleted file mode 100644
index a368a141a..000000000
--- a/app/modules/foods/views/foodinventory/_form.php
+++ /dev/null
@@ -1,170 +0,0 @@
-<?php
-/* @var $this FoodInventoryController */
-/* @var $model FoodInventory */
-/* @var foodInventoryData[] $foodInventoryData foodInventoryData[] */
-/* @var $form CActiveForm */
-
-$baseUrl = Yii::app()->baseUrl;
-$themeUrl = Yii::app()->theme->baseUrl;
-$cs = Yii::app()->getClientScript();
-$cs->registerScriptFile('app\modules\foods\resources\inventory\_initialization.js', CClientScript::POS_END);
-$cs->registerScriptFile('app\modules\foods\resources\inventory\functions.js', CClientScript::POS_END);
-
-$form=$this->beginWidget('CActiveForm', array(
-	'id'=>'food-inventory-form',
-	'enableAjaxValidation'=>false,
-));
-
-?>
-
-<div class="form">
-    <div class="mobile-row">
-        <div class="column clearleft">
-            <h1 class="clear-padding--bottom"><?php echo $model->isNewRecord ? 'Estoque' : '' ?></h1>
-            <p>Cardápio semanal da sua escola</p>
-        </div>
-    </div>
-
-	<?php echo $form->errorSummary($model); ?>
-
-    <div class="row">
-        <div class="column clearfix">
-            <div id="info-alert" class="alert hide"></div>
-        </div>
-    </div>
-
-    <div class="row t-buttons-container">
-        <a class="t-button-primary" id="js-entry-stock-button" type="button">Lançamento de Estoque</a>
-        <a class="t-button-primary hide" href="?r=foods/foodRequest/create">Solicitações</a>
-        <a class="t-button-secondary hide"><span class="t-icon-printer"></span>Relatório de Estoque</a>
-    </div>
-    <div class="row">
-        <div class="t-field-select column is-two-fifths clearfix">
-            <select class="select-search-on t-field-select__input select2-container" id="foodStockSelect">
-                <option value="total">Busque no estoque</option>
-            </select>
-        </div>
-    </div>
-    <div class="row show--tabletDesktop">
-        <div class="column is-four-fifths clearfix">
-            <table id="foodStockTable"  aria-describedby="FoodStockTable" class="tag-table-secondary align-start">
-            </table>
-        </div>
-    </div>
-    <div id="foodStockList" class="row show--mobile">
-    </div>
-
-    <div class="modal fade t-modal-container" id="js-movements-modal" tabindex="-1" role="dialog">
-        <div class="modal-dialog " role="document">
-            <div class="t-modal__header">
-                <h4 class="t-title" id="myModalLabel">Movimentações</h4>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <img src="<?php echo Yii::app()->theme->baseUrl; ?>/img/Close.svg" alt="">
-                </button>
-            </div>
-            <form method="post">
-                <div class="t-modal__body">
-                    <p>Entrada e saída de itens</p>
-                    <table id="movementsTable" aria-describedby="MovementsTable" class="tag-table-secondary align-start">
-
-                    </table>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    <div class="modal fade t-modal-container larger" id="js-entry-stock-modal" tabindex="-1" role="dialog">
-        <div class="modal-dialog " role="document">
-            <div class="t-modal__header">
-                <h4 class="t-title" id="myModalLabel">Lançamento de Estoque</h4>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <img src="<?php echo Yii::app()->theme->baseUrl; ?>/img/Close.svg" alt="">
-                </button>
-            </div>
-            <form method="post">
-                <div class="t-modal__body">
-                    <p>Selecione os itens e quantidades para adicionar ao estoque</p>
-                    <div class="row">
-                        <div class="column clearfix">
-                            <div id="stock-modal-alert" class="alert hide"></div>
-                        </div>
-                    </div>
-                    <div class="tablet-row bottom-margin">
-                        <div class="column is-two-fifths t-field-select t-margin-none--bottom clearfix">
-                            <?php echo CHtml::label('Selecione o Alimento', 'food_fk', array('class' => 't-field-select__label--required')); ?>
-                            <select class="select-search-on t-field-select__input select2-container" id="food" name="food">
-                                <option value="alimento">Selecione o Alimento</option>
-                            </select>
-                        </div>
-                        <div class="column is-one-tenth clearleft--on-mobile t-field-text t-margin-none--bottom clearfix">
-                            <?php echo $form->label($model,'amount', array('class' => 't-field-text__label--required')); ?>
-                            <?php echo $form->textField($model,'amount', array('class' => 't-field-text__input t-margin-none js-amount', 'placeholder' => 'Valor')); ?>
-                            <?php echo $form->error($model,'amount'); ?>
-                        </div>
-                        <div class="column is-one-fifth clearleft--on-mobile t-field-text t-margin-none--bottom clearfix">
-                            <?php echo CHtml::label('Unidade', 'measurementUnit', array('class' => 't-field-select__label--required')); ?>
-                            <select class="select-search-on t-field-select__input select2-container" id="measurementUnit" name="measurementUnit">
-                                <option value="selecione">Selecione</option>
-                            </select>
-                        </div>
-                        <div class="column is-one-tenth clearleft--on-mobile t-field-text t-margin-none--bottom clearfix">
-                            <?php echo $form->label($model,'expiration_date',  array('class' => 't-field-text__label--required')); ?>
-                            <?php echo $form->textField($model,'expiration_date', array('class'=>'t-field-text__input js-date t-margin-none--top js-expiration-date', 'placeholder' => 'Selecione')); ?>
-                            <?php echo $form->error($model,'expiration_date'); ?>
-                        </div>
-                        <div class="column is-one-fifth clearleft--on-mobile t-buttons-container t-padding-none--bottom t-margin-none--bottom clearfix">
-                            <button class="t-button-secondary mobile-margin-top clear-margin--all full--width align-self--end" id="add-food" type="button">Adicionar</button>
-                        </div>
-                    </div>
-
-                    <div id="foods_stock">
-                    </div>
-
-                    <div class="t-modal__footer row reverse">
-                        <div class="t-buttons-container justify-content--center">
-                            <button type="button" class="t-button-secondary" data-dismiss="modal">Cancelar</button>
-                        </div>
-                        <div class="t-buttons-container justify-content--center">
-                            <button type="button" class="t-button-primary clear-margin--right" id="save-food">Adicionar ao estoque</button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </div>
-
-    <div class="modal fade t-modal-container" id="js-status-modal" tabindex="-1" role="dialog">
-        <div class="modal-dialog " role="document">
-            <div class="t-modal__header">
-                <div class="column clearfix">
-                    <h4 class="t-title" id="myModalLabel">Definir Status</h4>
-                    <p style="margin-bottom: 0px">Defina o status do produto</p>
-                </div>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <img src="<?php echo Yii::app()->theme->baseUrl; ?>/img/Close.svg" alt="">
-                </button>
-            </div>
-            <form method="post">
-                <div class="t-modal__body">
-                    <div class="row">
-                        <div class="column t-field-select t-margin-none--bottom clearfix">
-                            <?php echo CHtml::label('Status', array('class' => 't-field-select__label')); ?>
-                            <select id="js-status-select" class="select-search-on t-field-select__input select2-container">
-                                <option value="Disponivel">Disponível</option>
-                                <option value="Acabando">Acabando</option>
-                                <option value="Emfalta">Em falta</option>
-                            </select>
-                        </div>
-                    </div>
-                    <div class="row margin-large--top">
-                        <div class="t-buttons-container">
-                            <button type="button" id="js-saveFoodInventoryStatus" data-dismiss="modal" class="t-button-primary t-margin-none--right full--width">Salvar</button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </div>
-
-<?php $this->endWidget(); ?>
-</div>
diff --git a/app/modules/foods/views/foodmenu/create.php b/app/modules/foods/views/foodmenu/create.php
deleted file mode 100644
index 4529f01ff..000000000
--- a/app/modules/foods/views/foodmenu/create.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-/* @var $this FoodMenuController */
-/* @var $model FoodMenu */
-
-$this->breadcrumbs=array(
-	'Food Menus'=>array('index'),
-	'Create',
-);
-$this->setPageTitle('TAG - ' . Yii::t('default', 'Criar Cardápio'));
-$this->menu=array(
-	array('label'=>'List FoodMenu', 'url'=>array('index')),
-	array('label'=>'Manage FoodMenu', 'url'=>array('admin')),
-);
-$title = "Criar Cardápio";
-?>
-
-
-
-<?php $this->renderPartial('_form', array('model'=>$model,'stages'=>$stages, 'title' => $title)); ?>
diff --git a/app/modules/foods/views/foodmenu/index.php b/app/modules/foods/views/foodmenu/index.php
deleted file mode 100644
index 440dcd23d..000000000
--- a/app/modules/foods/views/foodmenu/index.php
+++ /dev/null
@@ -1,98 +0,0 @@
-<?php
-/* @var $this FoodMenuController */
-/* @var $model FoodMenu */
-
-$this->breadcrumbs = array(
-	'Food Menus' => array('index'),
-	'Manage',
-);
-
-$this->menu = array(
-	array('label' => 'List FoodMenu', 'url' => array('index')),
-	array('label' => 'Create FoodMenu', 'url' => array('create')),
-);
-
-?>
-<div id="mainPage" class="main container-instructor">
-
-	<div class="row-fluid">
-		<div class="span12">
-			<h1>
-				<?php echo Yii::t('default', 'Food Menus') ?>
-			</h1>
-			<div class="t-buttons-container">
-				<a class="t-button-primary"  rel="noopener" href="<?= Yii::app()->createUrl('foods/foodMenu/create') ?>">
-					<?= Yii::t('default', 'Add') ?>
-				</a>
-				<a class="t-button-secondary" target="_blank"  rel="noopener"
-					href="<?php echo Yii::app()->createUrl('foods/reports/ShoppingListReport') ?>">
-					<span class="t-icon-printer"></span>Lista de Compras
-				</a>
-			</div>
-		</div>
-	</div>
-
-
-	<div class="tag-inner">
-		<?php if (Yii::app()->user->hasFlash('success')): ?>
-			<div class="alert alert-success">
-				<?php echo Yii::app()->user->getFlash('success') ?>
-			</div>
-			<br />
-		<?php endif ?>
-		<div class="widget clearmargin">
-			<div class="widget-body">
-
-				<?php $this->widget(
-					'zii.widgets.grid.CGridView',
-					array(
-						'id' => 'food-menu-grid',
-						'dataProvider' => $dataProvider,
-						'enablePagination' => false,
-						'enableSorting' => false,
-						'ajaxUpdate' => false,
-						'itemsCssClass' => 'js-tag-table tag-table-primary table table-condensed table-striped table-hover table-primary table-vertical-center checkboxs',
-						'columns' => array(
-							'id',
-							'description' => array(
-								'header' => 'Nome',
-								'type' => 'raw',
-								'value' => 'CHtml::link($data->description,Yii::app()->createUrl("foods/foodmenu/update",array("id"=>$data->id)))',
-								'htmlOptions' => array('width' => '400px', 'class' => 'link-update-grid-view'),
-							),
-							'start_date' => array(
-								'header' => 'Início',
-								'type' => 'raw',
-								'value' => 'DateTime::createFromFormat("Y-m-d",$data->start_date)->format("d/m/Y")',
-								'htmlOptions' => array('width' => '400px', 'class' => 'link-update-grid-view'),
-							),
-							'final_date' => array(
-								'header' => 'Fim',
-								'type' => 'raw',
-								'value' => 'DateTime::createFromFormat("Y-m-d",$data->final_date)->format("d/m/Y")',
-								'htmlOptions' => array('width' => '400px', 'class' => 'link-update-grid-view'),
-							),
-							array(
-								'header' => 'Ações',
-								'class' => 'CButtonColumn',
-								'template' => '{update}{delete}',
-								'buttons' => array(
-									'update' => array(
-										'imageUrl' => Yii::app()->theme->baseUrl . '/img/editar.svg',
-									),
-									'delete' => array(
-										'imageUrl' => Yii::app()->theme->baseUrl . '/img/deletar.svg',
-									)
-								),
-								'updateButtonOptions' => array('style' => 'margin-right: 20px;'),
-								'deleteButtonOptions' => array('style' => 'cursor: pointer;'),
-								'htmlOptions' => array('width' => '100px', 'style' => 'text-align: center'),
-							)
-						),
-					)
-				); ?>
-
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/app/modules/foods/views/foodmenu/update.php b/app/modules/foods/views/foodmenu/update.php
deleted file mode 100644
index f2d355e60..000000000
--- a/app/modules/foods/views/foodmenu/update.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-/* @var $this FoodMenuController */
-/* @var $model FoodMenu */
-/** @var FoodMenu $model */
-
-$this->breadcrumbs=array(
-	'Food Menus'=>array('index'),
-	$model->id=>array('view','id'=>$model->id),
-	'Update',
-);
-
-$this->menu=array(
-	array('label'=>'List FoodMenu', 'url'=>array('index')),
-	array('label'=>'Create FoodMenu', 'url'=>array('create')),
-	array('label'=>'View FoodMenu', 'url'=>array('view', 'id'=>$model->id)),
-	array('label'=>'Manage FoodMenu', 'url'=>array('admin')),
-);
-$title = $model->description
-?>
-
-
-<?php $this->renderPartial('_form', array('model'=>$model, 'title' => $title)); ?>
-<script type="text/javascript">
-	 var menuUpdate = <?php echo CJSON::encode($model); ?>
-</script>
diff --git a/app/modules/foods/views/foodrequest/_form.php b/app/modules/foods/views/foodrequest/_form.php
deleted file mode 100644
index b3413965f..000000000
--- a/app/modules/foods/views/foodrequest/_form.php
+++ /dev/null
@@ -1,111 +0,0 @@
-<?php
-/* @var $this FoodRequestController */
-/* @var $model FoodRequest */
-/* @var $form CActiveForm */
-
-$baseUrl = Yii::app()->baseUrl;
-$themeUrl = Yii::app()->theme->baseUrl;
-$cs = Yii::app()->getClientScript();
-$cs->registerScriptFile('app\modules\foods\resources\request\_initialization.js', CClientScript::POS_END);
-$cs->registerScriptFile('app\modules\foods\resources\request\functions.js', CClientScript::POS_END);
-
-$form=$this->beginWidget('CActiveForm', array(
-	'id'=>'food-request-form',
-	'enableAjaxValidation'=>false,
-));
-?>
-
-<div class="form">
-    <div class="mobile-row">
-        <div class="column clearleft">
-            <h1 class="t-padding-none--bottom"><?php echo $model->isNewRecord ? 'Solicitações' : '' ?></h1>
-        </div>
-    </div>
-    <div class="row">
-        <div class="column clearfix">
-            <div id="info-alert" class="alert hide"></div>
-        </div>
-    </div>
-
-	<div class="row  t-buttons-container">
-        <a class="t-button-primary" id="js-entry-request-button" type="button">Gerar Solicitação</a>
-    </div>
-
-	<div class="row">
-        <div class="t-field-select column is-two-fifths clearfix">
-            <select class="select-search-on t-field-select__input select2-container" id="foodRequestSelect">
-                <option value="total">Filtrar solicitações por alimento</option>
-            </select>
-        </div>
-    </div>
-
-	<div class="row">
-        <div class="column is-four-fifths clearfix">
-            <table id="foodRequestTable" class="tag-table-secondary align-start">
-
-            </table>
-        </div>
-    </div>
-
-	<div class="modal fade t-modal-container larger" id="js-entry-request-modal" tabindex="-1" role="dialog">
-        <div class="modal-dialog " role="document">
-            <div class="t-modal__header">
-                <h4 class="t-title" id="myModalLabel">Gerar Solicitação</h4>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <img src="<?php echo Yii::app()->theme->baseUrl; ?>/img/Close.svg" alt="">
-                </button>
-            </div>
-            <form method="post">
-                <div class="t-modal__body">
-                    <p>Selecione os itens e quantidades para gerar solicitações</p>
-                    <div class="row">
-                        <div class="column clearfix">
-                            <div id="request-modal-alert" class="alert hide"></div>
-                        </div>
-                    </div>
-                    <div class="tablet-row bottom-margin">
-						<div class="column is-third t-field-select t-margin-none--bottom clearfix">
-							<?php echo CHtml::label('Selecione o Alimento', 'food_fk', array('class' => 't-field-select__label--required')); ?>
-							<select class="select-search-on t-field-select__input select2-container clear-margin--all" id="food" name="food">
-								<option value="alimento">Selecione o Alimento</option>
-							</select>
-						</div>
-						<div class="column is-one-tenth clearleft--on-mobile t-field-text t-margin-none--bottom clearfix">
-							<?php echo $form->label($model,'amount', array('class' => 't-field-text__label--required')); ?>
-							<?php echo $form->textField($model,'amount', array('class' => 't-field-text__input clear-margin--all js-amount', 'placeholder' => 'Valor')); ?>
-							<?php echo $form->error($model,'amount'); ?>
-						</div>
-						<div class="column is-one-tenth clearleft--on-mobile t-field-text t-margin-none--bottom clearfix">
-							<?php echo CHtml::label('Unidade', 'measurementUnit', array('class' => 't-field-select__label--required')); ?>
-							<select class="select-search-on t-field-select__input select2-container clear-margin--all" id="measurementUnit" name="measurementUnit">
-                                <option value="selecione">Selecione</option>
-							</select>
-						</div>
-						<div class="column t-field-text clearleft--on-mobile t-margin-none--bottom is-two-fifths clearfix">
-							<?php echo $form->label($model,'description', array('class' => 't-field-text__label--required')); ?>
-							<?php echo $form->textField($model,'description', array('class' => 't-field-text__input js-description clear-margin--all', 'placeholder' => 'Informe')); ?>
-							<?php echo $form->error($model,'description'); ?>
-						</div>
-						<div class="column is-one-tenth clearleft--on-mobile t-buttons-container t-margin-none--bottom clearfix">
-							<button class="t-button-secondary mobile-margin-top t-margin-none--bottom full--width align-self--end" id="add-request" type="button">Adicionar</button>
-						</div>
-                    </div>
-
-                    <div id="food_request"></div>
-
-                    <div class="t-modal__footer row reverse">
-                        <div class="t-buttons-container justify-content--center">
-                            <button type="button" class="t-button-secondary" data-dismiss="modal">Cancelar</button>
-                        </div>
-                        <div class="t-buttons-container justify-content--center">
-                            <button type="button" class="t-button-primary clear-margin--right" data-dismiss="modal" id="save-request">Enviar solicitação</button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </div>
-
-<?php $this->endWidget(); ?>
-
-</div><!-- form -->
diff --git a/app/modules/foods/views/foodrequest/_view.php b/app/modules/foods/views/foodrequest/_view.php
deleted file mode 100644
index ebc2773b4..000000000
--- a/app/modules/foods/views/foodrequest/_view.php
+++ /dev/null
@@ -1,29 +0,0 @@
-<?php
-/* @var $this FoodRequestController */
-/* @var $data FoodRequest */
-?>
-
-<div class="view">
-
-	<b><?php echo CHtml::encode($data->getAttributeLabel('id')); ?>:</b>
-	<?php echo CHtml::link(CHtml::encode($data->id), array('view', 'id'=>$data->id)); ?>
-	<br />
-
-	<b><?php echo CHtml::encode($data->getAttributeLabel('date')); ?>:</b>
-	<?php echo CHtml::encode($data->date); ?>
-	<br />
-
-	<b><?php echo CHtml::encode($data->getAttributeLabel('food_fk')); ?>:</b>
-	<?php echo CHtml::encode($data->food_fk); ?>
-	<br />
-
-	<b><?php echo CHtml::encode($data->getAttributeLabel('amount')); ?>:</b>
-	<?php echo CHtml::encode($data->amount); ?>
-	<br />
-
-	<b><?php echo CHtml::encode($data->getAttributeLabel('measurementUnit')); ?>:</b>
-	<?php echo CHtml::encode($data->measurementUnit); ?>
-	<br />
-
-
-</div>
\ No newline at end of file
diff --git a/app/modules/foods/views/foodrequest/create.php b/app/modules/foods/views/foodrequest/create.php
deleted file mode 100644
index 5662a4a79..000000000
--- a/app/modules/foods/views/foodrequest/create.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-/* @var $this FoodRequestController */
-/* @var $model FoodRequest */
-
-$this->breadcrumbs=array(
-	'Food Requests'=>array('index'),
-	'Create',
-);
-
-$this->menu=array(
-	array('label'=>'List FoodRequest', 'url'=>array('index')),
-	array('label'=>'Manage FoodRequest', 'url'=>array('admin')),
-);
-?>
-
-<div id="mainPage" class="main">
-    <?php $this->renderPartial('_form', array('model'=>$model)); ?>
-</div>
diff --git a/app/modules/foods/views/foodrequest/index.php b/app/modules/foods/views/foodrequest/index.php
deleted file mode 100644
index 379b441e3..000000000
--- a/app/modules/foods/views/foodrequest/index.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<?php
-/* @var $this FoodRequestController */
-/* @var $dataProvider CActiveDataProvider */
-
-$this->breadcrumbs=array(
-	'Food Requests',
-);
-
-$this->menu=array(
-	array('label'=>'Create FoodRequest', 'url'=>array('create')),
-	array('label'=>'Manage FoodRequest', 'url'=>array('admin')),
-);
-?>
-
-<h1>Food Requests</h1>
-
-<?php $this->widget('zii.widgets.CListView', array(
-	'dataProvider'=>$dataProvider,
-	'itemView'=>'_view',
-)); ?>
diff --git a/app/modules/foods/views/foodrequest/view.php b/app/modules/foods/views/foodrequest/view.php
deleted file mode 100644
index 3f4eaa7b4..000000000
--- a/app/modules/foods/views/foodrequest/view.php
+++ /dev/null
@@ -1,30 +0,0 @@
-<?php
-/* @var $this FoodRequestController */
-/* @var $model FoodRequest */
-
-$this->breadcrumbs=array(
-	'Food Requests'=>array('index'),
-	$model->id,
-);
-
-$this->menu=array(
-	array('label'=>'List FoodRequest', 'url'=>array('index')),
-	array('label'=>'Create FoodRequest', 'url'=>array('create')),
-	array('label'=>'Update FoodRequest', 'url'=>array('update', 'id'=>$model->id)),
-	array('label'=>'Delete FoodRequest', 'url'=>'#', 'linkOptions'=>array('submit'=>array('delete','id'=>$model->id),'confirm'=>'Are you sure you want to delete this item?')),
-	array('label'=>'Manage FoodRequest', 'url'=>array('admin')),
-);
-?>
-
-<h1>View FoodRequest #<?php echo $model->id; ?></h1>
-
-<?php $this->widget('zii.widgets.CDetailView', array(
-	'data'=>$model,
-	'attributes'=>array(
-		'id',
-		'date',
-		'food_fk',
-		'amount',
-		'measurementUnit',
-	),
-)); ?>
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index 7891ae8f1..a40d81593 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -23,8 +23,9 @@ $(document).on("click", ".js-new-unity", function (e) {
                 </a>
                 <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
             </div>
-            <div id="collaps-${unities}"class=" collapse ${unities == 0 ? "in" : ""
-        }">
+            <div id="collaps-${unities}"class=" collapse ${
+        unities == 0 ? "in" : ""
+    }">
                 <input type='hidden' class="unity-id">
                 <input type="hidden" class="unity-operation" value="create">
                 <div class="t-field-text" style="margin-top: 16px">
@@ -34,15 +35,17 @@ $(document).on("click", ".js-new-unity", function (e) {
                 <div class="t-field-select">
                     <label class='t-field-select__label--required'>Modelo: </label>
                     <select class='t-field-select__input js-type-select select-search-on control-input'>
-                        ${isUnityConcept
-            ? `<option value='UC'>Unidade por conceito</option>`
-            : `<option value='U'>Unidade</option>
+                        ${
+                            isUnityConcept
+                                ? `<option value='UC'>Unidade por conceito</option>`
+                                : `<option value='U'>Unidade</option>
                                    <option value='UR'>Unidade com recuperação</option>`
-        }
+                        }
                     </select>
                 </div>
-                <div class="t-field-select js-calculation ${isUnityConcept ? "hide" : "show"
-        }" >
+                <div class="t-field-select js-calculation ${
+                    isUnityConcept ? "hide" : "show"
+                }" >
                     <label class='t-field-select__label--required'>Forma de cálculo:  </label>
                     <select class='t-field-select__input js-formula-select select-search-on control-input'>
                         ${$(".formulas")[0].innerHTML}
@@ -61,7 +64,7 @@ $(document).on("click", ".js-new-unity", function (e) {
                 </div>
                 <div class="t-cards js-modality-container"></div>
             </div>
-        </div>`;
+    </div>`;
 
     $(".js-grades-structure-container").append(unityHtml);
     if ($(".js-rule-type").select2("val") === "C") {
@@ -169,32 +172,6 @@ $(document).on("keyup", ".weight", function (e) {
 
 $(document).on("click", ".js-new-modality", function (e) {
     e.preventDefault();
-    const unityElement = $(this).closest(".unity");
-    const formula = unityElement
-        .find(".js-formula-select")
-        .select2("data").text;
-    const modalityHtml = template`
-        <div class='modality' concept='0'>
-            <input type="hidden" class="modality-id">
-            <input type="hidden" class="modality-operation" value="create">
-            <div class="row">
-                <div class="t-field-text">
-                    <label class='t-field-text__label--required'>Nome da modalidade avaliativa: </label>
-                    <input type='text' class='modality-name t-field-text__input' modalitytype='C' placeholder='Prova, Avaliação, Trabalho, etc.' style='width: calc(100% - 222px);'>
-                    ${formula === "Peso"
-            ? template`
-                                <div class="t-field-text">
-                                    <label class='t-field-text__label--required'>Peso:</span></label>
-                                    <input type='text' class='t-field-text__input weight form-control' placeholder='Peso'>
-                                </div>`
-            : ""
-        }
-                </div>
-                <span class="remove-modality remove-button t-button-icon-danger t-icon-trash"></span>
-            </div>
-        </div>`;
-
-    $(modalityHtml).appendTo(unityElement.find(".js-modality-container"));
 });
 
 $(document).on("click", ".js-remove-unity", function (e) {
@@ -289,22 +266,15 @@ function initRuleType(ruleType) {
         $(".numeric-fields").hide();
         $(".js-recovery-form").hide();
         $(".final-recovery-unity-operation").val("delete");
-        $("select.js-type-select").html(
-            `<option value='UC' selected>Unidade por conceito</option>`
-        );
         $(".js-calculation").hide();
         $(".remove-modality").hide();
     } else if (ruleType === "N") {
         $(".numeric-fields").show();
         $(".js-has-final-recovery").trigger("change");
-        $("select.js-type-select").html(` <option value='U'>Unidade</option>
-        <option value='UR'>Unidade com recuperação</option>`);
         $(".js-calculation").show();
         $(".js-new-modality").show();
         $(".remove-modality").show();
     }
-
-    $("select.js-type-select").select2();
 }
 
 function saveUnities(reply) {
@@ -357,20 +327,20 @@ function saveUnities(reply) {
                     id: $(".semianual-unity-id").val(),
                     name: $(".one-semianual-unity-name").val(),
                     type: $(".semianual-unity-type").val(),
-                    grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
-                        "val"
-                    ),
+                    grade_calculation_fk: $(
+                        ".semianual-recovery-unity-calculation"
+                    ).select2("val"),
                     operation: $(".semianual-unity-operation").val(),
                 },
                 {
                     id: $(".semianual-unity-id").val(),
                     name: $(".two-semianual-unity-name").val(),
                     type: $(".semianual-unity-type").val(),
-                    grade_calculation_fk: $(".semianual-recovery-unity-calculation").select2(
-                        "val"
-                    ),
+                    grade_calculation_fk: $(
+                        ".semianual-recovery-unity-calculation"
+                    ).select2("val"),
                     operation: $(".semianual-unity-operation").val(),
-                }
+                },
             ],
             finalRecoverMedia: $(".final-recover-media").val(),
             semiRecoverMedia: $("#semianual-unity-media").val(),
@@ -453,7 +423,8 @@ function checkValidInputs() {
         $(".approval-media").val() < $(".final-recover-media").val()
     ) {
         valid = false;
-        message = "A média de recuperação final não pode ser superior à de aprovação.";
+        message =
+            "A média de recuperação final não pode ser superior à de aprovação.";
     }
 
     if (valid) {
@@ -587,7 +558,10 @@ function loadStructure() {
                 $(".js-grades-structure-container").children(".unity").remove();
                 $(".approval-media").val(data.approvalMedia);
                 $("#has_final_recovery").prop("checked", data.hasFinalRecovery);
-                $("#has_semianual_recovery").prop("checked", data.hasRecoverySemianual);
+                $("#has_semianual_recovery").prop(
+                    "checked",
+                    data.hasRecoverySemianual
+                );
                 $(".calculation-final-media").select2(
                     "val",
                     data.mediaCalculation
@@ -609,20 +583,23 @@ function loadStructure() {
                 //     data.recovery_semianual.grade_calculation_fk
                 // );
 
-                const dataUnities = data.unities.map(unity => [unity.id, unity.name]);
-                const selectUnitiesFirst = $('#semianual-modality-first');
-                const selectUnitiesSecond = $('#semianual-modality-second');
+                const dataUnities = data.unities.map((unity) => [
+                    unity.id,
+                    unity.name,
+                ]);
+                const selectUnitiesFirst = $("#semianual-modality-first");
+                const selectUnitiesSecond = $("#semianual-modality-second");
 
                 console.log(data);
 
                 dataUnities.forEach(function ([id, name]) {
-                    const optionFirst = $('<option>', {
+                    const optionFirst = $("<option>", {
                         value: id,
-                        text: name
+                        text: name,
                     });
-                    const optionSecond = $('<option>', {
+                    const optionSecond = $("<option>", {
                         value: id,
-                        text: name
+                        text: name,
                     });
                     selectUnitiesFirst.append(optionFirst);
                     selectUnitiesSecond.append(optionSecond);
@@ -648,32 +625,11 @@ function loadStructure() {
                 ).show();
 
                 if (Object.keys(data.unities).length) {
-                    $.each(data.unities, function (e) {
-                        $(".js-new-unity").trigger("click");
-                        const unity = $(".unity").last();
-                        unity.find(".unity-name").val(this.name);
-                        unity.find(".unity-title").html(this.name);
-                        unity.find(".unity-id").val(this.id);
-                        unity
-                            .find("select.js-type-select")
-                            .val(this.type)
-                            .trigger("change");
-                        unity
-                            .find("select.js-formula-select")
-                            .val(this.grade_calculation_fk)
-                            .trigger("change");
-
-                        unity.find(".modality").remove();
-                        $.each(this.modalities, function (e) {
-                            unity.find(".js-new-modality").trigger("click");
-                            let modality = unity.find(".modality").last();
-                            modality.find(".modality-id").val(this.id);
-                            modality.find(".modality-name").val(this.name);
-                            modality.find(".modality-operation").val("update");
-                            modality.find(".weight").val(this.weight);
-                        });
+                    $.each(data.unities, function () {
+                        loadDataOnUnity(this, data.ruleType);
                     });
                 }
+
                 $(".grades-buttons").css("display", "flex");
                 $(
                     ".js-grades-structure-container, .js-grades-rules-container"
@@ -694,10 +650,16 @@ function loadStructure() {
     $("#accordion").accordion();
 }
 
-$(document).on("keyup", ".approval-media, .final-recover-media", function (e) {
+$(document).on(
+    "keyup",
+    ".approval-media, .final-recover-media",
+    validateGradeFormat
+);
+
+function validateGradeFormat(event) {
     let val = this.value;
     if (!$.isNumeric(val)) {
-        e.preventDefault();
+        event.preventDefault();
         val = "";
     } else {
         const gradePattern = /^(100|\d{1,2}(\.\d)?)$|^\d(\.(\d)?)?$/;
@@ -711,23 +673,284 @@ $(document).on("keyup", ".approval-media, .final-recover-media", function (e) {
         }
     }
     this.value = val;
-});
+}
+
+function loadDataOnUnity(unityData, ruleType) {
+    $("select.js-type-select").html(
+        `<option value='UC' selected>Unidade por conceito</option>`
+    );
+
+    if (ruleType === "N") {
+        $("select.js-type-select").html(` <option value='U'>Unidade</option>
+            <option value='UR'>Unidade com recuperação</option>`);
+    }
+
+    $(".js-new-unity").trigger("click");
+    const unity = $(".unity").last();
+    unity.find(".unity-name").val(unityData.name);
+    unity.find(".unity-title").html(unityData.name);
+    unity.find(".unity-id").val(unityData.id);
+    unity.find("select.js-type-select").select2("val", unityData.type);
+    unity
+        .find("select.js-formula-select")
+        .val(unityData.grade_calculation_fk)
+        .trigger("change");
+    unity.find(".modality").remove();
+
+    $.each(unityData.modalities, function () {
+        loadDataOnUnityModalities(unity, this);
+    });
+}
+
+function loadDataOnUnityModalities(unityDOM, modalityData) {
+    unityDOM.find(".js-new-modality").trigger("click");
+    let modality = unity.find(".modality").last();
+    modality.find(".modality-id").val(modalityData.id);
+    modality.find(".modality-name").val(modalityData.name);
+    modality.find(".modality-operation").val("update");
+    modality.find(".weight").val(modalityData.weight);
+}
 
 function mostrarCamposSemestreOne() {
-    const camposSemestreOne = document.getElementById('campos-primeiro-semestre');
-    if (camposSemestreOne.style.display === 'none') {
-        camposSemestreOne.style.display = 'block';
+    const camposSemestreOne = document.getElementById(
+        "campos-primeiro-semestre"
+    );
+    if (camposSemestreOne.style.display === "none") {
+        camposSemestreOne.style.display = "block";
     } else {
-        camposSemestreOne.style.display = 'none';
+        camposSemestreOne.style.display = "none";
     }
 }
 
 function mostrarCamposSemestreTwo() {
-    const camposSemestreTwo = document.getElementById('campos-segundo-semestre');
-    if (camposSemestreTwo.style.display === 'none') {
-        camposSemestreTwo.style.display = 'block';
+    const camposSemestreTwo = document.getElementById(
+        "campos-segundo-semestre"
+    );
+    if (camposSemestreTwo.style.display === "none") {
+        camposSemestreTwo.style.display = "block";
     } else {
-        camposSemestreTwo.style.display = 'none';
+        camposSemestreTwo.style.display = "none";
+    }
+}
+
+class UnityComponent extends HTMLElement {
+    static get observedAttributes() {
+        return ["index", "name", "type", "formula"];
+    }
+    constructor() {
+        super();
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.render();
+    }
+
+    render() {
+        this.shadow.innerHTML = "";
+        this.shadow.appendChild(this.build());
+        this.shadow.appendChild(this.style());
+    }
+
+    // attribute change
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue) return;
+        this[property] = newValue;
+        this.render();
+    }
+
+    style() {
+        const style = document.createElement("style");
+        style.textContent = `
+            @import '../themes/default/css/select2.css';
+            @import '../sass/css/main.css';
+        `;
+        return style;
+    }
+
+    build() {
+        const componentRoot = document.createElement("div");
+        const isUnityConcept = this.getAttribute("type") === "UC";
+
+        const typeItems = this._buildTypeItems();
+        const formulasItems = this._buildFormulasItems();
+
+        const unityHtml = template`
+        <div class='unity column is-three-fifths'>
+            <div class='row unity-heading ui-accordion-header'>
+                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collaps-${this.getAttribute(
+                    "index"
+                )}">
+                    <h2 class="unity-title accordion-heading">Unidade: </h2>
+                </a>
+                <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
+            </div>
+            <div id="collaps-${this.getAttribute("index")}"class=" collapse ${
+            this.getAttribute("index") == 0 ? "in" : ""
+        }">
+                <input type='hidden' class="unity-id">
+                <input type="hidden" class="unity-operation" value="create">
+                <div class="t-field-text" style="margin-top: 16px">
+                    <label class='t-field-text__label--required'>Nome: </label>
+                    <input type='text' class='t-field-text__input unity-name' value="${this.getAttribute(
+                        "name"
+                    )}"
+                            placeholder='1ª Unidade, 2ª Unidade, Recuperação Final, etc.'>
+                </div>
+                <div class="t-field-select">
+                    <label class='t-field-select__label--required'>Modelo: </label>
+                    <select class='t-field-select__input js-type-select select-search-on control-input'>
+                        ${typeItems}
+                    </select>
+                </div>
+                <div class="t-field-select js-calculation ${
+                    isUnityConcept ? "hide" : "show"
+                }" >
+                    <label class='t-field-select__label--required'>Forma de cálculo:  </label>
+                    <select class='t-field-select__input js-formula-select select-search-on control-input'>
+                        ${formulasItems}
+                    </select>
+                </div>
+                <div class="row">
+                    <div class="column">
+                        <h4>Modalidades avaliativas: </h4>
+                        <p class="subheading">
+                            Gerencie todas as formas de avalição que compõe as notas dessa unidade avaliativa
+                        </p>
+                    </div>
+                    <a href="#new-modality" id="new-modality" class="js-new-modality t-button-primary">
+                        <img alt="Unidade" src="/themes/default/img/buttonIcon/start.svg">Modalidade
+                    </a>
+                </div>
+                <slot name="modalities" class="t-cards js-modality-container"></slot>
+            </div>
+        </div>`;
+
+        componentRoot.innerHTML = unityHtml;
+
+        // $(componentRoot).find(".js-type-select").select2("val", this.getAttribute("type"));
+
+        return componentRoot;
+    }
+
+    _buildTypeItems() {
+        const typesByConcept = [{ key: "UC", name: "Unidade por conceito" }];
+        const typesByNumeric = [
+            { key: "U", name: "Unidade" },
+            { key: "UR", name: "Unidade com Recuperação" },
+        ];
+
+        const types = isUnityConcept ? typesByConcept : typesByNumeric;
+
+        const optionBuilder = () => {
+            const isSelected =
+                this.getAttribute("type") === e.key ? "selected" : "";
+            return `<option value='${e.key}' ${isSelected} >${e.name}</option>`;
+        };
+
+        return types.map(optionBuilder);
+    }
+
+    _buildFormulasItems() {
+        const formulas = Array.from($(".formulas")[0].children).map((e) => {
+            return { key: e.value, name: e.innerHTML };
+        });
+
+        const optionBuilder = (e) => {
+            const isSelected =
+                this.getAttribute("formula") === e.key ? "selected" : "";
+            return `<option value='${e.key}' ${isSelected}> ${e.name} </option>`;
+        };
+
+        const formulasItems = formulas.map(optionBuilder);
+
+        return formulasItems;
+    }
+}
+
+class UnityConceptComponent extends UnityComponent {}
+
+class UnityModalityComponent extends HTMLElement {
+    static get observedAttributes() {
+        return ["index", "name", "weight"];
+    }
+    constructor() {
+        super();
+
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(this.build());
+        shadow.appendChild(this.styles());
+    }
+
+    styles() {
+        const style = document.createElement("style");
+        style.textContent = `
+            @import '../sass/css/main.css';
+        `;
+        return style;
+    }
+
+    build() {
+        const componentRoot = document.createElement("div");
+        componentRoot.setAttribute("class", "card");
+        const unityElement = $(this).closest(".unity");
+        const modalityHtml = template`
+            <div class='modality' concept='0'>
+                <input type="hidden" class="modality-id">
+                <input type="hidden" class="modality-operation" value="create">
+                <div class="row">
+                    <div class="t-field-text">
+                        <label class='t-field-text__label--required'>Nome da modalidade avaliativa: </label>
+                        <input type='text' class='modality-name t-field-text__input' modalitytype='C' value="${this.getAttribute(
+                            "name"
+                        )}" placeholder='Prova, Avaliação, Trabalho, etc.' style='width: calc(100% - 222px);'>
+                        ${
+                            this.hasAttribute("weight")
+                                ? template`
+                                    <div class="t-field-text">
+                                        <label class='t-field-text__label--required'>Peso:</span></label>
+                                        <input type='text' class='t-field-text__input weight form-control' value="${this.getAttribute(
+                                            "weight"
+                                        )}" placeholder='Peso'>
+                                    </div>`
+                                : ""
+                        }
+                    </div>
+                    <span class="remove-modality remove-button t-button-icon-danger t-icon-trash"></span>
+                </div>
+            </div>`;
+
+        componentRoot.innerHTML = modalityHtml;
+        return componentRoot;
+    }
+}
+
+class DefaultComponent extends HTMLElement {
+    static get observedAttributes() {
+        return [];
+    }
+    constructor(builder) {
+        super();
+
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(builder());
+        shadow.appendChild(this.styles());
+    }
+
+    styles() {
+        const style = document.createElement("style");
+        style.textContent = `
+            @import '../sass/css/main.css';
+        `;
+        return style;
+    }
+
+    build() {
+        const componentRoot = document.createElement("div");
+        componentRoot.setAttribute("class", "card");
+
+        componentRoot.innerHTML = "<h1>Unimplemented</h1>";
+        return componentRoot;
     }
 }
 
+customElements.define("unity-component", UnityComponent);
+customElements.define("unity-concept-component", UnityConceptComponent);
+customElements.define("unity-modality-component", UnityModalityComponent);
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index e0246a9ae..aac8b6c4b 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -113,6 +113,16 @@
                 <?php echo CHtml::label("Incluir recuperação final?", 'has_final_recovery', array('class' => 't-field-checkbox__label', 'id' => 'active-label')); ?>
             </div>
         </div>
+        <div class="column js-grades-rules-container">
+            <unity-component index=1 name="Unidade 1" type="UC" formula="2">
+                <div slot='modalities'>
+                    <unity-modality-component name="Prova"></unity-modality-component>
+                    <unity-modality-component name="Trabalho"></unity-modality-component>
+                </div>
+            </unity-component>
+            <unity-component index=2 name="Unidade 2" type="U" formula="1"></unity-component>
+            <unity-concept-component index=3 name="Unidade 3" type="c" formula="3"></unity-concept-component>
+        </div>
         <div class="column js-grades-rules-container" style="display: none;">
             <div class="row">
                 <h2>Definição das unidades</h2>

From b6c981b7653e98cd1a6bd6ed04752293f94912ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20Gon=C3=A7alves?= <igor_goncalves@live.com>
Date: Mon, 15 Apr 2024 08:47:50 -0300
Subject: [PATCH 19/19] ref: adding unity-modality-component

---
 app/config/main.php                           |   10 +-
 app/controllers/AdminController.php           |   47 +-
 js/admin/grades-structure.js                  | 1736 +++++++++--------
 sass/css/main.css                             |    2 +-
 .../default/views/admin/gradesStructure.php   |   25 +-
 5 files changed, 1007 insertions(+), 813 deletions(-)

diff --git a/app/config/main.php b/app/config/main.php
index 0db01c3e7..1ef7c22ae 100755
--- a/app/config/main.php
+++ b/app/config/main.php
@@ -28,11 +28,11 @@
             'class' => 'CFileLogRoute',
             'levels' => 'profile',
         ),
-        array(
-            'class' => 'CProfileLogRoute',
-            'showInFireBug' => true,
-            'report' => 'summary',
-        )
+        // array(
+        //     'class' => 'CProfileLogRoute',
+        //     'showInFireBug' => false,
+        //     'report' => 'summary',
+        // )
     );
 }
 
diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php
index 1341bc109..8b42910b4 100644
--- a/app/controllers/AdminController.php
+++ b/app/controllers/AdminController.php
@@ -17,9 +17,25 @@ public function accessRules()
             [
                 'allow', // allow authenticated user to perform 'create' and 'update' actions
                 'actions' => [
-                    'import', 'export', 'update', 'manageUsers', 'clearDB', 'acl', 'backup', 'data', 'exportStudentIdentify', 'syncExport',
-                    'syncImport', 'exportToMaster', 'clearMaster', 'importFromMaster', 'gradesStructure', 'instanceConfig', 'editInstanceConfigs'
-                ], 'users' => ['@'],
+                    'import',
+                    'export',
+                    'update',
+                    'manageUsers',
+                    'clearDB',
+                    'acl',
+                    'backup',
+                    'data',
+                    'exportStudentIdentify',
+                    'syncExport',
+                    'syncImport',
+                    'exportToMaster',
+                    'clearMaster',
+                    'importFromMaster',
+                    'gradesStructure',
+                    'instanceConfig',
+                    'editInstanceConfigs'
+                ],
+                'users' => ['@'],
             ],
         ];
     }
@@ -126,11 +142,11 @@ public function actionCreateUser()
                 "username" => $_POST["Users"]["name"]
             ]
         );
-        if (isset($_POST['Users'])) {
-            if (!isset($modelValidate)) {
+        if (isset ($_POST['Users'])) {
+            if (!isset ($modelValidate)) {
                 $model->attributes = $_POST['Users'];
                 if ($model->validate()) {
-                    $passwordHasher =  new PasswordHasher;
+                    $passwordHasher = new PasswordHasher;
                     $password = $passwordHasher->bcriptHash($_POST['Users']['password']);
 
                     $model->password = $password;
@@ -147,7 +163,7 @@ public function actionCreateUser()
                             $auth = Yii::app()->authManager;
                             $auth->assign($_POST['Role'], $model->id);
                         }
-                        if (isset($_POST['instructor']) && $_POST['instructor'] != "") {
+                        if (isset ($_POST['instructor']) && $_POST['instructor'] != "") {
                             $instructors = InstructorIdentification::model()->find("id = :id", ["id" => $_POST['instructor']]);
                             $instructors->users_fk = $model->id;
                             $instructors->save();
@@ -195,9 +211,12 @@ public function actionGradesStructure()
 
     public function actionGetUnities()
     {
-        $stage = Yii::app()->request->getPost("stage");
 
-        $modality =  Yii::app()->db->createCommand("
+        // CVarDumper::dump(Yii::app()->request, 10, true);
+        $requestBody = CJSON::decode(Yii::app()->request->getRawBody());
+        $stage = $requestBody["stage"];
+
+        $modality = Yii::app()->db->createCommand("
         select
             distinct gu.name,
             gu.id,
@@ -461,7 +480,7 @@ public function actionEditPassword($id)
     {
         $model = Users::model()->findByPk($id);
 
-        if (isset($_POST['Users'], $_POST['Confirm'])) {
+        if (isset ($_POST['Users'], $_POST['Confirm'])) {
             $passwordHasher = new PasswordHasher;
             $password = ($_POST['Users']['password']);
             $confirm = ($_POST['Confirm']);
@@ -565,7 +584,7 @@ public function actionManageUsers()
         $filter->unsetAttributes();
         $users = Yii::app()->request->getParam('Users');
 
-        if (isset($users)) {
+        if (isset ($users)) {
             $filter->attributes = $users;
         }
         $criteria = new CDbCriteria();
@@ -599,7 +618,7 @@ public function actionUpdate($id)
         $instructor = Yii::app()->request->getPost('instructor');
         $role = Yii::app()->request->getPost('Role');
 
-        if (isset($users)) {
+        if (isset ($users)) {
             $model->attributes = $users;
             if ($model->validate()) {
                 $passwordHasher = new PasswordHasher;
@@ -620,7 +639,7 @@ public function actionUpdate($id)
                         $auth->revoke($actualRole, $model->id);
                         $auth->assign($role, $model->id);
                     }
-                    if (isset($instructor) && $instructor != "") {
+                    if (isset ($instructor) && $instructor != "") {
                         $instructors = InstructorIdentification::model()->find("id = :id", ["id" => $instructor]);
 
                         $instructors->users_fk = $model->id;
@@ -647,7 +666,7 @@ public function actionUpdate($id)
 
         $selectedInstructor = InstructorIdentification::model()->find("users_fk = :user_fk", ["user_fk" => $model->id]);
 
-        if (isset($selectedInstructor)) {
+        if (isset ($selectedInstructor)) {
             $instructorsResult[$selectedInstructor->id] = $selectedInstructor->name;
         }
 
diff --git a/js/admin/grades-structure.js b/js/admin/grades-structure.js
index a40d81593..a2508c047 100644
--- a/js/admin/grades-structure.js
+++ b/js/admin/grades-structure.js
@@ -1,759 +1,911 @@
-$(document).on(
-    "change",
-    "#GradeUnity_edcenso_stage_vs_modality_fk",
-    function () {
-        $(".alert-required-fields, .alert-media-fields").hide();
-        loadStructure();
-    }
-);
-
-$(document).on("keyup", ".unity-name", function (e) {
-    const unity = $(this).closest(".unity");
-    unity.find(".unity-title").html($(this).val());
-});
-
-$(document).on("click", ".js-new-unity", function (e) {
-    const unities = $(".unity").length;
-    const isUnityConcept = $(".js-rule-type").select2("val") === "C";
-    const unityHtml = template`
-        <div class='unity column is-three-fifths'>
-            <div class='row unity-heading ui-accordion-header'>
-                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collaps-${unities}">
-                    <h2 class="unity-title accordion-heading">Unidade: </h2>
-                </a>
-                <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
-            </div>
-            <div id="collaps-${unities}"class=" collapse ${
-        unities == 0 ? "in" : ""
-    }">
-                <input type='hidden' class="unity-id">
-                <input type="hidden" class="unity-operation" value="create">
-                <div class="t-field-text" style="margin-top: 16px">
-                    <label class='t-field-text__label--required'>Nome: </label>
-                    <input type='text' class='t-field-text__input unity-name' placeholder='1ª Unidade, 2ª Unidade, Recuperação Final, etc.'>
-                </div>
-                <div class="t-field-select">
-                    <label class='t-field-select__label--required'>Modelo: </label>
-                    <select class='t-field-select__input js-type-select select-search-on control-input'>
-                        ${
-                            isUnityConcept
-                                ? `<option value='UC'>Unidade por conceito</option>`
-                                : `<option value='U'>Unidade</option>
-                                   <option value='UR'>Unidade com recuperação</option>`
-                        }
-                    </select>
-                </div>
-                <div class="t-field-select js-calculation ${
-                    isUnityConcept ? "hide" : "show"
-                }" >
-                    <label class='t-field-select__label--required'>Forma de cálculo:  </label>
-                    <select class='t-field-select__input js-formula-select select-search-on control-input'>
-                        ${$(".formulas")[0].innerHTML}
-                    </select>
-                </div>
-                <div class="row">
-                    <div class="column">
-                        <h4>Modalidades avaliativas: </h4>
-                        <p class="subheading">
-                        Gerencie todas as formas de avalição que compõe as notas dessa unidade avaliativa
-                        </p>
-                    </div>
-                    <a href="#new-modality" id="new-modality" class="js-new-modality t-button-primary">
-                        <img alt="Unidade" src="/themes/default/img/buttonIcon/start.svg">Modalidade
-                    </a>
-                </div>
-                <div class="t-cards js-modality-container"></div>
-            </div>
-    </div>`;
-
-    $(".js-grades-structure-container").append(unityHtml);
-    if ($(".js-rule-type").select2("val") === "C") {
-        $(".js-new-modality").last().trigger("click").hide();
-        $(".remove-modality").last().hide();
-    }
-    $(".unity").last().find(".js-type-select, .js-formula-select").select2();
-});
-
-$(document).on("change", ".js-type-select", function (e) {
-    var unity = $(this).closest(".unity");
-    if ($(this).val() === "UR") {
-        unity.find(".js-new-modality").trigger("click").show();
-        unity.find(".js-calculation").show();
-        unity.find(".modality[concept=1]").remove();
-        unity
-            .find(".modality")
-            .last()
-            .children("label")
-            .html("Recuperação: " + '<span class="red">*</span>');
-        unity
-            .find(".modality")
-            .last()
-            .find(".modality-name")
-            .attr("modalitytype", "R")
-            .css("width", "calc(100% - 140px)");
-        unity
-            .find(".modality")
-            .last()
-            .find(".remove-modality, .weight")
-            .remove();
-    } else if ($(this).val() === "UC") {
-        unity.find(".modality").remove();
-        unity.find(".js-new-modality").trigger("click").hide();
-        unity.find(".js-formula-select").val("1").trigger("change");
-        unity.find(".js-calculation").hide();
-        unity.find(".remove-modality").hide();
-        unity
-            .find(".modality-name[modalitytype=R]")
-            .closest(".modality")
-            .remove();
-        unity
-            .find(".modality")
-            .last()
-            .attr("concept", "1")
-            .find(".remove-modality")
-            .remove();
-    } else {
-        unity.find(".js-new-modality").show();
-        unity.find(".js-calculation").show();
-        unity
-            .find(".modality-name[modalitytype=R]")
-            .closest(".modality")
-            .remove();
-        unity.find(".modality[concept=1]").remove();
-    }
-});
-
-$(document).on("change", ".js-rule-type", function (e) {
-    initRuleType(e.target.value);
-});
-
-$(document).on("change", ".js-formula-select", function (e) {
-    var unity = $(this).closest(".unity");
-    const selectedValue = $(this).select2("data").text;
-    if (selectedValue === "Peso") {
-        unity
-            .find(".modality-name[modalitytype=C]")
-            .css("width", "calc(100% - 240px)");
-        unity
-            .find(".modality-name[modalitytype=C]")
-            .parent()
-            .append(
-                template`
-                    <div class="t-field-text">
-                        <label class='t-field-text__label--required'>Peso:</span></label>
-                        <input type='text' class='t-field-text__input weight' placeholder='Peso'>
-                    </div>
-                `
-            );
-    } else {
-        unity.find(".weight").remove();
-        unity
-            .find(".modality-name[modalitytype=C]")
-            .css("width", "calc(100% - 140px)");
-    }
-});
-
-$(document).on("keyup", ".weight", function (e) {
-    var val = this.value;
-    if (!$.isNumeric(val)) {
-        e.preventDefault();
-        val = "";
-    } else {
-        var weight = /[1-9]|10/;
-        if (val?.match(weight) === null) {
-            val = "";
-        }
-        if (val > 10) {
-            val = 10;
-        }
-    }
-    this.value = val;
-});
-
-$(document).on("click", ".js-new-modality", function (e) {
-    e.preventDefault();
-});
-
-$(document).on("click", ".js-remove-unity", function (e) {
-    const unity = $(this).closest(".unity");
-    const isNew = unity.find(".unity-id").val() === "";
-
-    if (isNew) {
-        unity.remove();
-    } else {
-        const response = confirm(
-            "Ao remover um unidade, você está pagando TODAS as notas vinculadas a ela, em todas as disciplinas. Tem certeza que deseja seguir?"
-        );
-        if (response) {
-            $(this)
-                .children(".modality")
-                .find(".modality-operation")
-                .val("remove");
-            unity.find(".unity-operation").val("remove");
-            unity.hide();
-        }
-    }
-});
-
-$(document).on("click", ".remove-modality", function (e) {
-    const modality = $(this).closest(".modality");
-    const isNew = modality.find(".modality-id").val() === "";
-    modality.find(".modality-operation").val("remove");
-    modality.hide();
-    if (isNew) {
-        modality.remove();
-    }
-});
-
-$(document).on("click", ".save", function (e) {
-    const valid = checkValidInputs();
-    if (valid) {
-        saveUnities(false);
+// $(document).on(
+//     "change",
+//     "#GradeUnity_edcenso_stage_vs_modality_fk",
+//     function () {
+//         $(".alert-required-fields, .alert-media-fields").hide();
+//         loadStructure();
+//     }
+// );
+
+// $(document).on("keyup", ".unity-name", function (e) {
+//     const unity = $(this).closest(".unity");
+//     unity.find(".unity-title").html($(this).val());
+// });
+
+// $(document).on("click", ".js-new-unity", function (e) {
+//     const unities = $(".unity").length;
+//     const isUnityConcept = $(".js-rule-type").select2("val") === "C";
+//     const unityHtml = template`
+//         <div class='unity column is-three-fifths'>
+//             <div class='row unity-heading ui-accordion-header'>
+//                 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collaps-${unities}">
+//                     <h2 class="unity-title accordion-heading">Unidade: </h2>
+//                 </a>
+//                 <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
+//             </div>
+//             <div id="collaps-${unities}"class=" collapse ${
+//         unities == 0 ? "in" : ""
+//     }">
+//                 <input type='hidden' class="unity-id">
+//                 <input type="hidden" class="unity-operation" value="create">
+//                 <div class="t-field-text" style="margin-top: 16px">
+//                     <label class='t-field-text__label--required'>Nome: </label>
+//                     <input type='text' class='t-field-text__input unity-name' placeholder='1ª Unidade, 2ª Unidade, Recuperação Final, etc.'>
+//                 </div>
+//                 <div class="t-field-select">
+//                     <label class='t-field-select__label--required'>Modelo: </label>
+//                     <select class='t-field-select__input js-type-select select-search-on control-input'>
+//                         ${
+//                             isUnityConcept
+//                                 ? `<option value='UC'>Unidade por conceito</option>`
+//                                 : `<option value='U'>Unidade</option>
+//                                    <option value='UR'>Unidade com recuperação</option>`
+//                         }
+//                     </select>
+//                 </div>
+//                 <div class="t-field-select js-calculation ${
+//                     isUnityConcept ? "hide" : "show"
+//                 }" >
+//                     <label class='t-field-select__label--required'>Forma de cálculo:  </label>
+//                     <select class='t-field-select__input js-formula-select select-search-on control-input'>
+//                         ${$(".formulas")[0].innerHTML}
+//                     </select>
+//                 </div>
+//                 <div class="row">
+//                     <div class="column">
+//                         <h4>Modalidades avaliativas: </h4>
+//                         <p class="subheading">
+//                         Gerencie todas as formas de avalição que compõe as notas dessa unidade avaliativa
+//                         </p>
+//                     </div>
+//                     <a href="#new-modality" id="new-modality" class="js-new-modality t-button-primary">
+//                         <img alt="Unidade" src="/themes/default/img/buttonIcon/start.svg">Modalidade
+//                     </a>
+//                 </div>
+//                 <div class="t-cards js-modality-container"></div>
+//             </div>
+//     </div>`;
+
+//     $(".js-grades-structure-container").append(unityHtml);
+//     if ($(".js-rule-type").select2("val") === "C") {
+//         $(".js-new-modality").last().trigger("click").hide();
+//         $(".remove-modality").last().hide();
+//     }
+//     $(".unity").last().find(".js-type-select, .js-formula-select").select2();
+// });
+
+// $(document).on("change", ".js-type-select", function (e) {
+//     var unity = $(this).closest(".unity");
+//     if ($(this).val() === "UR") {
+//         unity.find(".js-new-modality").trigger("click").show();
+//         unity.find(".js-calculation").show();
+//         unity.find(".modality[concept=1]").remove();
+//         unity
+//             .find(".modality")
+//             .last()
+//             .children("label")
+//             .html("Recuperação: " + '<span class="red">*</span>');
+//         unity
+//             .find(".modality")
+//             .last()
+//             .find(".modality-name")
+//             .attr("modalitytype", "R")
+//             .css("width", "calc(100% - 140px)");
+//         unity
+//             .find(".modality")
+//             .last()
+//             .find(".remove-modality, .weight")
+//             .remove();
+//     } else if ($(this).val() === "UC") {
+//         unity.find(".modality").remove();
+//         unity.find(".js-new-modality").trigger("click").hide();
+//         unity.find(".js-formula-select").val("1").trigger("change");
+//         unity.find(".js-calculation").hide();
+//         unity.find(".remove-modality").hide();
+//         unity
+//             .find(".modality-name[modalitytype=R]")
+//             .closest(".modality")
+//             .remove();
+//         unity
+//             .find(".modality")
+//             .last()
+//             .attr("concept", "1")
+//             .find(".remove-modality")
+//             .remove();
+//     } else {
+//         unity.find(".js-new-modality").show();
+//         unity.find(".js-calculation").show();
+//         unity
+//             .find(".modality-name[modalitytype=R]")
+//             .closest(".modality")
+//             .remove();
+//         unity.find(".modality[concept=1]").remove();
+//     }
+// });
+
+// $(document).on("change", ".js-rule-type", function (e) {
+//     initRuleType(e.target.value);
+// });
+
+// $(document).on("change", ".js-formula-select", function (e) {
+//     var unity = $(this).closest(".unity");
+//     const selectedValue = $(this).select2("data").text;
+//     if (selectedValue === "Peso") {
+//         unity
+//             .find(".modality-name[modalitytype=C]")
+//             .css("width", "calc(100% - 240px)");
+//         unity
+//             .find(".modality-name[modalitytype=C]")
+//             .parent()
+//             .append(
+//                 template`
+//                     <div class="t-field-text">
+//                         <label class='t-field-text__label--required'>Peso:</span></label>
+//                         <input type='text' class='t-field-text__input weight' placeholder='Peso'>
+//                     </div>
+//                 `
+//             );
+//     } else {
+//         unity.find(".weight").remove();
+//         unity
+//             .find(".modality-name[modalitytype=C]")
+//             .css("width", "calc(100% - 140px)");
+//     }
+// });
+
+// $(document).on("keyup", ".weight", function (e) {
+//     var val = this.value;
+//     if (!$.isNumeric(val)) {
+//         e.preventDefault();
+//         val = "";
+//     } else {
+//         var weight = /[1-9]|10/;
+//         if (val?.match(weight) === null) {
+//             val = "";
+//         }
+//         if (val > 10) {
+//             val = 10;
+//         }
+//     }
+//     this.value = val;
+// });
+
+// $(document).on("click", ".js-new-modality", function (e) {
+//     e.preventDefault();
+// });
+
+// $(document).on("click", ".js-remove-unity", function (e) {
+//     const unity = $(this).closest(".unity");
+//     const isNew = unity.find(".unity-id").val() === "";
+
+//     if (isNew) {
+//         unity.remove();
+//     } else {
+//         const response = confirm(
+//             "Ao remover um unidade, você está pagando TODAS as notas vinculadas a ela, em todas as disciplinas. Tem certeza que deseja seguir?"
+//         );
+//         if (response) {
+//             $(this)
+//                 .children(".modality")
+//                 .find(".modality-operation")
+//                 .val("remove");
+//             unity.find(".unity-operation").val("remove");
+//             unity.hide();
+//         }
+//     }
+// });
+
+// $(document).on("click", ".remove-modality", function (e) {
+//     const modality = $(this).closest(".modality");
+//     const isNew = modality.find(".modality-id").val() === "";
+//     modality.find(".modality-operation").val("remove");
+//     modality.hide();
+//     if (isNew) {
+//         modality.remove();
+//     }
+// });
+
+// $(document).on("click", ".save", function (e) {
+//     const valid = checkValidInputs();
+//     if (valid) {
+//         saveUnities(false);
+//     }
+// });
+
+// $(document).on("click", ".save-and-reply", function (e) {
+//     const valid = checkValidInputs();
+//     if (valid) {
+//         $("#js-saveandreply-modal").modal("show");
+//         $(".reply-option[value=S]").prop("checked", true);
+//     }
+// });
+
+// $(document).on("click", ".js-save-and-reply-button", function (e) {
+//     saveUnities(true);
+// });
+
+// $(document).on("change", ".js-has-final-recovery", function (event) {
+//     const isChecked = $(this).is(":checked");
+//     const isNew = $(".final-recovery-unity-id").val() === "";
+//     if (isChecked) {
+//         $(".js-recovery-form").show();
+//         if (isNew) {
+//             $(".final-recovery-unity-operation").val("create");
+//         } else {
+//             $(".final-recovery-unity-operation").val("update");
+//         }
+//     } else {
+//         // debugger
+//         $(".js-recovery-form").hide();
+//         if (!isNew) {
+//             $(".final-recovery-unity-operation").val("delete");
+//         }
+//     }
+// });
+
+// $(document).on("change", ".js-has-semianual-unity", function (event) {
+//     const isChecked = $(this).is(":checked");
+//     const isNew = $(".semianual-unity-id").val() === "";
+//     if (isChecked) {
+//         $(".js-recovery-semianual-form").show();
+//         if (isNew) {
+//             $(".semianual-unity-operation").val("create");
+//         } else {
+//             $(".semianual-unity-operation").val("update");
+//         }
+//     } else {
+//         $(".js-recovery-semianual-form").hide();
+//         if (!isNew) {
+//             $(".semianual-unity-operation").val("delete");
+//         }
+//     }
+// });
+
+// function initRuleType(ruleType) {
+//     if (ruleType === "C") {
+//         $(".numeric-fields").hide();
+//         $(".js-recovery-form").hide();
+//         $(".final-recovery-unity-operation").val("delete");
+//         $(".js-calculation").hide();
+//         $(".remove-modality").hide();
+//     } else if (ruleType === "N") {
+//         $(".numeric-fields").show();
+//         $(".js-has-final-recovery").trigger("change");
+//         $(".js-calculation").show();
+//         $(".js-new-modality").show();
+//         $(".remove-modality").show();
+//     }
+// }
+
+// function saveUnities(reply) {
+//     const unities = [];
+//     $(".unity").each(function () {
+//         const modalities = [];
+//         $(this)
+//             .find(".modality")
+//             .each(function () {
+//                 modalities.push({
+//                     id: $(this).find(".modality-id").val(),
+//                     name: $(this).find(".modality-name").val(),
+//                     type: $(this).find(".modality-name").attr("modalitytype"),
+//                     weight: $(this).find(".weight").length
+//                         ? $(this).find(".weight").val()
+//                         : null,
+//                     operation: $(this).find(".modality-operation").val(),
+//                 });
+//             });
+//         unities.push({
+//             id: $(this).find(".unity-id").val(),
+//             name: $(this).find(".unity-name").val(),
+//             type: $(this).find("select.js-type-select").val(),
+//             formula: $(this).find("select.js-formula-select").val(),
+//             operation: $(this).find(".unity-operation").val(),
+//             modalities: modalities,
+//         });
+//     });
+//     $.ajax({
+//         type: "POST",
+//         url: "?r=admin/saveUnities",
+//         cache: false,
+//         data: {
+//             stage: $("#GradeUnity_edcenso_stage_vs_modality_fk").val(),
+//             unities: unities,
+//             approvalMedia: $(".approval-media").val(),
+//             hasFinalRecovery: $("#has_final_recovery").is(":checked"),
+//             hasRecoverySemianual: $("#has_semianual_recovery").is(":checked"),
+//             finalRecovery: {
+//                 id: $(".final-recovery-unity-id").val(),
+//                 name: $(".final-recovery-unity-name").val(),
+//                 type: $(".final-recovery-unity-type").val(),
+//                 grade_calculation_fk: $(".calculation-final-media").select2(
+//                     "val"
+//                 ),
+//                 operation: $(".final-recovery-unity-operation").val(),
+//             },
+//             semianualRecovery: [
+//                 {
+//                     id: $(".semianual-unity-id").val(),
+//                     name: $(".one-semianual-unity-name").val(),
+//                     type: $(".semianual-unity-type").val(),
+//                     grade_calculation_fk: $(
+//                         ".semianual-recovery-unity-calculation"
+//                     ).select2("val"),
+//                     operation: $(".semianual-unity-operation").val(),
+//                 },
+//                 {
+//                     id: $(".semianual-unity-id").val(),
+//                     name: $(".two-semianual-unity-name").val(),
+//                     type: $(".semianual-unity-type").val(),
+//                     grade_calculation_fk: $(
+//                         ".semianual-recovery-unity-calculation"
+//                     ).select2("val"),
+//                     operation: $(".semianual-unity-operation").val(),
+//                 },
+//             ],
+//             finalRecoverMedia: $(".final-recover-media").val(),
+//             semiRecoverMedia: $("#semianual-unity-media").val(),
+//             finalMediaCalculation: $(".calculation-final-media").select2("val"),
+//             reply: reply ? $(".reply-option:checked").val() : "",
+//             ruleType: $(".js-rule-type").select2("val"),
+//         },
+//         beforeSend: function (e) {
+//             $(".alert-media-fields")
+//                 .addClass("alert-warning")
+//                 .removeClass("alert-success")
+//                 .text(
+//                     "Atualizando resultados dos alunos, o processo pode demorar..."
+//                 )
+//                 .show();
+//             $(".buttons a, .js-grades-structure-container")
+//                 .css("opacity", "0.4")
+//                 .css("pointer-events", "none");
+//             $("#GradeUnity_edcenso_stage_vs_modality_fk").attr(
+//                 "disabled",
+//                 "disabled"
+//             );
+//             $(".save-unity-loading-gif").css("display", "inline-block");
+//         },
+//         success: function (data) {
+//             data = JSON.parse(data);
+//             if (data.valid) {
+//                 $(".alert-required-fields")
+//                     .addClass("alert-success")
+//                     .removeClass("alert-error")
+//                     .text("Estrutura de notas cadastrada com sucesso!")
+//                     .show();
+//                 loadStructure();
+//             }
+//         },
+//         error: function (request) {
+//             let message =
+//                 "Um erro inesperado aconteceu no servidor, não foi possível completar operação";
+//             if (request.status == 400) {
+//                 message = request.responseText;
+//             }
+//             $(".alert-required-fields")
+//                 .addClass("alert-error")
+//                 .removeClass("alert-success")
+//                 .text(message)
+//                 .show();
+//         },
+//         complete: function () {
+//             $(".alert-media-fields")
+//                 .removeClass("alert-warning")
+//                 .addClass("alert-success")
+//                 .text("Médias atualizadas com sucesso!");
+//             $("html, body").animate({ scrollTop: 0 }, "fast");
+//             $(".buttons a, .js-grades-structure-container")
+//                 .css("opacity", "1")
+//                 .css("pointer-events", "auto");
+//             $("#GradeUnity_edcenso_stage_vs_modality_fk").removeAttr(
+//                 "disabled"
+//             );
+//             $(".save-unity-loading-gif").hide();
+//         },
+//     });
+// }
+
+// function checkValidInputs() {
+//     $(".alert-required-fields, .alert-media-fields").hide();
+//     let valid = true;
+//     let message = "";
+//     if (
+//         $(".js-rule-type").select2("val") === "N" &&
+//         ($(".approval-media").val() === "" ||
+//             ($(".js-has-final-recovery").is(":checked") &&
+//                 $(".final-recover-media").val() === ""))
+//     ) {
+//         valid = false;
+//         message = "Os campos de média são obrigatórios.";
+//     } else if (
+//         $(".js-rule-type").select2("val") === "N" &&
+//         $(".js-has-final-recovery").is(":checked") &&
+//         $(".approval-media").val() < $(".final-recover-media").val()
+//     ) {
+//         valid = false;
+//         message =
+//             "A média de recuperação final não pode ser superior à de aprovação.";
+//     }
+
+//     if (valid) {
+//         if ($(".unity").length) {
+//             let ucCount = 0;
+//             let rsCount = 0;
+//             let rsIndexes = [];
+//             $(".unity").each(function (index) {
+//                 if ($(this).find(".unity-name").val() === "") {
+//                     valid = false;
+//                     message = "Preencha o nome das unidades.";
+//                     return false;
+//                 }
+//                 $(this)
+//                     .find(".modality")
+//                     .each(function () {
+//                         if ($(this).find(".modality-name").val() === "") {
+//                             valid = false;
+//                             message = "Preencha o nome das modalidades.";
+//                             return false;
+//                         }
+//                         if ($(this).find(".weight").val() === "") {
+//                             valid = false;
+//                             message = "Preencha o peso das modalidades.";
+//                             return false;
+//                         }
+//                     });
+//                 if ($(this).find("select.js-type-select").val() === "UC") {
+//                     ucCount++;
+//                 }
+//                 if ($(this).find("select.js-type-select").val() === "UR") {
+//                     if (
+//                         !$(this).find(".modality-name[modalitytype=C]").length
+//                     ) {
+//                         valid = false;
+//                         message =
+//                             'Unidades do modelo "Unidade com recuperação" requer duas ou mais modalidades.';
+//                         return false;
+//                     }
+//                 } else {
+//                     if (!$(this).find(".modality-name").length) {
+//                         valid = false;
+//                         message =
+//                             "Não se pode cadastrar unidades sem modalidade.";
+//                         return false;
+//                     }
+//                 }
+//                 if (
+//                     index === 0 &&
+//                     ($(this).find("select.js-type-select").val() === "RF" ||
+//                         $(this).find("select.js-type-select").val() === "RS")
+//                 ) {
+//                     valid = false;
+//                     message =
+//                         "Uma unidade de recuperação semestral ou final não podem ser a primeira.";
+//                     return false;
+//                 }
+
+//                 if (
+//                     rsCount === 2 &&
+//                     $(this).find("select.js-type-select").val() !== "RF"
+//                 ) {
+//                     valid = false;
+//                     message =
+//                         "Não pode haver unidades após a 2ª recuperação semestral.";
+//                     return false;
+//                 }
+//                 if ($(this).find("select.js-type-select").val() === "RS") {
+//                     rsCount++;
+//                     rsIndexes.push(index);
+//                 }
+//             });
+//             if (rsIndexes.length && rsIndexes[1] - rsIndexes[0] === 1) {
+//                 valid = false;
+//                 message = "Não pode haver 02 recuperações semestrais seguidas.";
+//             }
+//             if (rsCount !== 0 && rsCount !== 2) {
+//                 valid = false;
+//                 message =
+//                     "Quando utilizadas, devem haver 02 recuperações semestrais.";
+//             }
+//             if (ucCount > 0 && ucCount !== $(".unity").length) {
+//                 valid = false;
+//                 message =
+//                     "Quando uma unidade por conceito for utilizada, nenhum outro modelo pode ser utilizado.";
+//             }
+//         } else {
+//             valid = false;
+//             message =
+//                 "Não se pode cadastrar uma estrutura de notas sem unidade.";
+//         }
+//     }
+
+//     if (!valid) {
+//         $(".alert-required-fields")
+//             .addClass("alert-error")
+//             .removeClass("alert-success")
+//             .text(message)
+//             .show();
+//         $("html, body").animate({ scrollTop: 0 }, "fast");
+//     }
+//     return valid;
+// }
+
+// function loadStructure() {
+//     if ($("#GradeUnity_edcenso_stage_vs_modality_fk").val() !== "") {
+//         $.ajax({
+//             type: "POST",
+//             url: "?r=admin/getUnities",
+//             cache: false,
+//             data: {
+//                 stage: $("#GradeUnity_edcenso_stage_vs_modality_fk").val(),
+//             },
+//             beforeSend: function (e) {
+//                 $(".js-grades-structure-loading").css(
+//                     "display",
+//                     "inline-block"
+//                 );
+//                 $(".js-grades-structure-container")
+//                     .css("pointer-events", "none")
+//                     .css("opacity", "0.4");
+//             },
+//             success: function (data) {
+//                 data = JSON.parse(data);
+//                 $(".stagemodalityname").text(data.stageName);
+//                 $(".stagename").text(
+//                     $("#GradeUnity_edcenso_stage_vs_modality_fk").select2(
+//                         "data"
+//                     ).text
+//                 );
+//                 $(".js-grades-structure-container").children(".unity").remove();
+//                 $(".approval-media").val(data.approvalMedia);
+//                 $("#has_final_recovery").prop("checked", data.hasFinalRecovery);
+//                 $("#has_semianual_recovery").prop(
+//                     "checked",
+//                     data.hasRecoverySemianual
+//                 );
+//                 $(".calculation-final-media").select2(
+//                     "val",
+//                     data.mediaCalculation
+//                 );
+//                 $(".js-rule-type").select2("val", data.ruleType);
+//                 $(".final-recover-media").val(data.finalRecoverMedia);
+//                 $("#semianual-unity-media").val(data.semiRecoverMedia);
+//                 $(".final-recovery-unity-operation").val(
+//                     data.final_recovery !== null ? "update" : "create"
+//                 );
+//                 $(".final-recovery-unity-id").val(data.final_recovery.id);
+//                 $(".final-recovery-unity-name").val(data.final_recovery.name);
+//                 $(".final-recovery-unity-calculation").select2(
+//                     "val",
+//                     data.final_recovery.grade_calculation_fk
+//                 );
+//                 // $(".semianual-recovery-unity-calculation").select2(
+//                 //     "val",
+//                 //     data.recovery_semianual.grade_calculation_fk
+//                 // );
+
+//                 const dataUnities = data.unities.map((unity) => [
+//                     unity.id,
+//                     unity.name,
+//                 ]);
+//                 const selectUnitiesFirst = $("#semianual-modality-first");
+//                 const selectUnitiesSecond = $("#semianual-modality-second");
+
+//                 console.log(data);
+
+//                 dataUnities.forEach(function ([id, name]) {
+//                     const optionFirst = $("<option>", {
+//                         value: id,
+//                         text: name,
+//                     });
+//                     const optionSecond = $("<option>", {
+//                         value: id,
+//                         text: name,
+//                     });
+//                     selectUnitiesFirst.append(optionFirst);
+//                     selectUnitiesSecond.append(optionSecond);
+//                 });
+
+//                 $(".final-recover-media").val(data.finalRecoverMedia);
+//                 $(".semiRecoverMedia").val(data.semiRecoverMedia);
+
+//                 if (data.hasFinalRecovery) {
+//                     $(".js-recovery-form").show();
+//                 } else {
+//                     $(".js-recovery-form").hide();
+//                 }
+
+//                 if (data.hasRecoverySemianual) {
+//                     $(".js-recovery-semianual-form").show();
+//                 } else {
+//                     $(".js-recovery-semianual-form").hide();
+//                 }
+
+//                 $(
+//                     ".js-grades-structure-container, .js-grades-rules-container"
+//                 ).show();
+
+//                 if (Object.keys(data.unities).length) {
+//                     $.each(data.unities, function () {
+//                         loadDataOnUnity(this, data.ruleType);
+//                     });
+//                 }
+
+//                 $(".grades-buttons").css("display", "flex");
+//                 $(
+//                     ".js-grades-structure-container, .js-grades-rules-container"
+//                 ).show();
+//                 $(".js-grades-structure-loading").hide();
+//                 $(".js-grades-structure-container")
+//                     .css("pointer-events", "auto")
+//                     .css("opacity", "1");
+
+//                 initRuleType(data.ruleType);
+//             },
+//         });
+//     } else {
+//         $(
+//             ".js-grades-structure-container, .grades-buttons,  .js-grades-rules-container"
+//         ).hide();
+//     }
+// }
+
+// $(document).on(
+//     "keyup",
+//     ".approval-media, .final-recover-media",
+//     validateGradeFormat
+// );
+
+// function validateGradeFormat(event) {
+//     let val = this.value;
+//     if (!$.isNumeric(val)) {
+//         event.preventDefault();
+//         val = "";
+//     } else {
+//         const gradePattern = /^(100|\d{1,2}(\.\d)?)$|^\d(\.(\d)?)?$/;
+//         const isMatch = val?.match(gradePattern);
+//         if (isMatch === null) {
+//             val = "";
+//         } else if (!isMatch && val > 10) {
+//             val = 10;
+//         } else if (!isMatch && val == 0) {
+//             val = "";
+//         }
+//     }
+//     this.value = val;
+// }
+
+// function loadDataOnUnity(unityData, ruleType) {
+//     $("select.js-type-select").html(
+//         `<option value='UC' selected>Unidade por conceito</option>`
+//     );
+
+//     if (ruleType === "N") {
+//         $("select.js-type-select").html(` <option value='U'>Unidade</option>
+//             <option value='UR'>Unidade com recuperação</option>`);
+//     }
+
+//     $(".js-new-unity").trigger("click");
+//     const unity = $(".unity").last();
+//     unity.find(".unity-name").val(unityData.name);
+//     unity.find(".unity-title").html(unityData.name);
+//     unity.find(".unity-id").val(unityData.id);
+//     unity.find("select.js-type-select").select2("val", unityData.type);
+//     unity
+//         .find("select.js-formula-select")
+//         .val(unityData.grade_calculation_fk)
+//         .trigger("change");
+//     unity.find(".modality").remove();
+
+//     $.each(unityData.modalities, function () {
+//         loadDataOnUnityModalities(unity, this);
+//     });
+// }
+
+// function loadDataOnUnityModalities(unityDOM, modalityData) {
+//     unityDOM.find(".js-new-modality").trigger("click");
+//     let modality = unity.find(".modality").last();
+//     modality.find(".modality-id").val(modalityData.id);
+//     modality.find(".modality-name").val(modalityData.name);
+//     modality.find(".modality-operation").val("update");
+//     modality.find(".weight").val(modalityData.weight);
+// }
+
+// function mostrarCamposSemestreOne() {
+//     const camposSemestreOne = document.getElementById(
+//         "campos-primeiro-semestre"
+//     );
+//     if (camposSemestreOne.style.display === "none") {
+//         camposSemestreOne.style.display = "block";
+//     } else {
+//         camposSemestreOne.style.display = "none";
+//     }
+// }
+
+// function mostrarCamposSemestreTwo() {
+//     const camposSemestreTwo = document.getElementById(
+//         "campos-segundo-semestre"
+//     );
+//     if (camposSemestreTwo.style.display === "none") {
+//         camposSemestreTwo.style.display = "block";
+//     } else {
+//         camposSemestreTwo.style.display = "none";
+//     }
+// }
+
+class UnitiesPanel extends HTMLElement {
+    constructor() {
+        super();
     }
-});
 
-$(document).on("click", ".save-and-reply", function (e) {
-    const valid = checkValidInputs();
-    if (valid) {
-        $("#js-saveandreply-modal").modal("show");
-        $(".reply-option[value=S]").prop("checked", true);
-    }
-});
-
-$(document).on("click", ".js-save-and-reply-button", function (e) {
-    saveUnities(true);
-});
-
-$(document).on("change", ".js-has-final-recovery", function (event) {
-    const isChecked = $(this).is(":checked");
-    const isNew = $(".final-recovery-unity-id").val() === "";
-    if (isChecked) {
-        $(".js-recovery-form").show();
-        if (isNew) {
-            $(".final-recovery-unity-operation").val("create");
-        } else {
-            $(".final-recovery-unity-operation").val("update");
-        }
-    } else {
-        // debugger
-        $(".js-recovery-form").hide();
-        if (!isNew) {
-            $(".final-recovery-unity-operation").val("delete");
-        }
-    }
-});
-
-$(document).on("change", ".js-has-semianual-unity", function (event) {
-    const isChecked = $(this).is(":checked");
-    const isNew = $(".semianual-unity-id").val() === "";
-    if (isChecked) {
-        $(".js-recovery-semianual-form").show();
-        if (isNew) {
-            $(".semianual-unity-operation").val("create");
-        } else {
-            $(".semianual-unity-operation").val("update");
-        }
-    } else {
-        $(".js-recovery-semianual-form").hide();
-        if (!isNew) {
-            $(".semianual-unity-operation").val("delete");
-        }
-    }
-});
-
-function initRuleType(ruleType) {
-    if (ruleType === "C") {
-        $(".numeric-fields").hide();
-        $(".js-recovery-form").hide();
-        $(".final-recovery-unity-operation").val("delete");
-        $(".js-calculation").hide();
-        $(".remove-modality").hide();
-    } else if (ruleType === "N") {
-        $(".numeric-fields").show();
-        $(".js-has-final-recovery").trigger("change");
-        $(".js-calculation").show();
-        $(".js-new-modality").show();
-        $(".remove-modality").show();
+    static get observedAttributes() {
+        return ["unities"];
     }
-}
 
-function saveUnities(reply) {
-    const unities = [];
-    $(".unity").each(function () {
-        const modalities = [];
-        $(this)
-            .find(".modality")
-            .each(function () {
-                modalities.push({
-                    id: $(this).find(".modality-id").val(),
-                    name: $(this).find(".modality-name").val(),
-                    type: $(this).find(".modality-name").attr("modalitytype"),
-                    weight: $(this).find(".weight").length
-                        ? $(this).find(".weight").val()
-                        : null,
-                    operation: $(this).find(".modality-operation").val(),
-                });
+    connectedCallback() {
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(this.styles());
+        shadow.appendChild(this.build());
+        const self = this;
+        this.fetchUnities().then(function (response) {
+            const unities = response.unities.map((e, index) => {
+                return {
+                    index: index,
+                    name: e.name,
+                    type: e.type,
+                    formula: e.formula,
+                    modalities: e.modalities,
+                };
             });
-        unities.push({
-            id: $(this).find(".unity-id").val(),
-            name: $(this).find(".unity-name").val(),
-            type: $(this).find("select.js-type-select").val(),
-            formula: $(this).find("select.js-formula-select").val(),
-            operation: $(this).find(".unity-operation").val(),
-            modalities: modalities,
+            self.setAttribute("unities", JSON.stringify(unities));
+            shadow.innerHTML = "";
+            shadow.appendChild(self.styles());
+            shadow.appendChild(self.build());
         });
-    });
-    $.ajax({
-        type: "POST",
-        url: "?r=admin/saveUnities",
-        cache: false,
-        data: {
-            stage: $("#GradeUnity_edcenso_stage_vs_modality_fk").val(),
-            unities: unities,
-            approvalMedia: $(".approval-media").val(),
-            hasFinalRecovery: $("#has_final_recovery").is(":checked"),
-            hasRecoverySemianual: $("#has_semianual_recovery").is(":checked"),
-            finalRecovery: {
-                id: $(".final-recovery-unity-id").val(),
-                name: $(".final-recovery-unity-name").val(),
-                type: $(".final-recovery-unity-type").val(),
-                grade_calculation_fk: $(".calculation-final-media").select2(
-                    "val"
-                ),
-                operation: $(".final-recovery-unity-operation").val(),
-            },
-            semianualRecovery: [
-                {
-                    id: $(".semianual-unity-id").val(),
-                    name: $(".one-semianual-unity-name").val(),
-                    type: $(".semianual-unity-type").val(),
-                    grade_calculation_fk: $(
-                        ".semianual-recovery-unity-calculation"
-                    ).select2("val"),
-                    operation: $(".semianual-unity-operation").val(),
-                },
-                {
-                    id: $(".semianual-unity-id").val(),
-                    name: $(".two-semianual-unity-name").val(),
-                    type: $(".semianual-unity-type").val(),
-                    grade_calculation_fk: $(
-                        ".semianual-recovery-unity-calculation"
-                    ).select2("val"),
-                    operation: $(".semianual-unity-operation").val(),
-                },
-            ],
-            finalRecoverMedia: $(".final-recover-media").val(),
-            semiRecoverMedia: $("#semianual-unity-media").val(),
-            finalMediaCalculation: $(".calculation-final-media").select2("val"),
-            reply: reply ? $(".reply-option:checked").val() : "",
-            ruleType: $(".js-rule-type").select2("val"),
-        },
-        beforeSend: function (e) {
-            $(".alert-media-fields")
-                .addClass("alert-warning")
-                .removeClass("alert-success")
-                .text(
-                    "Atualizando resultados dos alunos, o processo pode demorar..."
-                )
-                .show();
-            $(".buttons a, .js-grades-structure-container")
-                .css("opacity", "0.4")
-                .css("pointer-events", "none");
-            $("#GradeUnity_edcenso_stage_vs_modality_fk").attr(
-                "disabled",
-                "disabled"
-            );
-            $(".save-unity-loading-gif").css("display", "inline-block");
-        },
-        success: function (data) {
-            data = JSON.parse(data);
-            if (data.valid) {
-                $(".alert-required-fields")
-                    .addClass("alert-success")
-                    .removeClass("alert-error")
-                    .text("Estrutura de notas cadastrada com sucesso!")
-                    .show();
-                loadStructure();
-            }
-        },
-        error: function (request) {
-            let message =
-                "Um erro inesperado aconteceu no servidor, não foi possível completar operação";
-            if (request.status == 400) {
-                message = request.responseText;
-            }
-            $(".alert-required-fields")
-                .addClass("alert-error")
-                .removeClass("alert-success")
-                .text(message)
-                .show();
-        },
-        complete: function () {
-            $(".alert-media-fields")
-                .removeClass("alert-warning")
-                .addClass("alert-success")
-                .text("Médias atualizadas com sucesso!");
-            $("html, body").animate({ scrollTop: 0 }, "fast");
-            $(".buttons a, .js-grades-structure-container")
-                .css("opacity", "1")
-                .css("pointer-events", "auto");
-            $("#GradeUnity_edcenso_stage_vs_modality_fk").removeAttr(
-                "disabled"
-            );
-            $(".save-unity-loading-gif").hide();
-        },
-    });
-}
-
-function checkValidInputs() {
-    $(".alert-required-fields, .alert-media-fields").hide();
-    let valid = true;
-    let message = "";
-    if (
-        $(".js-rule-type").select2("val") === "N" &&
-        ($(".approval-media").val() === "" ||
-            ($(".js-has-final-recovery").is(":checked") &&
-                $(".final-recover-media").val() === ""))
-    ) {
-        valid = false;
-        message = "Os campos de média são obrigatórios.";
-    } else if (
-        $(".js-rule-type").select2("val") === "N" &&
-        $(".js-has-final-recovery").is(":checked") &&
-        $(".approval-media").val() < $(".final-recover-media").val()
-    ) {
-        valid = false;
-        message =
-            "A média de recuperação final não pode ser superior à de aprovação.";
     }
 
-    if (valid) {
-        if ($(".unity").length) {
-            let ucCount = 0;
-            let rsCount = 0;
-            let rsIndexes = [];
-            $(".unity").each(function (index) {
-                if ($(this).find(".unity-name").val() === "") {
-                    valid = false;
-                    message = "Preencha o nome das unidades.";
-                    return false;
-                }
-                $(this)
-                    .find(".modality")
-                    .each(function () {
-                        if ($(this).find(".modality-name").val() === "") {
-                            valid = false;
-                            message = "Preencha o nome das modalidades.";
-                            return false;
-                        }
-                        if ($(this).find(".weight").val() === "") {
-                            valid = false;
-                            message = "Preencha o peso das modalidades.";
-                            return false;
-                        }
-                    });
-                if ($(this).find("select.js-type-select").val() === "UC") {
-                    ucCount++;
-                }
-                if ($(this).find("select.js-type-select").val() === "UR") {
-                    if (
-                        !$(this).find(".modality-name[modalitytype=C]").length
-                    ) {
-                        valid = false;
-                        message =
-                            'Unidades do modelo "Unidade com recuperação" requer duas ou mais modalidades.';
-                        return false;
-                    }
-                } else {
-                    if (!$(this).find(".modality-name").length) {
-                        valid = false;
-                        message =
-                            "Não se pode cadastrar unidades sem modalidade.";
-                        return false;
-                    }
-                }
-                if (
-                    index === 0 &&
-                    ($(this).find("select.js-type-select").val() === "RF" ||
-                        $(this).find("select.js-type-select").val() === "RS")
-                ) {
-                    valid = false;
-                    message =
-                        "Uma unidade de recuperação semestral ou final não podem ser a primeira.";
-                    return false;
-                }
+    updateUnities(unity) {
+        const unities = this.hasAttribute("unities")
+            ? JSON.parse(this.getAttribute("unities"))
+            : [];
 
-                if (
-                    rsCount === 2 &&
-                    $(this).find("select.js-type-select").val() !== "RF"
-                ) {
-                    valid = false;
-                    message =
-                        "Não pode haver unidades após a 2ª recuperação semestral.";
-                    return false;
-                }
-                if ($(this).find("select.js-type-select").val() === "RS") {
-                    rsCount++;
-                    rsIndexes.push(index);
-                }
-            });
-            if (rsIndexes.length && rsIndexes[1] - rsIndexes[0] === 1) {
-                valid = false;
-                message = "Não pode haver 02 recuperações semestrais seguidas.";
-            }
-            if (rsCount !== 0 && rsCount !== 2) {
-                valid = false;
-                message =
-                    "Quando utilizadas, devem haver 02 recuperações semestrais.";
+        const updatedUnities = unities.map((e) => {
+            if (e.index == unity.index) {
+                return { ...unity };
             }
-            if (ucCount > 0 && ucCount !== $(".unity").length) {
-                valid = false;
-                message =
-                    "Quando uma unidade por conceito for utilizada, nenhum outro modelo pode ser utilizado.";
-            }
-        } else {
-            valid = false;
-            message =
-                "Não se pode cadastrar uma estrutura de notas sem unidade.";
-        }
-    }
+            return e;
+        });
 
-    if (!valid) {
-        $(".alert-required-fields")
-            .addClass("alert-error")
-            .removeClass("alert-success")
-            .text(message)
-            .show();
-        $("html, body").animate({ scrollTop: 0 }, "fast");
+        this.setAttribute("unities", JSON.stringify(updatedUnities));
     }
-    return valid;
-}
-
-function loadStructure() {
-    if ($("#GradeUnity_edcenso_stage_vs_modality_fk").val() !== "") {
-        $.ajax({
-            type: "POST",
-            url: "?r=admin/getUnities",
-            cache: false,
-            data: {
-                stage: $("#GradeUnity_edcenso_stage_vs_modality_fk").val(),
-            },
-            beforeSend: function (e) {
-                $(".js-grades-structure-loading").css(
-                    "display",
-                    "inline-block"
-                );
-                $(".js-grades-structure-container")
-                    .css("pointer-events", "none")
-                    .css("opacity", "0.4");
-            },
-            success: function (data) {
-                data = JSON.parse(data);
-                $(".stagemodalityname").text(data.stageName);
-                $(".stagename").text(
-                    $("#GradeUnity_edcenso_stage_vs_modality_fk").select2(
-                        "data"
-                    ).text
-                );
-                $(".js-grades-structure-container").children(".unity").remove();
-                $(".approval-media").val(data.approvalMedia);
-                $("#has_final_recovery").prop("checked", data.hasFinalRecovery);
-                $("#has_semianual_recovery").prop(
-                    "checked",
-                    data.hasRecoverySemianual
-                );
-                $(".calculation-final-media").select2(
-                    "val",
-                    data.mediaCalculation
-                );
-                $(".js-rule-type").select2("val", data.ruleType);
-                $(".final-recover-media").val(data.finalRecoverMedia);
-                $("#semianual-unity-media").val(data.semiRecoverMedia);
-                $(".final-recovery-unity-operation").val(
-                    data.final_recovery !== null ? "update" : "create"
-                );
-                $(".final-recovery-unity-id").val(data.final_recovery.id);
-                $(".final-recovery-unity-name").val(data.final_recovery.name);
-                $(".final-recovery-unity-calculation").select2(
-                    "val",
-                    data.final_recovery.grade_calculation_fk
-                );
-                // $(".semianual-recovery-unity-calculation").select2(
-                //     "val",
-                //     data.recovery_semianual.grade_calculation_fk
-                // );
-
-                const dataUnities = data.unities.map((unity) => [
-                    unity.id,
-                    unity.name,
-                ]);
-                const selectUnitiesFirst = $("#semianual-modality-first");
-                const selectUnitiesSecond = $("#semianual-modality-second");
-
-                console.log(data);
-
-                dataUnities.forEach(function ([id, name]) {
-                    const optionFirst = $("<option>", {
-                        value: id,
-                        text: name,
-                    });
-                    const optionSecond = $("<option>", {
-                        value: id,
-                        text: name,
-                    });
-                    selectUnitiesFirst.append(optionFirst);
-                    selectUnitiesSecond.append(optionSecond);
-                });
-
-                $(".final-recover-media").val(data.finalRecoverMedia);
-                $(".semiRecoverMedia").val(data.semiRecoverMedia);
-
-                if (data.hasFinalRecovery) {
-                    $(".js-recovery-form").show();
-                } else {
-                    $(".js-recovery-form").hide();
-                }
-
-                if (data.hasRecoverySemianual) {
-                    $(".js-recovery-semianual-form").show();
-                } else {
-                    $(".js-recovery-semianual-form").hide();
-                }
 
-                $(
-                    ".js-grades-structure-container, .js-grades-rules-container"
-                ).show();
-
-                if (Object.keys(data.unities).length) {
-                    $.each(data.unities, function () {
-                        loadDataOnUnity(this, data.ruleType);
-                    });
-                }
-
-                $(".grades-buttons").css("display", "flex");
-                $(
-                    ".js-grades-structure-container, .js-grades-rules-container"
-                ).show();
-                $(".js-grades-structure-loading").hide();
-                $(".js-grades-structure-container")
-                    .css("pointer-events", "auto")
-                    .css("opacity", "1");
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue) return;
+        this[property] = newValue;
+        window.EventBus.fire("panelChanged", this.attributes);
+    }
 
-                initRuleType(data.ruleType);
+    async fetchUnities() {
+        const response = await fetch("?r=admin/getUnities", {
+            method: "POST",
+            cache: "no-store",
+            headers: {
+                Accept: "application.json",
+                "Content-Type": "application/json",
             },
+            body: JSON.stringify({
+                stage: "14",
+            }),
         });
-    } else {
-        $(
-            ".js-grades-structure-container, .grades-buttons,  .js-grades-rules-container"
-        ).hide();
-    }
-    $("#accordion").accordion();
-}
 
-$(document).on(
-    "keyup",
-    ".approval-media, .final-recover-media",
-    validateGradeFormat
-);
-
-function validateGradeFormat(event) {
-    let val = this.value;
-    if (!$.isNumeric(val)) {
-        event.preventDefault();
-        val = "";
-    } else {
-        const gradePattern = /^(100|\d{1,2}(\.\d)?)$|^\d(\.(\d)?)?$/;
-        const isMatch = val?.match(gradePattern);
-        if (isMatch === null) {
-            val = "";
-        } else if (!isMatch && val > 10) {
-            val = 10;
-        } else if (!isMatch && val == 0) {
-            val = "";
-        }
+        return await response.json();
     }
-    this.value = val;
-}
-
-function loadDataOnUnity(unityData, ruleType) {
-    $("select.js-type-select").html(
-        `<option value='UC' selected>Unidade por conceito</option>`
-    );
 
-    if (ruleType === "N") {
-        $("select.js-type-select").html(` <option value='U'>Unidade</option>
-            <option value='UR'>Unidade com recuperação</option>`);
+    styles() {
+        const style = document.createElement("style");
+        style.textContent = `
+            @import '../sass/css/main.css';
+        `;
+        return style;
     }
 
-    $(".js-new-unity").trigger("click");
-    const unity = $(".unity").last();
-    unity.find(".unity-name").val(unityData.name);
-    unity.find(".unity-title").html(unityData.name);
-    unity.find(".unity-id").val(unityData.id);
-    unity.find("select.js-type-select").select2("val", unityData.type);
-    unity
-        .find("select.js-formula-select")
-        .val(unityData.grade_calculation_fk)
-        .trigger("change");
-    unity.find(".modality").remove();
-
-    $.each(unityData.modalities, function () {
-        loadDataOnUnityModalities(unity, this);
-    });
-}
+    build() {
+        const self = this;
+        const unities = this.hasAttribute("unities")
+            ? JSON.parse(this.getAttribute("unities"))
+            : [];
+        const unitiesElements = unities.map((e, index) => {
+            const unityComponent = new UnityComponent();
+            unityComponent.setAttribute("index", index);
+            unityComponent.name = e.name;
+            unityComponent.setAttribute("type", e.type);
+            unityComponent.setAttribute("formula", e.formula);
+            unityComponent.setAttribute(
+                "modalities",
+                JSON.stringify(e.modalities)
+            );
 
-function loadDataOnUnityModalities(unityDOM, modalityData) {
-    unityDOM.find(".js-new-modality").trigger("click");
-    let modality = unity.find(".modality").last();
-    modality.find(".modality-id").val(modalityData.id);
-    modality.find(".modality-name").val(modalityData.name);
-    modality.find(".modality-operation").val("update");
-    modality.find(".weight").val(modalityData.weight);
-}
+            console.log(unityComponent.attributes)
+            unityComponent.addEventListener("unityChanged", (event) => {
+                self.updateUnities(event.detail);
+            });
 
-function mostrarCamposSemestreOne() {
-    const camposSemestreOne = document.getElementById(
-        "campos-primeiro-semestre"
-    );
-    if (camposSemestreOne.style.display === "none") {
-        camposSemestreOne.style.display = "block";
-    } else {
-        camposSemestreOne.style.display = "none";
-    }
-}
+            return unityComponent;
+        });
+        const componentRoot = document.createElement("div");
+        unitiesElements.forEach((e) => componentRoot.appendChild(e));
 
-function mostrarCamposSemestreTwo() {
-    const camposSemestreTwo = document.getElementById(
-        "campos-segundo-semestre"
-    );
-    if (camposSemestreTwo.style.display === "none") {
-        camposSemestreTwo.style.display = "block";
-    } else {
-        camposSemestreTwo.style.display = "none";
+        return componentRoot;
     }
 }
 
 class UnityComponent extends HTMLElement {
     static get observedAttributes() {
-        return ["index", "name", "type", "formula"];
+        return ["index", "name", "type", "formula", "modalities"];
     }
     constructor() {
         super();
+        this._name = null;
         this.shadow = this.attachShadow({ mode: "open" });
-        this.render();
     }
 
-    render() {
-        this.shadow.innerHTML = "";
+    set name(value) {
+        // debugger;
+        if (value !== this.name) {
+            this._name = value; // Set the internal value
+            $(this).find(".unity-name").val(value);
+        }
+    }
+
+    connectedCallback() {
+        const self = this;
+        window.EventBus.register("modalityChanged", (evt) => {
+            const newModality = evt.detail;
+            const modalities = self.hasAttribute("modalities")
+                ? JSON.parse(self.getAttribute("modalities"))
+                : [];
+
+            const updatedModalities = modalities.map((e, index) => {
+                if (e.index == newModality.index) {
+                    return { ...newModality };
+                }
+                return { index: index, ...e };
+            });
+
+            self.setAttribute("modalities", JSON.stringify(updatedModalities));
+        });
+
         this.shadow.appendChild(this.build());
         this.shadow.appendChild(this.style());
     }
 
-    // attribute change
     attributeChangedCallback(property, oldValue, newValue) {
         if (oldValue === newValue) return;
         this[property] = newValue;
-        this.render();
+
+        this.dispatchEvent(
+            new CustomEvent("unityChanged", {
+                index: this.index,
+                name: this.name,
+                type: this.type,
+                formula: this.formula,
+                modalities: this.modalities,
+            })
+        );
+
+        if (property === "name") {
+            this.shadow.querySelector(".unity-title").innerHTML = newValue;
+        }
+    }
+
+    addModality() {
+        const hasModalities = this.hasAttribute("modalities");
+        const modalitiesAttr = hasModalities
+            ? JSON.parse(this.getAttribute("modalities"))
+            : [];
+        modalitiesAttr.push({ name: "" });
+        this.setAttribute("modalities", JSON.stringify(modalitiesAttr));
+        this.shadow.querySelector(".js-modality-container").innerHTML =
+            this._buildModalities(modalitiesAttr);
     }
 
     style() {
@@ -766,33 +918,34 @@ class UnityComponent extends HTMLElement {
     }
 
     build() {
-        const componentRoot = document.createElement("div");
-        const isUnityConcept = this.getAttribute("type") === "UC";
+        const typeAttr = this.getAttribute("type");
+        const indexAttr = this.getAttribute("index");
+        const nameAttr = this.getAttribute("name");
+        const formulaAttr = this.getAttribute("formula");
+        const modalitiesAttr = JSON.parse(this.getAttribute("modalities"));
 
-        const typeItems = this._buildTypeItems();
-        const formulasItems = this._buildFormulasItems();
+        const isUnityConcept = typeAttr === "UC";
+        const isCollapsed = indexAttr == 0 ? "in" : "";
+
+        const typeItems = this._buildTypeItems(isUnityConcept, typeAttr);
+        const formulasItems = this._buildFormulasItems(formulaAttr);
 
         const unityHtml = template`
         <div class='unity column is-three-fifths'>
             <div class='row unity-heading ui-accordion-header'>
-                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collaps-${this.getAttribute(
-                    "index"
-                )}">
-                    <h2 class="unity-title accordion-heading">Unidade: </h2>
+                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collaps-${indexAttr}">
+                    <h2 class="unity-title accordion-heading">${
+                        nameAttr ?? "Unidade:"
+                    } </h2>
                 </a>
                 <span class="remove-button js-remove-unity t-button-icon-danger t-icon-trash  js-change-cursor"></span>
             </div>
-            <div id="collaps-${this.getAttribute("index")}"class=" collapse ${
-            this.getAttribute("index") == 0 ? "in" : ""
-        }">
+            <div id="collaps-${indexAttr}"class=" collapse ${isCollapsed}">
                 <input type='hidden' class="unity-id">
                 <input type="hidden" class="unity-operation" value="create">
                 <div class="t-field-text" style="margin-top: 16px">
                     <label class='t-field-text__label--required'>Nome: </label>
-                    <input type='text' class='t-field-text__input unity-name' value="${this.getAttribute(
-                        "name"
-                    )}"
-                            placeholder='1ª Unidade, 2ª Unidade, Recuperação Final, etc.'>
+                    <input type='text' class='t-field-text__input unity-name' value="${nameAttr}" placeholder='1ª Unidade, 2ª Unidade, Recuperação Final, etc.'>
                 </div>
                 <div class="t-field-select">
                     <label class='t-field-select__label--required'>Modelo: </label>
@@ -819,18 +972,27 @@ class UnityComponent extends HTMLElement {
                         <img alt="Unidade" src="/themes/default/img/buttonIcon/start.svg">Modalidade
                     </a>
                 </div>
-                <slot name="modalities" class="t-cards js-modality-container"></slot>
+                <div name="modalities" class="t-cards js-modality-container">
+                    ${this._buildModalities(modalitiesAttr)}
+                </div>
             </div>
         </div>`;
 
+        const componentRoot = document.createElement("div");
         componentRoot.innerHTML = unityHtml;
 
-        // $(componentRoot).find(".js-type-select").select2("val", this.getAttribute("type"));
+        const buttonAdd = componentRoot.querySelector(".js-new-modality");
+        buttonAdd.addEventListener("click", (e) => this.addModality());
+
+        const nameInput = componentRoot.querySelector(".unity-name");
+        nameInput.addEventListener("input", (e) =>
+            this.setAttribute("name", e.target.value)
+        );
 
         return componentRoot;
     }
 
-    _buildTypeItems() {
+    _buildTypeItems(isUnityConcept, selectedType) {
         const typesByConcept = [{ key: "UC", name: "Unidade por conceito" }];
         const typesByNumeric = [
             { key: "U", name: "Unidade" },
@@ -839,23 +1001,21 @@ class UnityComponent extends HTMLElement {
 
         const types = isUnityConcept ? typesByConcept : typesByNumeric;
 
-        const optionBuilder = () => {
-            const isSelected =
-                this.getAttribute("type") === e.key ? "selected" : "";
+        const optionBuilder = (e) => {
+            const isSelected = selectedType === e.key ? "selected" : "";
             return `<option value='${e.key}' ${isSelected} >${e.name}</option>`;
         };
 
         return types.map(optionBuilder);
     }
 
-    _buildFormulasItems() {
+    _buildFormulasItems(selectedFormula) {
         const formulas = Array.from($(".formulas")[0].children).map((e) => {
             return { key: e.value, name: e.innerHTML };
         });
 
         const optionBuilder = (e) => {
-            const isSelected =
-                this.getAttribute("formula") === e.key ? "selected" : "";
+            const isSelected = selectedFormula === e.key ? "selected" : "";
             return `<option value='${e.key}' ${isSelected}> ${e.name} </option>`;
         };
 
@@ -863,9 +1023,18 @@ class UnityComponent extends HTMLElement {
 
         return formulasItems;
     }
-}
 
-class UnityConceptComponent extends UnityComponent {}
+    _buildModalities(modalitiesAttr) {
+        if (this.hasAttribute("modalities")) {
+            const modalitiesElements = modalitiesAttr.map((e, index) => {
+                return template`<unity-modality-component index=${index} name="${e.name}"></unity-modality-component>`;
+            });
+
+            return modalitiesElements.join("");
+        }
+        return "";
+    }
+}
 
 class UnityModalityComponent extends HTMLElement {
     static get observedAttributes() {
@@ -879,6 +1048,15 @@ class UnityModalityComponent extends HTMLElement {
         shadow.appendChild(this.styles());
     }
 
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue) return;
+        this[property] = newValue;
+        window.EventBus.fire("modalityChanged", {
+            index: this.index,
+            name: this.name,
+        });
+    }
+
     styles() {
         const style = document.createElement("style");
         style.textContent = `
@@ -888,9 +1066,18 @@ class UnityModalityComponent extends HTMLElement {
     }
 
     build() {
-        const componentRoot = document.createElement("div");
-        componentRoot.setAttribute("class", "card");
-        const unityElement = $(this).closest(".unity");
+        const nameAttr = this.getAttribute("name");
+        const weightAttr = this.getAttribute("weight");
+
+        const hasWeight = this.hasAttribute("weight");
+
+        const weightTemplate = template`
+            <div class="t-field-text">
+                <label class='t-field-text__label--required'>Peso:</span></label>
+                <input type='text' class='t-field-text__input weight form-control' value="${weightAttr}" placeholder='Peso'>
+            </div>
+        `;
+
         const modalityHtml = template`
             <div class='modality' concept='0'>
                 <input type="hidden" class="modality-id">
@@ -898,59 +1085,48 @@ class UnityModalityComponent extends HTMLElement {
                 <div class="row">
                     <div class="t-field-text">
                         <label class='t-field-text__label--required'>Nome da modalidade avaliativa: </label>
-                        <input type='text' class='modality-name t-field-text__input' modalitytype='C' value="${this.getAttribute(
-                            "name"
-                        )}" placeholder='Prova, Avaliação, Trabalho, etc.' style='width: calc(100% - 222px);'>
-                        ${
-                            this.hasAttribute("weight")
-                                ? template`
-                                    <div class="t-field-text">
-                                        <label class='t-field-text__label--required'>Peso:</span></label>
-                                        <input type='text' class='t-field-text__input weight form-control' value="${this.getAttribute(
-                                            "weight"
-                                        )}" placeholder='Peso'>
-                                    </div>`
-                                : ""
-                        }
+                        <input type='text' class='modality-name t-field-text__input' modalitytype='C' value="${nameAttr}" placeholder='Prova, Avaliação, Trabalho, etc.' style='width: calc(100% - 222px);'>
+                        ${hasWeight ? weightTemplate : ""}
                     </div>
                     <span class="remove-modality remove-button t-button-icon-danger t-icon-trash"></span>
                 </div>
-            </div>`;
+        </div>`;
 
+        const componentRoot = document.createElement("div");
         componentRoot.innerHTML = modalityHtml;
+
+        const nameInput = componentRoot.querySelector(".modality-name");
+        nameInput.addEventListener("input", (e) =>
+            this.setAttribute("name", e.target.value)
+        );
+
         return componentRoot;
     }
 }
 
-class DefaultComponent extends HTMLElement {
-    static get observedAttributes() {
-        return [];
+class EventBus {
+    constructor() {
+        this._bus = document.createElement("div");
     }
-    constructor(builder) {
-        super();
 
-        const shadow = this.attachShadow({ mode: "open" });
-        shadow.appendChild(builder());
-        shadow.appendChild(this.styles());
+    register(event, callback) {
+        this._bus.addEventListener(event, callback);
     }
 
-    styles() {
-        const style = document.createElement("style");
-        style.textContent = `
-            @import '../sass/css/main.css';
-        `;
-        return style;
+    remove(event, callback) {
+        this._bus.removeEventListener(event, callback);
     }
-
-    build() {
-        const componentRoot = document.createElement("div");
-        componentRoot.setAttribute("class", "card");
-
-        componentRoot.innerHTML = "<h1>Unimplemented</h1>";
-        return componentRoot;
+    fire(event, detail = {}) {
+        this._bus.dispatchEvent(new CustomEvent(event, { detail }));
     }
 }
 
+window.EventBus = new EventBus();
+
+window.EventBus.register("unityChanged", (evt) => console.log(evt));
+window.EventBus.register("modalityChanged", (evt) => console.log(evt));
+window.EventBus.register("panelChanged", (evt) => console.log(evt));
+
+customElements.define("unities-panel", UnitiesPanel);
 customElements.define("unity-component", UnityComponent);
-customElements.define("unity-concept-component", UnityConceptComponent);
 customElements.define("unity-modality-component", UnityModalityComponent);
diff --git a/sass/css/main.css b/sass/css/main.css
index b04b73250..8ec9616d1 100644
--- a/sass/css/main.css
+++ b/sass/css/main.css
@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";*,body,html{font-family:"inter",sans-serif}.main{padding:.75em}@media(min-width: 640px){.main{padding:1.5em}}a{color:inherit}a:hover{text-decoration:none}hr{margin:0;border:none}select[multiple]{height:30px}input[type=number]{margin:0px}select,select[multiple],textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{min-height:30px}.wrap{flex-wrap:wrap}.row{display:flex;flex-direction:column;gap:.75em}.row.reverse{flex-direction:column-reverse}@media(min-width: 640px){.row.reverse{flex-direction:row}}.row.no-gap{gap:0}@media(min-width: 640px){.row{flex-direction:row}}.row.margin-large--bottom{margin-bottom:calc(2em/2)}.row.margin-large--top{margin-top:.875em}.row.no-gap{gap:0}.mobile-row{display:flex;flex-direction:row}.mobile-row.upper-margin{margin-top:24px}.mobile-row.helper{padding-left:13px}.tablet-row{display:flex;flex-direction:column}.tablet-row.bottom-margin{margin-bottom:24px}@media(min-width: 768px){.tablet-row{flex-direction:row}}.column{flex:1;flex-basis:0;margin-left:calc(2em/2);margin-right:calc(2em/2)}.column.flex{display:flex}.column.clearfix{margin-left:0;margin-right:0}.column.clearleft{margin-left:0}.column.clearleft--on-tablet{margin-left:0}@media(min-width: 768px){.column.clearleft--on-tablet{margin-left:calc(2em/2)}}.column.clearleft--on-mobile{margin-left:0}@media(min-width: 640px){.column.clearleft--on-mobile{margin-left:calc(2em/2)}}.column.no-grow{flex-grow:0}.column.helper{max-width:50%}@media(min-width: 640px){.column.is-half{max-width:50%}}@media(min-width: 640px){.column.is-four-fifths{max-width:80%}}.column.is-four-fifths--mobile{max-width:80%}@media(min-width: 640px){.column.is-three-quarters{max-width:75%}}@media(min-width: 640px){.column.is-two-thirds{max-width:66.6666%}}@media(min-width: 640px){.column.is-three-fifths{max-width:60%}}@media(min-width: 640px){.column.is-two-fifths{max-width:40%}}@media(min-width: 640px){.column.is-one-third{max-width:33.3333%}}@media(min-width: 640px){.column.is-third{max-width:30%}}@media(min-width: 640px){.column.is-one-quarter{max-width:25%}}@media(min-width: 640px){.column.is-one-fifth{max-width:20%}}@media(min-width: 640px){.column.is-one-tenth{max-width:10%}}.column.is-one-tenth--mobile{max-width:10%}.t-buttons-container{display:inline-block;width:100%}.t-buttons-container.auto-width{width:auto}@media(min-width: 768px){.t-buttons-container{padding:.25em 0 .25em 0;font-size:14px;display:flex}}.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{display:flex;flex:1;padding:.875em;margin:.5em 0;font-size:12px;border-radius:6px;text-decoration:none;align-self:center;justify-content:center;cursor:pointer}.t-button span,.t-button-icon span,.t-button-danger span,.t-button-quaternary span,.t-button-tertiary span,.t-button-secondary span,.t-button-primary span,.t-button-submit span{margin:0em .25em 0em 0em;font-size:14px}.t-button.mobile-margin,.mobile-margin.t-button-icon,.mobile-margin.t-button-danger,.mobile-margin.t-button-quaternary,.mobile-margin.t-button-tertiary,.mobile-margin.t-button-secondary,.mobile-margin.t-button-primary,.mobile-margin.t-button-submit{margin-right:1em}.t-button.mobile-margin-top,.mobile-margin-top.t-button-icon,.mobile-margin-top.t-button-danger,.mobile-margin-top.t-button-quaternary,.mobile-margin-top.t-button-tertiary,.mobile-margin-top.t-button-secondary,.mobile-margin-top.t-button-primary,.mobile-margin-top.t-button-submit{margin-top:1em !important}.t-button.nofloat,.nofloat.t-button-icon,.nofloat.t-button-danger,.nofloat.t-button-quaternary,.nofloat.t-button-tertiary,.nofloat.t-button-secondary,.nofloat.t-button-primary,.nofloat.t-button-submit{float:unset !important}.t-button:hover,.t-button-icon:hover,.t-button-danger:hover,.t-button-quaternary:hover,.t-button-tertiary:hover,.t-button-secondary:hover,.t-button-primary:hover,.t-button-submit:hover,.t-button--active{text-decoration:none}@media(min-width: 640px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{flex:0 auto;margin-right:1em;padding:.25em 1em .25em 1em;font-size:14px}}@media(min-width: 768px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{flex:0 auto;margin-right:1em;padding:.25em 1em .25em 1em;font-size:14px}}@media(min-width: 1536px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{margin-right:1em;padding:.375em 1em .375em 1em}}.t-button:link,.t-button-icon:link,.t-button-danger:link,.t-button-quaternary:link,.t-button-tertiary:link,.t-button-secondary:link,.t-button-primary:link,.t-button-submit:link,.t-button:focus,.t-button-icon:focus,.t-button-danger:focus,.t-button-quaternary:focus,.t-button-tertiary:focus,.t-button-secondary:focus,.t-button-primary:focus,.t-button-submit:focus,.t-button:hover,.t-button-icon:hover,.t-button-danger:hover,.t-button-quaternary:hover,.t-button-tertiary:hover,.t-button-secondary:hover,.t-button-primary:hover,.t-button-submit:hover,.t-button--active,.t-button:active,.t-button-icon:active,.t-button-danger:active,.t-button-quaternary:active,.t-button-tertiary:active,.t-button-secondary:active,.t-button-primary:active,.t-button-submit:active{text-decoration:none !important}.t-button img,.t-button-icon img,.t-button-danger img,.t-button-quaternary img,.t-button-tertiary img,.t-button-secondary img,.t-button-primary img,.t-button-submit img{margin-right:6px}.t-button i,.t-button-icon i,.t-button-danger i,.t-button-quaternary i,.t-button-tertiary i,.t-button-secondary i,.t-button-primary i,.t-button-submit i{align-self:center;margin-right:6px;opacity:.5}.t-button-primary,.t-button-submit{background-color:#3f45ea;color:#fff;cursor:pointer;align-self:center}.t-button-primary--icon{flex:0;padding:.75em 2em}.t-button-primary:hover,.t-button-submit:hover,.t-button-primary--active{color:#fff;background-color:#272b96}.t-button-primary:link,.t-button-submit:link,.t-button-primary:focus,.t-button-submit:focus,.t-button-primary:hover,.t-button-submit:hover,.t-button-primary--active,.t-button-primary:active,.t-button-submit:active{color:#fff}.t-button-secondary{background-color:#eff2f5;color:#252a31;border:0}.t-button-secondary:hover,.t-button-secondary--active,.t-button-secondary:focus{color:#252a31;background-color:#e5eaef}.t-button-tertiary{background-color:#94a8be;color:#fff}.t-button-tertiary:focus{color:#fff}.t-button-tertiary:hover,.t-button-tertiary--active{color:#fff;background-color:#5f738c}.t-button-quaternary{background-color:#d6dee6;color:#252a31;border:0;cursor:auto}.t-button-submit{margin:14px 0}.t-button-danger{color:#fff;background-color:#d21c1c;border:0}.t-button-danger--disabled{background-color:#eff2f5;color:#94a8be;cursor:not-allowed !important}.t-button-danger:hover{color:#fff}.t-button-danger--disabled:hover{color:#94a8be}.t-button-icon.secondary{padding:.375em 1.5em .375em 1.5em;background-color:#3f45ea;color:#fff;cursor:pointer;align-self:center;font-size:16px !important}.t-button-icon.secondary:hover,.t-button-icon.secondary--active{color:#fff;background-color:#272b96}.t-button-icon.secondary:link,.t-button-icon.secondary:focus,.t-button-icon.secondary:hover,.t-button-icon.secondary--active,.t-button-icon.secondary:active{color:#fff}.t-button-icon.secondary span{font-size:16px !important}.t-button-icon-danger{cursor:pointer;color:#d21c1c !important;margin-top:14px}.t-link-button{color:#252a31 !important}.t-link-button--warning{color:#d21c1c !important;margin-top:24px}.t-link-button--info{color:#272b96 !important}.t-button-content{background-color:rgba(0,0,0,0);border:none}.t-field-file__label{width:fit-content}.t-field-file__input{display:none}.t-field-text{margin-bottom:14px}.t-field-text__label{display:flex;align-items:center}.t-field-text__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-text__input,.t-field-text input[type=text],.t-field-text input[type=number],.t-field-text input[type=email],.t-field-text input[type=tel]{box-sizing:border-box;width:100% !important;margin-bottom:0px !important;resize:none}.t-field-text__input,.t-field-text input[type=password]{box-sizing:border-box;width:100%;margin-bottom:0px;resize:none}.t-field-text .show-password-icon{cursor:pointer;position:absolute;right:0;padding:5px}.t-field-select,.t-multiselect{width:100%;margin-bottom:14px}.t-field-select__label--required::after{content:" *";font-weight:500;font-size:14px;color:#d21c1c}.t-field-select__input{width:100% !important}.t-field-select__input.select2-container{width:100% !important}.t-field-select__input.select2-container .select2-choice{width:100% !important;box-sizing:border-box;word-wrap:break-word;text-overflow:ellipsis}.t-field-select__helper{max-width:50% !important}.t-field-select__helper2{max-width:65% !important}.t-field-tarea{margin-bottom:24px}.t-field-tarea__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-tarea__input,.t-field-tarea textarea{width:100%;padding:4px;box-sizing:border-box;font-family:"Inter",sans-serif}.t-field-tarea__input.large,.t-field-tarea textarea.large{height:100%;min-height:100px;max-height:100px}.t-field-checkbox{display:flex;white-space:normal;line-height:12px;width:100%;margin-top:24px;margin-bottom:8px}.t-field-checkbox__label{padding-top:0 !important}.t-field-checkbox__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-checkbox__input,.t-field-checkbox input[type=checkbox]{background:#fff;height:20px;width:20px;margin:0 14px 0 0}.t-field-checkbox.helper{margin-top:31px;margin-bottom:10px;margin-left:-18px}.t-field-checkbox--vertical{margin-right:14px}.t-field-checkbox--vertical .t-field-checkbox__label{text-align:center}.t-field-checkbox--vertical .t-field-checkbox__input{margin:0}.t-field-checkbox-group{margin-bottom:6px;margin-top:24px}.t-field-checkbox-group__label{padding-top:0 !important}.t-field-checkbox-group__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-checkbox-group .t-field-checkbox{margin-top:4px;margin-bottom:8px}.t-field-number{margin-bottom:14px}.t-field-number__label{display:flex;align-items:center}.t-field-number__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-number__input,.t-field-number input[type=number]{width:100%;margin-bottom:0px;padding:.75em}.t-field-select,.t-multiselect{width:100%;margin-bottom:14px}.t-field-select__label--required::after{content:" *";font-weight:500;font-size:14px;color:#d21c1c}.t-field-select__input{width:100% !important}.t-field-select__input.select2-container{width:100% !important}.t-field-select__input.select2-container .select2-choice{width:100% !important;box-sizing:border-box;word-wrap:break-word;text-overflow:ellipsis}.t-field-select__helper{max-width:50% !important}.t-field-select__helper2{max-width:65% !important}.t-multiselect{margin-top:14px}.t-multiselect .select2-search-choice{background-color:#b4dbf8 !important;border:none !important;font-size:14px !important;font-weight:500 !important;color:#004680;padding:.375em .5em !important;background-image:none !important;word-wrap:break-word}.t-multiselect .select2-search-choice div{margin-left:24px}.t-multiselect .select2-search-choice .select2-search-choice-close{background-image:url("../../../themes/default/img/botao-cancelar-multiselect.svg") !important;width:14px !important;height:14px !important;background-position:unset !important}.t-multiselect .select2-choices{overflow:auto !important;max-height:42px;width:100% !important}.t-multiselect .select3-choices{min-width:200px;max-height:57px;width:100% !important;word-wrap:break-word;text-overflow:ellipsis}@media(min-width: 768px){.t-multiselect .select3-choices{max-height:60px}}@media(min-width: 640px){.t-multiselect .select3-choices{max-height:60px}}.t-field-section{margin-top:24px}.t-field-selection{width:100%}.t-tabs{display:flex;list-style:none;margin:0em;padding:0em;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}@media(min-width: 768px){.t-tabs{padding:.75em 1em .75em 0em;margin:0em 1em 0em 0em;overflow-x:hidden}}@media(min-width: 1536px){.t-tabs{padding:.375em .375em .375em 0em;margin:0em 1em 0em 0em;overflow-x:hidden}}.t-tabs .t-tabs__list{display:flex;list-style:none;padding:0em;margin:0em}.t-tabs .t-tabs__list .t-tabs__item{display:inline-flex;white-space:nowrap;padding:0em;margin:0em;text-align:center}.t-tabs .t-tabs__list .t-tabs__item.active{font-weight:700;text-decoration:none}.t-tabs .t-tabs__list .t-tabs__item.active .t-tabs__link{display:flex;align-items:center;color:#2e33b7}.t-tabs .t-tabs__list .t-tabs__item.active .t-tabs__link .t-tabs__numeration{display:flex;justify-content:center;align-items:center;margin-right:8px;width:24px;height:24px;border-radius:100%;background-color:#2e33b7;color:#fff}.t-tabs .t-tabs__list .t-tabs__item a{text-decoration:none}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{font-size:14px;height:auto;color:#52647a;padding:.875em;display:flex;align-items:center}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.875em .875em .875em 0em}@media(min-width: 768px){.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{padding:.25em 1em .25em 1em}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.25em 1em .25em 0em}}@media(min-width: 1536px){.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{padding:.375em 1em .375em 1em}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.375em 1em .375em 0em}}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link .t-tabs__numeration{display:flex;justify-content:center;align-items:center;margin-right:8px;width:24px;height:24px;border-radius:100%;background-color:#d6dee6;color:#5f738c}.t-tabs::-webkit-scrollbar{display:none}.t-tabs-secondary .t-tabs__list{display:flex;list-style:none;text-align:center;padding:0em;margin-left:0em;overflow-x:scroll}.t-tabs-secondary .t-tabs__list::-webkit-scrollbar{display:none}.t-tabs-secondary .t-tabs__list .t-tabs__item{padding:8px;font-weight:500;white-space:nowrap;font-size:14px;cursor:pointer}@media(min-width: 640px){.t-tabs-secondary .t-tabs__list .t-tabs__item{font-size:14px}}.t-tabs-secondary .t-tabs__list .t-tabs__item .text-primary{color:#252a31}.t-tabs-secondary .t-tabs__list .t-tabs__item .text-secondary{color:#5f738c}.t-tabs-secondary .t-tabs__list .t-tabs__item.active{border-bottom:2px #222c64 solid;font-weight:600}.tag-table,.tag-table-secondary,.tag-table-primary{border-collapse:initial;margin-top:16px;width:100%}.tag-table td,.tag-table-secondary td,.tag-table-primary td{background:#fff;padding:1em}.tag-table td .t-icon,.tag-table-secondary td .t-icon,.tag-table-primary td .t-icon{color:#5f738c;font-size:16px;cursor:pointer;margin-right:14px}.tag-table thead tr th:first-child,.tag-table-secondary thead tr th:first-child,.tag-table-primary thead tr th:first-child{border-radius:3px 0 0 3px}.tag-table thead tr th:last-child,.tag-table-secondary thead tr th:last-child,.tag-table-primary thead tr th:last-child{border-radius:0 3px 3px 0}.tag-table tbody,.tag-table-secondary tbody,.tag-table-primary tbody{--dt-row-selected: $colorsBaseProductLightActive;--dt-row-selected-text: var(--dt-row-selected);--dt-row-selected-link: var(--dt-row-selected)}.tag-table tbody .selected,.tag-table-secondary tbody .selected,.tag-table-primary tbody .selected{background-color:#eaeaf8}.tag-table tbody tr,.tag-table-secondary tbody tr,.tag-table-primary tbody tr{border-bottom:2.5px solid #fff}.tag-table tbody td,.tag-table-secondary tbody td,.tag-table-primary tbody td{font-family:"Inter",sans-serif;font-size:14px;padding:4px}.tag-table tbody td:first-child,.tag-table-secondary tbody td:first-child,.tag-table-primary tbody td:first-child{border-radius:3px 0 0 3px}.tag-table tbody td:last-child,.tag-table-secondary tbody td:last-child,.tag-table-primary tbody td:last-child{border-radius:0 3px 3px 0}.tag-table-primary thead tr th{font-weight:500;color:#fff;background-color:#18204e;padding:8px;line-height:normal}.tag-table-primary tbody tr:nth-child(2n+1) td{background-color:#eaeaf8}.tag-table-primary tbody tr:nth-child(2n) td{background-color:#f5f7f9}.tag-table-primary td a{color:#272b96}.tag-table-secondary{border-collapse:collapse}.tag-table-secondary thead tr th{font-weight:bold;color:#5f738c;background-color:#e8edf1;padding:8px;line-height:normal}.tag-table-secondary tbody tr{border-radius:none;border-bottom:.5px solid #e8edf1}.tag-table-secondary.centralize td{text-align:center}.tag-table-secondary.align-start td,.tag-table-secondary.align-start th{text-align:start}.grid-view{padding-top:.875em}.grid-view .summary{display:none}.grid-view .dataTables_filter{margin:10px}.grid-view .dataTables_filter input[type=search]{margin-bottom:0;margin-left:1em}.grid-view .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:2px;background:rgba(0,0,0,0)}.dt-body-nowrap{white-space:nowrap}.t-cards{display:inline-block;border-radius:6px;padding:24px;background:#fafafe;margin-bottom:16px;margin-right:16px;width:100%;min-width:300px;box-sizing:border-box}.t-cards .t-cards-content{display:flex;flex-direction:column;gap:8px}.t-cards .t-cards-content .t-cards-title{display:flex;align-items:center;color:#18204e;font-size:16px;font-family:"Inter",sans-serif;font-weight:700}.t-cards .t-cards-content .t-cards-title img{margin-right:8px}.t-cards .t-cards-content .t-cards-text{color:#465567;margin-left:32px;font-size:12px}.t-cards .t-cards-content .t-cards-text.clear-margin--left{margin-left:0}.t-cards .t-cards-content span{margin:0em .25em 0em 0em;font-size:24px}.t-cards .t-cards-content .t-cards-link{display:flex;gap:13px}.t-cards:hover{text-decoration:none}.tag-topbar{padding:12px 1.5em;box-sizing:border-box;list-style:none;width:100%;position:fixed;right:0em;z-index:2;background-color:#fff}@media(min-width: 768px){.tag-topbar{width:calc(100% - 190px)}}.tag-topbar__content{display:flex;justify-content:start;align-items:center;list-style:none;margin:0em;width:100%}.tag-topbar__content .tag-topbar__item{display:flex}.tag-topbar__content .tag-topbar__item .tag-topbar__voltar{display:none;text-decoration:none;cursor:pointer;color:#16205b;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;font-family:"Inter",sans-serif;font-size:14px;font-weight:bold;margin-right:16px}@media(min-width: 768px){.tag-topbar__content .tag-topbar__item .tag-topbar__voltar{display:block}}.tag-topbar__content .tag-topbar__item .tag-topbar__toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;margin-right:16px}@media(min-width: 768px){.tag-topbar__content .tag-topbar__item .tag-topbar__toggle{display:none}}.tag-topbar__content .tag-topbar__item .tag-topbar__toggle div{border-radius:12px;width:100%;height:4px;background-color:#272b96}.tag-topbar__content .tag-topbar__item .tag-topbar__username{display:inline-block;font-size:14px;margin-left:8px;border-top:1px solid #eaeaf8;width:90%;color:#a6b6c8}.tag-topbar__content .tag-topbar__item .tag-topbar__school_logo{object-fit:contain;width:32px;height:32px;border-radius:50%;margin-right:8px;border:2px solid #16205b;padding:.375em}.t-accordion{border:none}.t-accordion__header .t-accordion__head{border:none}.t-accordion__container-icon:hover{background-color:#fafafe !important;user-select:none}.t-accordion__icon{transition:all 200ms}.t-accordion__icon.closed{transform:rotate(90deg);transition:all 200ms}.t-accordion__body>.odd{background-color:#fafafe}.t-accordion__body>.odd>*,.t-accordion__body>.even>*{font-size:14px;background-color:#fafafe;box-shadow:none !important;padding:14px 24px}.t-accordion__body>.odd:hover>*,.t-accordion__body>.even:hover>*,.t-accordion__body>*>*{box-shadow:none !important}.t-accordeon .ui-accordion-header,.t-accordeon-quaternary .ui-accordion-header,.t-accordeon-tertiary .ui-accordion-header,.t-accordeon-secondary .ui-accordion-header,.t-accordeon-primary .ui-accordion-header{display:flex !important;align-items:center;background:#f5f7f9;cursor:pointer;padding:4px 12px !important;border-radius:0;border:none;color:#252a31}.t-accordeon .ui-accordion-header .t-title,.t-accordeon-quaternary .ui-accordion-header .t-title,.t-accordeon-tertiary .ui-accordion-header .t-title,.t-accordeon-secondary .ui-accordion-header .t-title,.t-accordeon-primary .ui-accordion-header .t-title{margin:0 8px;font-weight:500;color:#252a31}.t-accordeon .ui-accordion-header .t-accordion-input-header,.t-accordeon-quaternary .ui-accordion-header .t-accordion-input-header,.t-accordeon-tertiary .ui-accordion-header .t-accordion-input-header,.t-accordeon-secondary .ui-accordion-header .t-accordion-input-header,.t-accordeon-primary .ui-accordion-header .t-accordion-input-header{border:none;background:none;box-shadow:none;margin-bottom:0;padding:0;font-family:"Inter",sans-serif !important}.t-accordeon .ui-accordion-header.hide,.t-accordeon-quaternary .ui-accordion-header.hide,.t-accordeon-tertiary .ui-accordion-header.hide,.t-accordeon-secondary .ui-accordion-header.hide,.t-accordeon-primary .ui-accordion-header.hide{display:none !important}.t-accordeon .ui-accordion-header span,.t-accordeon-quaternary .ui-accordion-header span,.t-accordeon-tertiary .ui-accordion-header span,.t-accordeon-secondary .ui-accordion-header span,.t-accordeon-primary .ui-accordion-header span{font-weight:500}.t-accordeon .ui-accordion-content,.t-accordeon-quaternary .ui-accordion-content,.t-accordeon-tertiary .ui-accordion-content,.t-accordeon-secondary .ui-accordion-content,.t-accordeon-primary .ui-accordion-content{overflow-x:hidden !important;padding:4px 12px !important}.t-accordeon .ui-accordion-content.accordion-overflow,.t-accordeon-quaternary .ui-accordion-content.accordion-overflow,.t-accordeon-tertiary .ui-accordion-content.accordion-overflow,.t-accordeon-secondary .ui-accordion-content.accordion-overflow,.t-accordeon-primary .ui-accordion-content.accordion-overflow{overflow-x:scroll !important}.t-accordeon .ui-accordion-content.hide,.t-accordeon-quaternary .ui-accordion-content.hide,.t-accordeon-tertiary .ui-accordion-content.hide,.t-accordeon-secondary .ui-accordion-content.hide,.t-accordeon-primary .ui-accordion-content.hide{display:none !important}.t-accordeon--header{font-weight:700;border-bottom:.5px solid #bac7d5;padding:4px 12px}.t-accordeon-primary .ui-accordion-header{background:#f5f7f9}.t-accordeon-primary .ui-accordion-header:hover,.t-accordeon-primary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-primary .ui-accordion-content{background:#f5f7f9 !important}.t-accordeon-primary .icon-color{color:#5f738c}.t-accordeon-secondary .ui-accordion-header{background:#f5f7f9;color:#5f738c}.t-accordeon-secondary .ui-accordion-header .border-left{border-left:solid 1px #e5eaef}.t-accordeon-secondary .ui-accordion-header .arrow{font-size:14px}.t-accordeon-secondary .ui-accordion-header.even{background:#eaedfc}.t-accordeon-secondary .ui-accordion-content{background-color:#fff}.t-accordeon-secondary .ui-widget-content{background:none !important}.t-accordeon-secondary .icon-color{color:#5f738c;font-size:18px;margin-right:12px}.t-accordeon-secondary .t-accordeon-container-table{justify-content:space-between;display:flex;flex-direction:row}.t-accordeon-tertiary .ui-accordion-header{padding:12px 0 !important;background:#f5f7f9}.t-accordeon-tertiary .ui-accordion-header:hover,.t-accordeon-tertiary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-tertiary .ui-accordion-content{background:none !important;padding-left:0 !important;padding-right:0 !important;height:auto}.t-accordeon-quaternary .ui-accordion-header{margin-top:16px;padding-left:8px !important;padding-right:8px !important;background:#fff;border-radius:6px;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5)}.t-accordeon-quaternary .ui-accordion-header .accordion-arrow-icon{transition:transform .5s ease;margin-right:16px;font-size:14px}.t-accordeon-quaternary .ui-accordion-header .rotate{transform:rotate(-90deg);transition:transform .5s ease}.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0;font-weight:700;color:#252a31}.t-accordeon-quaternary .ui-accordion-header:hover,.t-accordeon-quaternary .ui-accordion-header--active{background-color:#f1f4f7}.t-accordeon-quaternary .ui-accordion-content{background:none !important;padding-left:8px !important;padding-right:8px !important;border-radius:6px;height:auto;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5);font-size:14px}.t-accordeon-quaternary .accordion-label{display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-accordeon-quaternary .accordion-label--title{color:#5f738c;display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-filter-bar{display:flex;flex-direction:column;column-gap:12px}@media(min-width: 768px){.t-filter-bar{flex-direction:row}}.t-filter-bar .t-filters{display:flex;margin-bottom:12px}@media(min-width: 768px){.t-filter-bar .t-filters{margin-bottom:0;display:flex}}@font-face{font-family:"icone-tag";src:url("/themes/default/fonts/IconsTag_V18.ttf")}h1{font-size:24px;font-weight:700;line-height:36px;color:#252a31;padding:.875em 0em}h2{font-size:16px}h3{color:#94a8be;font-size:16px;line-height:24px;font-weight:700;margin:12px 0px}h4{font-size:14px;font-weight:700}h5,.subheading{font-size:14px;color:#94a8be;font-weight:400}.t-menu{margin:0;padding:8px}.t-menu .t-menu-item__icon{font-size:18px}.t-menu .t-menu-item__icon:hover{color:#272b96}.t-menu-item{position:relative;display:flex;align-items:center;gap:8px;padding:.5em;border-radius:6px;cursor:pointer;background:#fafafe}.t-menu-item__icon{filter:invert(42%) sepia(30%) saturate(380%) hue-rotate(173deg) brightness(98%) contrast(88%)}.t-menu-item__link{display:flex;gap:8px;width:100%;font-size:14px;font-weight:400;color:#272b96;align-items:center}.t-menu-item__link:link,.t-menu-item__link:focus,.t-menu-item__link:hover,.t-menu-item__link--active,.t-menu-item__link:active{text-decoration:none !important}.t-menu-item__text{color:#5f738c}.t-menu-item:hover{background:#eaeaf8}.t-menu-item.active{background:#eaeaf8}.t-menu-item.active::before{content:"";position:absolute;width:4px;left:-8px;height:35px;background:#222c64;border-radius:0 4px 4px 0}.t-menu-item.active .t-menu-item__icon{filter:saturate(1);color:#272b96}.t-menu-item.active .t-menu-item__text{color:#272b96}.t-menu-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:.5em;border-radius:6px;cursor:pointer}.t-menu-group__icon{filter:invert(42%) sepia(30%) saturate(380%) hue-rotate(173deg) brightness(98%) contrast(88%)}.t-menu-group__link{display:flex;gap:8px;width:100%;font-size:14px;font-weight:400;color:#272b96;align-items:center}.t-menu-group__link:link,.t-menu-group__link:focus,.t-menu-group__link:hover,.t-menu-group__link--active,.t-menu-group__link:active{text-decoration:none !important;color:#272b96}.t-menu-group__text{color:#5f738c}.t-menu-group ul{margin:0}.t-menu-group:not(.active) .fa-chevron-down{display:none}.t-menu-group.active .fa-chevron-right{display:none}.t-menu-group.active .collapse{overflow:visible}.t-menu-group.active .t-menu-group__icon{filter:saturate(1)}.t-menu-group.active .t-menu-group__text{color:#272b96}.t-drawer{width:200px;float:left;position:fixed;height:100%;overflow-y:auto;overflow-x:hidden;top:0px;background:#fafafe;z-index:99;-ms-overflow-style:none;scrollbar-width:none}.t-drawer-header{display:flex;align-items:center;width:auto;margin-left:.875em;margin-top:24px;margin-bottom:24px}.t-drawer-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;margin-right:16px}@media(min-width: 768px){.t-drawer-toggle{display:none}}.t-drawer-toggle div{border-radius:12px;width:100%;height:4px;background-color:#272b96}.t-drawer--mobile-hidden{left:-200px;transition:left 500ms}.t-drawer::-webkit-scrollbar{display:none}@media(min-width: 768px){.t-drawer--mobile-hidden{left:0}}.sidebar-cover{display:block;background-color:rgba(0,0,0,.3843137255);width:100%;height:100%;position:fixed;top:0;right:0;z-index:3}.t-modal-container{color:#252a31;box-sizing:border-box;height:auto;max-height:80vh;background:#fff;border-radius:3px;overflow-y:scroll}.t-modal-container.larger{min-width:70vw;right:15vw;left:15vw;margin:auto}.t-modal-container .t-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px}.t-modal-container .t-modal__header .t-title{font-size:16px;color:#252a31;font-weight:700;margin:0}.t-modal-container .t-modal__header .close{opacity:1;font-size:14px}.t-modal-container .t-modal__body{padding:14px 24px}.t-modal-container .t-modal__footer a,.t-modal-container .t-modal__footer button{flex:1;padding:.875em}.t-modal-container.height--is-four-fifths{height:80vh}.t-modal-container.height--is-three-fifths{height:60vh}.t-badge,.t-badge-content,.t-badge-warning,.t-badge-success,.t-badge-critical,.t-badge-info{display:flex;gap:2px;align-items:center;border-radius:6px;padding:0 4px 0 4px;margin:8px 8px;background-color:#eff2f5}.t-badge__icon{color:#52647a;font-size:12px;margin-right:6px}.t-badge__label{color:#52647a;font-weight:500}.t-badge:link,.t-badge-content:link,.t-badge-warning:link,.t-badge-success:link,.t-badge-critical:link,.t-badge-info:link,.t-badge:focus,.t-badge-content:focus,.t-badge-warning:focus,.t-badge-success:focus,.t-badge-critical:focus,.t-badge-info:focus,.t-badge:hover,.t-badge-content:hover,.t-badge-warning:hover,.t-badge-success:hover,.t-badge-critical:hover,.t-badge-info:hover,.t-badge--active,.t-badge:active,.t-badge-content:active,.t-badge-warning:active,.t-badge-success:active,.t-badge-critical:active,.t-badge-info:active{text-decoration:none !important}.t-badge-info{width:fit-content;border:.1rem solid #94a8be;font-weight:500;background-color:#b4dbf8;color:#004680;padding:0 6px}.t-badge-info__icon{color:#004680;font-size:14px}.t-badge-critical{border:.1rem solid #d21c1c;background-color:#d21c1c;color:#fff}.t-badge-success{background-color:#ebf4ec;color:#2b7336}.t-badge-warning{background-color:#fdf0e3;color:#a25100}.t-badge-content{background-color:#eaeaf8;color:#3f45ea;border-radius:4px;border:none;padding:.375em .5em .375em .5em;gap:4px}.reports{display:flex;flex-wrap:wrap}.t-reports_icons{font-size:28px;color:#3f45ea}.t-icon-trash::before{content:"A";font-family:"icone-tag",sans-serif}.t-icon-less_stock::before{content:"a";font-family:"icone-tag",sans-serif}.t-icon-bar_graph::before{content:"B";font-family:"icone-tag",sans-serif}.t-icon-more_stock::before{content:"b";font-family:"icone-tag",sans-serif}.t-icon-people::before{content:"C";font-family:"icone-tag",sans-serif}.t-icon-person_add::before{content:"c";font-family:"icone-tag",sans-serif}.t-icon-bus::before{content:"D";font-family:"icone-tag",sans-serif}.t-icon-person_remove::before{content:"d";font-family:"icone-tag",sans-serif}.t-icon-apple::before{content:"E";font-family:"icone-tag",sans-serif}.t-icon-down_arrow::before{content:"e";font-family:"icone-tag",sans-serif}.t-icon-pencil::before{content:"F";font-family:"icone-tag",sans-serif}.t-icon-hamburger_button::before{content:"f";font-family:"icone-tag",sans-serif}.t-icon-column_graphi::before{content:"G";font-family:"icone-tag",sans-serif}.t-icon-close::before{content:"g";font-family:"icone-tag",sans-serif}.t-icon-calendar::before{content:"H";font-family:"icone-tag",sans-serif}.t-icon-search_icon::before{content:"h";font-family:"icone-tag",sans-serif}.t-icon-settings::before{content:"I";font-family:"icone-tag",sans-serif}.t-icon-filter::before{content:"i";font-family:"icone-tag",sans-serif}.t-icon-educacenso::before{content:"J";font-family:"icone-tag",sans-serif}.t-icon-right_arrow::before{content:"j";font-family:"icone-tag",sans-serif}.t-icon-help::before{content:"K";font-family:"icone-tag",sans-serif}.t-icon-left_arrow::before{content:"k";font-family:"icone-tag",sans-serif}.t-icon-home::before{content:"L";font-family:"icone-tag",sans-serif}.t-icon-truck-loading::before{content:"l";font-family:"icone-tag",sans-serif}.t-icon-book::before{content:"M";font-family:"icone-tag",sans-serif}.t-icon-up_arrow::before{content:"m";font-family:"icone-tag",sans-serif}.t-icon-exit::before{content:"N";font-family:"icone-tag",sans-serif}.t-icon-slider::before{content:"n";font-family:"icone-tag",sans-serif}.t-icon-blackboard::before{content:"O";font-family:"icone-tag",sans-serif}.t-icon-bin::before{content:"o";font-family:"icone-tag",sans-serif}.t-icon-finger_print::before{content:"P";font-family:"icone-tag",sans-serif}.t-icon-success::before{content:"p";font-family:"icone-tag",sans-serif}.t-icon-school::before{content:"Q";font-family:"icone-tag",sans-serif}.t-icon-info::before{content:"q";font-family:"icone-tag",sans-serif}.t-icon-line_graph::before{content:"R";font-family:"icone-tag",sans-serif}.t-icon-eye::before{content:"r";font-family:"icone-tag",sans-serif}.t-icon-schedule::before{content:"S";font-family:"icone-tag",sans-serif}.t-icon-eye_hash::before{content:"s";font-family:"icone-tag",sans-serif}.t-icon-diary::before{content:"T";font-family:"icone-tag",sans-serif}.t-icon-lock::before{content:"t";font-family:"icone-tag",sans-serif}.t-icon-topics::before{content:"U";font-family:"icone-tag",sans-serif}.t-icon-duplicate::before{content:"u";font-family:"icone-tag",sans-serif}.t-icon-checklist::before{content:"V";font-family:"icone-tag",sans-serif}.t-icon-photos::before{content:"v";font-family:"icone-tag",sans-serif}.t-icon-edition::before{content:"W";font-family:"icone-tag",sans-serif}.t-icon-camera::before{content:"w";font-family:"icone-tag",sans-serif}.t-icon-configuration-adm::before{content:"X";font-family:"icone-tag",sans-serif}.t-icon-export::before{content:"x";font-family:"icone-tag",sans-serif}.t-icon-sagres::before{content:"Y";font-family:"icone-tag",sans-serif}.t-icon-printer::before{content:"y";font-family:"icone-tag",sans-serif}.t-icon-restaurant::before{content:"Z";font-family:"icone-tag",sans-serif}.t-icon-play::before{content:"z";font-family:"icone-tag",sans-serif}.t-icon-to-go-back::before{content:"0";font-family:"icone-tag",sans-serif}.t-icon-annotation::before{content:"1";font-family:"icone-tag",sans-serif}.t-icon-group-people::before{content:"2";font-family:"icone-tag",sans-serif}.t-icon-submit-form::before{content:"3";font-family:"icone-tag",sans-serif}.t-icon-person::before{content:"4";font-family:"icone-tag",sans-serif}.t-icon-slip::before{content:"5";font-family:"icone-tag",sans-serif}.t-icon-box::before{content:"6";font-family:"icone-tag",sans-serif}.t-icon-question-group::before{content:"7";font-family:"icone-tag",sans-serif}.t-icon-list-form::before{content:"8";font-family:"icone-tag",sans-serif}.t-icon-balloon-question::before{content:"9";font-family:"icone-tag",sans-serif}.t-icon-sucess::before{content:"/";font-family:"icone-tag",sans-serif}.t-icon-graduation-cap::before{content:"!";font-family:"icone-tag",sans-serif}.t-icon-bus2::before{content:'"';font-family:"icone-tag",sans-serif}.t-icon-copy::before{content:"#";font-family:"icone-tag",sans-serif}.t-icon-sp::before{content:".";font-family:"icone-tag",sans-serif}.t-icon-integration::before{content:"`";font-family:"icone-tag",sans-serif}.t-icon-add-group::before{content:"-";font-family:"icone-tag",sans-serif}.t-icon-room-service::before{content:"&";font-family:"icone-tag",sans-serif}.t-icon-circle-three-quarters::before{content:"[";font-family:"icone-tag",sans-serif}.t-icon-cart-arrow-down::before{content:"]";font-family:"icone-tag",sans-serif}.t-icon-Generate-RA::before{content:":";font-family:"icone-tag",sans-serif}.t-icon-graduation-cap::before{content:";";font-family:"icone-tag",sans-serif}.t-icon-handshake::before{content:"<";font-family:"icone-tag",sans-serif}.t-icon-weather-report::before{content:">";font-family:"icone-tag",sans-serif}.t-icon-percentage::before{content:"=";font-family:"icone-tag",sans-serif}.t-icon-identity::before{content:"?";font-family:"icone-tag",sans-serif}.t-icon-e-learning::before{content:"@";font-family:"icone-tag",sans-serif}.t-icon-arrow-az::before{content:"*";font-family:"icone-tag",sans-serif}.t-icon-wheelchair::before{content:"+";font-family:"icone-tag",sans-serif}.t-icon-teachers-students::before{content:"(";font-family:"icone-tag",sans-serif}.t-icon-bullseye-arrow::before{content:")";font-family:"icone-tag",sans-serif}.t-icon-backpack::before{content:",";font-family:"icone-tag",sans-serif}.t-icon-heart::before{content:"'";font-family:"icone-tag",sans-serif}.t-icon-update::before{content:"$";font-family:"icone-tag",sans-serif}.t-icon-no-teacher::before{content:"%";font-family:"icone-tag",sans-serif}.t-student-monitoring::before{content:"~";font-family:"icone-tag",sans-serif}.t-parents-children::before{content:"^";font-family:"icone-tag",sans-serif}.t-monitoring_report::before{content:"{";font-family:"icone-tag",sans-serif}.t-info_positive::before{content:"}";font-family:"icone-tag",sans-serif}.t-medical::before{content:"É";font-family:"icone-tag",sans-serif}.t-hospital-user::before{content:"·";font-family:"icone-tag",sans-serif}.t-doctor::before{content:"_";font-family:"icone-tag",sans-serif}.t-classdiary::before{content:"Ú";font-family:"icone-tag",sans-serif}.t-school-transfer::before{content:"ó";font-family:"icone-tag",sans-serif}.t-class-transfer::before{content:"Í";font-family:"icone-tag",sans-serif}.t-transfer-all-school::before{content:"Ê";font-family:"icone-tag",sans-serif}.t-stage-teachers::before{content:"ñ";font-family:"icone-tag",sans-serif}.t-school-teacher::before{content:"í";font-family:"icone-tag",sans-serif}.t-class-diary::before{content:"Ú";font-family:"icone-tag",sans-serif}.t-icon-start::before{content:"ô";font-family:"icone-tag",sans-serif}.t-icon-class-stage::before{content:"Õ";font-family:"icone-tag",sans-serif}.t-statistic-data::before{content:"é";font-family:"icone-tag",sans-serif}.t-report_card::before{content:"ê";font-family:"icone-tag",sans-serif}.t-group-bag::before{content:"Á";font-family:"icone-tag",sans-serif}.t-scholarship-schools::before{content:"Â";font-family:"icone-tag",sans-serif}.t-amount-class::before{content:"â";font-family:"icone-tag",sans-serif}.t-amount-school::before{content:"á";font-family:"icone-tag",sans-serif}.t-id-card-clip::before{content:"ã";font-family:"icone-tag",sans-serif}.t-student-registration::before{content:"Ã";font-family:"icone-tag",sans-serif}.t-icon-plus::before{content:"Ç";font-family:"icone-tag",sans-serif}.reports{display:flex;flex-wrap:wrap}.t-reports_icons{font-size:28px;color:#3f45ea}.t-sortable{list-style-type:none}.t-sortable>*{background:#fafafe !important;border:1px solid #bac7d5 !important;margin:4px;border-radius:3px;color:#252a31 !important;display:flex;padding:12px 16px;align-items:center;gap:12px}.t-sortable .t-icon-slip{color:#272b96}.t-separator,.t-separator-primary{width:100%;border-top:.5px solid #e8edf1;margin:6px 0px}.t-separator-primary{border-top:.5px solid #bac7d5}.t-accordeon .ui-accordion-header,.t-accordeon-primary .ui-accordion-header,.t-accordeon-secondary .ui-accordion-header,.t-accordeon-tertiary .ui-accordion-header,.t-accordeon-quaternary .ui-accordion-header{display:flex !important;align-items:center;background:#f5f7f9;cursor:pointer;padding:4px 12px !important;border-radius:0;border:none;color:#252a31}.t-accordeon .ui-accordion-header .t-title,.t-accordeon-primary .ui-accordion-header .t-title,.t-accordeon-secondary .ui-accordion-header .t-title,.t-accordeon-tertiary .ui-accordion-header .t-title,.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0 8px;font-weight:500;color:#252a31}.t-accordeon .ui-accordion-header .t-accordion-input-header,.t-accordeon-primary .ui-accordion-header .t-accordion-input-header,.t-accordeon-secondary .ui-accordion-header .t-accordion-input-header,.t-accordeon-tertiary .ui-accordion-header .t-accordion-input-header,.t-accordeon-quaternary .ui-accordion-header .t-accordion-input-header{border:none;background:none;box-shadow:none;margin-bottom:0;padding:0;font-family:"Inter",sans-serif !important}.t-accordeon .ui-accordion-header.hide,.t-accordeon-primary .ui-accordion-header.hide,.t-accordeon-secondary .ui-accordion-header.hide,.t-accordeon-tertiary .ui-accordion-header.hide,.t-accordeon-quaternary .ui-accordion-header.hide{display:none !important}.t-accordeon .ui-accordion-header span,.t-accordeon-primary .ui-accordion-header span,.t-accordeon-secondary .ui-accordion-header span,.t-accordeon-tertiary .ui-accordion-header span,.t-accordeon-quaternary .ui-accordion-header span{font-weight:500}.t-accordeon .ui-accordion-content,.t-accordeon-primary .ui-accordion-content,.t-accordeon-secondary .ui-accordion-content,.t-accordeon-tertiary .ui-accordion-content,.t-accordeon-quaternary .ui-accordion-content{overflow-x:hidden !important;padding:4px 12px !important}.t-accordeon .ui-accordion-content.accordion-overflow,.t-accordeon-primary .ui-accordion-content.accordion-overflow,.t-accordeon-secondary .ui-accordion-content.accordion-overflow,.t-accordeon-tertiary .ui-accordion-content.accordion-overflow,.t-accordeon-quaternary .ui-accordion-content.accordion-overflow{overflow-x:scroll !important}.t-accordeon .ui-accordion-content.hide,.t-accordeon-primary .ui-accordion-content.hide,.t-accordeon-secondary .ui-accordion-content.hide,.t-accordeon-tertiary .ui-accordion-content.hide,.t-accordeon-quaternary .ui-accordion-content.hide{display:none !important}.t-accordeon--header{font-weight:700;border-bottom:.5px solid #bac7d5;padding:4px 12px}.t-accordeon-primary .ui-accordion-header{background:#f5f7f9}.t-accordeon-primary .ui-accordion-header:hover,.t-accordeon-primary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-primary .ui-accordion-content{background:#f5f7f9 !important}.t-accordeon-primary .icon-color{color:#5f738c}.t-accordeon-secondary .ui-accordion-header{background:#f5f7f9;color:#5f738c}.t-accordeon-secondary .ui-accordion-header .border-left{border-left:solid 1px #e5eaef}.t-accordeon-secondary .ui-accordion-header .arrow{font-size:14px}.t-accordeon-secondary .ui-accordion-header.even{background:#eaedfc}.t-accordeon-secondary .ui-accordion-content{background-color:#fff}.t-accordeon-secondary .ui-widget-content{background:none !important}.t-accordeon-secondary .icon-color{color:#5f738c;font-size:18px;margin-right:12px}.t-accordeon-secondary .t-accordeon-container-table{justify-content:space-between;display:flex;flex-direction:row}.t-accordeon-tertiary .ui-accordion-header{padding:12px 0 !important;background:#f5f7f9}.t-accordeon-tertiary .ui-accordion-header:hover,.t-accordeon-tertiary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-tertiary .ui-accordion-content{background:none !important;padding-left:0 !important;padding-right:0 !important;height:auto}.t-accordeon-quaternary .ui-accordion-header{margin-top:16px;padding-left:8px !important;padding-right:8px !important;background:#fff;border-radius:6px;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5)}.t-accordeon-quaternary .ui-accordion-header .accordion-arrow-icon{transition:transform .5s ease;margin-right:16px;font-size:14px}.t-accordeon-quaternary .ui-accordion-header .rotate{transform:rotate(-90deg);transition:transform .5s ease}.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0;font-weight:700;color:#252a31}.t-accordeon-quaternary .ui-accordion-header:hover,.t-accordeon-quaternary .ui-accordion-header--active{background-color:#f1f4f7}.t-accordeon-quaternary .ui-accordion-content{background:none !important;padding-left:8px !important;padding-right:8px !important;border-radius:6px;height:auto;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5);font-size:14px}.t-accordeon-quaternary .accordion-label{display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-accordeon-quaternary .accordion-label--title{color:#5f738c;display:flex;align-items:center;margin-right:8px;margin-bottom:0}.login-form{flex-direction:column;margin-top:3.25em;margin-bottom:3.25em}.login-form .form-signin{position:relative;width:334px;margin-top:3.25em;margin-bottom:0em}.login-form .login-footer{margin-top:3.25em;margin-bottom:0em;flex-direction:column;justify-content:center;display:flex;text-align:center}.login-form .login-footer .login-link{word-wrap:break-word;white-space:nowrap}.login-form .login-footer .login-link a{color:#000;text-decoration:none;font-weight:bold}.login-form .login-footer .login-link a:active{color:#4d2897;text-decoration:underline}.login-form .login-footer .login-link a:hover{color:#4d2897;text-decoration:underline}.login-form .login-versao{margin-top:3.25em;padding-top:3.25em}.t-tag,.t-tag-secundary,.t-tag-primary{display:flex;align-items:center;justify-content:center;font-size:14px;padding:4px 8px;border-radius:6px;width:fit-content;margin:0 4px}.t-tag-primary{color:#16205b;background-color:#eaeaf8}.t-tag-secundary{color:#004680;background-color:#b4dbf8}.t-expansive-panel{height:0}.t-expansive-panel.expanded{height:auto;padding:20px 0}.t-list-content,.t-list-primary{display:flex;background-color:#fafafe;margin-top:6px;margin-bottom:6px;padding:6px;border-radius:3px}.t-list-primary{background-color:#f5f7f9}.align-items--center{display:flex;align-items:center}.align-items--start{display:flex;align-items:start}.align-items--stretch{display:flex;align-items:stretch}.align-items--baseline{display:flex;align-items:baseline}.align-items--end{display:flex;align-items:end}@media(min-width: 768px){.align-items--center-on-desktop{display:flex;align-items:center}}.justify-content--center{display:flex;justify-content:center}.justify-content--start{display:flex;justify-content:start}.justify-content--end{display:flex;justify-content:end}.justify-content--space-between{display:flex;justify-content:space-between}.justify-content--end{display:flex;justify-content:end}.align-self--center{align-self:center}.align-self--start{align-self:start}.align-self--baseline{align-self:baseline}.align-self--end{align-self:end}.cursor-pointer{cursor:pointer}.text-color--red{color:#d21c1c}.text-color--green{color:#28a138}.text-color--white{color:#f5f7f9}.text-color--ink{color:#5f738c}.text-bold{font-weight:700}.flex-direction--row{flex-direction:row}.flex-direction--column{flex-direction:column}.flex-direction--row-reverse{flex-direction:row-reverse}.flex-direction--column-reverse{flex-direction:column-reverse}.text-align--center{text-align:center}.text-align--left{text-align:left}.text-align--right{text-align:right}.text-align--justify{text-align:justify}.t-padding-small--left{padding-left:12px}.t-padding-small--right{padding-right:12px}.t-padding-small--top{padding-top:12px}.t-padding-small--bottom{padding-bottom:12px}.t-padding-small--all{padding:12px}.t-padding-small--x{padding-right:12px;padding-left:12px}.t-padding-small--y{padding-top:12px;padding-bottom:12px}.t-margin-small--left{margin-left:12px}.t-margin-small--right{margin-right:12px}.t-margin-small--top{margin-top:12px}.t-margin-small--bottom{margin-bottom:12px}.t-margin-small--all{margin:12px}.t-margin-small--x{margin-right:12px;margin-left:12px}.t-margin-small--y{margin-top:12px;margin-bottom:12px}.t-padding-medium--left{padding-left:16px}.t-padding-medium--right{padding-right:16px}.t-padding-medium--top{padding-top:16px}.t-padding-medium--bottom{padding-bottom:16px}.t-padding-medium--all{padding:16px}.t-padding-medium--x{padding-right:16px;padding-left:16px}.t-padding-medium--y{padding-top:16px;padding-bottom:16px}.t-margin-medium--left{margin-left:16px}.t-margin-medium--right{margin-right:16px}.t-margin-medium--top{margin-top:16px}.t-margin-medium--bottom{margin-bottom:16px}.t-margin-medium--all{margin:16px}.t-margin-medium--x{margin-right:16px;margin-left:16px}.t-margin-medium--y{margin-top:16px;margin-bottom:16px}.t-padding-large--left{padding-left:24px}.t-padding-large--right{padding-right:24px}.t-padding-large--top{padding-top:24px}.t-padding-large--bottom{padding-bottom:24px}.t-padding-large--all{padding:24px}.t-padding-large--x{padding-right:24px;padding-left:24px}.t-padding-large--y{padding-top:24px;padding-bottom:24px}.t-margin-large--left{margin-left:24px}.t-margin-large--right{margin-right:24px}.t-margin-large--top{margin-top:24px}.t-margin-large--bottom{margin-bottom:24px}.t-margin-large--all{margin:24px}.t-margin-large--x{margin-right:24px;margin-left:24px}.t-margin-large--y{margin-top:24px;margin-bottom:24px}.t-padding-none--left{padding-left:0}.t-padding-none--right{padding-right:0}.t-padding-none--top{padding-top:0}.t-padding-none--bottom{padding-bottom:0}.t-padding-none--all{padding:0}.t-padding-none--x{padding-right:0;padding-left:0}.t-padding-none--y{padding-top:0;padding-bottom:0}.t-margin-none--left{margin-left:0}.t-margin-none--right{margin-right:0}.t-margin-none--top{margin-top:0}.t-margin-none--bottom{margin-bottom:0}.t-margin-none--all{margin:0}.t-margin-none--x{margin-right:0;margin-left:0}.t-margin-none--y{margin-top:0;margin-bottom:0}.hide{display:none}.show{display:block}.show--mobile{display:flex}@media(min-width: 640px){.show--mobile{display:none}}.show--tablet{display:flex}@media(min-width: 768px){.show--tablet{display:none}}.show--tabletDesktop{display:none}@media(min-width: 640px){.show--tabletDesktop{display:flex}}.show--desktop{display:none}@media(min-width: 768px){.show--desktop{display:flex}}.full{width:100%;height:100%}.full--width{width:100%}.full--height{height:100%}.border-none{border:none;outline:none}.sticky{position:-webkit-sticky;position:sticky !important;top:0;padding:5px;background-color:#fff;z-index:1}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";*,body,html{font-family:"inter",sans-serif}.main{padding:.75em}@media(min-width: 640px){.main{padding:1.5em}}a{color:inherit}a:hover{text-decoration:none}hr{margin:0;border:none}select[multiple]{height:30px}input[type=number]{margin:0px}select,select[multiple],textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{min-height:30px}.wrap{flex-wrap:wrap}.row{display:flex;flex-direction:column;gap:.75em}.row.reverse{flex-direction:column-reverse}@media(min-width: 640px){.row.reverse{flex-direction:row}}.row.no-gap{gap:0}@media(min-width: 640px){.row{flex-direction:row}}.row.margin-large--bottom{margin-bottom:calc(2em/2)}.row.margin-large--top{margin-top:.875em}.row.no-gap{gap:0}.mobile-row{display:flex;flex-direction:row}.mobile-row.upper-margin{margin-top:24px}.mobile-row.helper{padding-left:13px}.tablet-row{display:flex;flex-direction:column}.tablet-row.bottom-margin{margin-bottom:24px}@media(min-width: 768px){.tablet-row{flex-direction:row}}.column{flex:1;flex-basis:0;margin-left:calc(2em/2);margin-right:calc(2em/2)}.column.flex{display:flex}.column.clearfix{margin-left:0;margin-right:0}.column.clearleft{margin-left:0}.column.clearleft--on-tablet{margin-left:0}@media(min-width: 768px){.column.clearleft--on-tablet{margin-left:calc(2em/2)}}.column.clearleft--on-mobile{margin-left:0}@media(min-width: 640px){.column.clearleft--on-mobile{margin-left:calc(2em/2)}}.column.no-grow{flex-grow:0}.column.helper{max-width:50%}@media(min-width: 640px){.column.is-half{max-width:50%}}@media(min-width: 640px){.column.is-four-fifths{max-width:80%}}.column.is-four-fifths--mobile{max-width:80%}@media(min-width: 640px){.column.is-three-quarters{max-width:75%}}@media(min-width: 640px){.column.is-two-thirds{max-width:66.6666%}}@media(min-width: 640px){.column.is-three-fifths{max-width:60%}}@media(min-width: 640px){.column.is-two-fifths{max-width:40%}}@media(min-width: 640px){.column.is-one-third{max-width:33.3333%}}@media(min-width: 640px){.column.is-third{max-width:30%}}@media(min-width: 640px){.column.is-one-quarter{max-width:25%}}@media(min-width: 640px){.column.is-one-fifth{max-width:20%}}@media(min-width: 640px){.column.is-one-tenth{max-width:10%}}.column.is-one-tenth--mobile{max-width:10%}.t-buttons-container{display:inline-block;width:100%}.t-buttons-container.auto-width{width:auto}@media(min-width: 768px){.t-buttons-container{padding:.25em 0 .25em 0;font-size:14px;display:flex}}.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{display:flex;flex:1;padding:.875em;margin:.5em 0;font-size:12px;border-radius:6px;text-decoration:none;align-self:center;justify-content:center;cursor:pointer}.t-button span,.t-button-icon span,.t-button-danger span,.t-button-quaternary span,.t-button-tertiary span,.t-button-secondary span,.t-button-primary span,.t-button-submit span{margin:0em .25em 0em 0em;font-size:14px}.t-button.mobile-margin,.mobile-margin.t-button-icon,.mobile-margin.t-button-danger,.mobile-margin.t-button-quaternary,.mobile-margin.t-button-tertiary,.mobile-margin.t-button-secondary,.mobile-margin.t-button-primary,.mobile-margin.t-button-submit{margin-right:1em}.t-button.mobile-margin-top,.mobile-margin-top.t-button-icon,.mobile-margin-top.t-button-danger,.mobile-margin-top.t-button-quaternary,.mobile-margin-top.t-button-tertiary,.mobile-margin-top.t-button-secondary,.mobile-margin-top.t-button-primary,.mobile-margin-top.t-button-submit{margin-top:1em !important}.t-button.nofloat,.nofloat.t-button-icon,.nofloat.t-button-danger,.nofloat.t-button-quaternary,.nofloat.t-button-tertiary,.nofloat.t-button-secondary,.nofloat.t-button-primary,.nofloat.t-button-submit{float:unset !important}.t-button:hover,.t-button-icon:hover,.t-button-danger:hover,.t-button-quaternary:hover,.t-button-tertiary:hover,.t-button-secondary:hover,.t-button-primary:hover,.t-button-submit:hover,.t-button--active{text-decoration:none}@media(min-width: 640px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{flex:0 auto;margin-right:1em;padding:.25em 1em .25em 1em;font-size:14px}}@media(min-width: 768px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{flex:0 auto;margin-right:1em;padding:.25em 1em .25em 1em;font-size:14px}}@media(min-width: 1536px){.t-button,.t-button-icon,.t-button-danger,.t-button-quaternary,.t-button-tertiary,.t-button-secondary,.t-button-primary,.t-button-submit{margin-right:1em;padding:.375em 1em .375em 1em}}.t-button:link,.t-button-icon:link,.t-button-danger:link,.t-button-quaternary:link,.t-button-tertiary:link,.t-button-secondary:link,.t-button-primary:link,.t-button-submit:link,.t-button:focus,.t-button-icon:focus,.t-button-danger:focus,.t-button-quaternary:focus,.t-button-tertiary:focus,.t-button-secondary:focus,.t-button-primary:focus,.t-button-submit:focus,.t-button:hover,.t-button-icon:hover,.t-button-danger:hover,.t-button-quaternary:hover,.t-button-tertiary:hover,.t-button-secondary:hover,.t-button-primary:hover,.t-button-submit:hover,.t-button--active,.t-button:active,.t-button-icon:active,.t-button-danger:active,.t-button-quaternary:active,.t-button-tertiary:active,.t-button-secondary:active,.t-button-primary:active,.t-button-submit:active{text-decoration:none !important}.t-button img,.t-button-icon img,.t-button-danger img,.t-button-quaternary img,.t-button-tertiary img,.t-button-secondary img,.t-button-primary img,.t-button-submit img{margin-right:6px}.t-button i,.t-button-icon i,.t-button-danger i,.t-button-quaternary i,.t-button-tertiary i,.t-button-secondary i,.t-button-primary i,.t-button-submit i{align-self:center;margin-right:6px;opacity:.5}.t-button-primary,.t-button-submit{background-color:#3f45ea;color:#fff;cursor:pointer;align-self:center}.t-button-primary--icon{flex:0;padding:.75em 2em}.t-button-primary:hover,.t-button-submit:hover,.t-button-primary--active{color:#fff;background-color:#272b96}.t-button-primary:link,.t-button-submit:link,.t-button-primary:focus,.t-button-submit:focus,.t-button-primary:hover,.t-button-submit:hover,.t-button-primary--active,.t-button-primary:active,.t-button-submit:active{color:#fff}.t-button-secondary{background-color:#eff2f5;color:#252a31;border:0}.t-button-secondary:hover,.t-button-secondary--active,.t-button-secondary:focus{color:#252a31;background-color:#e5eaef}.t-button-tertiary{background-color:#94a8be;color:#fff}.t-button-tertiary:focus{color:#fff}.t-button-tertiary:hover,.t-button-tertiary--active{color:#fff;background-color:#5f738c}.t-button-quaternary{background-color:#d6dee6;color:#252a31;border:0;cursor:auto}.t-button-submit{margin:14px 0}.t-button-danger{color:#fff;background-color:#d21c1c;border:0}.t-button-danger--disabled{background-color:#eff2f5;color:#94a8be;cursor:not-allowed !important}.t-button-danger:hover{color:#fff}.t-button-danger--disabled:hover{color:#94a8be}.t-button-icon.secondary{padding:.375em 1.5em .375em 1.5em;background-color:#3f45ea;color:#fff;cursor:pointer;align-self:center;font-size:16px !important}.t-button-icon.secondary:hover,.t-button-icon.secondary--active{color:#fff;background-color:#272b96}.t-button-icon.secondary:link,.t-button-icon.secondary:focus,.t-button-icon.secondary:hover,.t-button-icon.secondary--active,.t-button-icon.secondary:active{color:#fff}.t-button-icon.secondary span{font-size:16px !important}.t-button-icon-danger{cursor:pointer;color:#d21c1c !important;margin-top:14px}.t-link-button{color:#252a31 !important}.t-link-button--warning{color:#d21c1c !important;margin-top:24px}.t-link-button--info{color:#272b96 !important}.t-button-content{background-color:rgba(0,0,0,0);border:none}.t-field-file__label{width:fit-content}.t-field-file__input{display:none}.t-field-text{margin-bottom:14px}.t-field-text__label{display:flex;align-items:center}.t-field-text__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-text__input,.t-field-text input[type=text],.t-field-text input[type=number],.t-field-text input[type=email],.t-field-text input[type=tel]{box-sizing:border-box;width:100% !important;margin-bottom:0px !important;resize:none}.t-field-text__input,.t-field-text input[type=password]{box-sizing:border-box;width:100%;margin-bottom:0px;resize:none}.t-field-text .show-password-icon{cursor:pointer;position:absolute;right:0;padding:5px}.t-field-select,.t-multiselect{width:100%;margin-bottom:14px}.t-field-select__label--required::after{content:" *";font-weight:500;font-size:14px;color:#d21c1c}.t-field-select__input{width:100% !important}.t-field-select__input.select2-container{width:100% !important}.t-field-select__input.select2-container .select2-choice{width:100% !important;box-sizing:border-box;word-wrap:break-word;text-overflow:ellipsis}.t-field-select__helper{max-width:50% !important}.t-field-select__helper2{max-width:65% !important}.t-field-tarea{margin-bottom:24px}.t-field-tarea__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-tarea__input,.t-field-tarea textarea{width:100%;padding:4px;box-sizing:border-box;font-family:"Inter",sans-serif}.t-field-tarea__input.large,.t-field-tarea textarea.large{height:100%;min-height:100px;max-height:100px}.t-field-checkbox{display:flex;white-space:normal;line-height:12px;width:100%;margin-top:24px;margin-bottom:8px}.t-field-checkbox__label{padding-top:0 !important}.t-field-checkbox__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-checkbox__input,.t-field-checkbox input[type=checkbox]{background:#fff;height:20px;width:20px;margin:0 14px 0 0}.t-field-checkbox.helper{margin-top:31px;margin-bottom:10px;margin-left:-18px}.t-field-checkbox--vertical{margin-right:14px}.t-field-checkbox--vertical .t-field-checkbox__label{text-align:center}.t-field-checkbox--vertical .t-field-checkbox__input{margin:0}.t-field-checkbox-group{margin-bottom:6px;margin-top:24px}.t-field-checkbox-group__label{padding-top:0 !important}.t-field-checkbox-group__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-checkbox-group .t-field-checkbox{margin-top:4px;margin-bottom:8px}.t-field-number{margin-bottom:14px}.t-field-number__label{display:flex;align-items:center}.t-field-number__label--required::after{content:"*";font-weight:500;font-size:14px;color:#d21c1c}.t-field-number__input,.t-field-number input[type=number]{width:100%;margin-bottom:0px;padding:.75em}.t-field-select,.t-multiselect{width:100%;margin-bottom:14px}.t-field-select__label--required::after{content:" *";font-weight:500;font-size:14px;color:#d21c1c}.t-field-select__input{width:100% !important}.t-field-select__input.select2-container{width:100% !important}.t-field-select__input.select2-container .select2-choice{width:100% !important;box-sizing:border-box;word-wrap:break-word;text-overflow:ellipsis}.t-field-select__helper{max-width:50% !important}.t-field-select__helper2{max-width:65% !important}.t-multiselect{margin-top:14px}.t-multiselect .select2-search-choice{background-color:#b4dbf8 !important;border:none !important;font-size:14px !important;font-weight:500 !important;color:#004680;padding:.375em .5em !important;background-image:none !important;word-wrap:break-word}.t-multiselect .select2-search-choice div{margin-left:24px}.t-multiselect .select2-search-choice .select2-search-choice-close{background-image:url("../../../themes/default/img/botao-cancelar-multiselect.svg") !important;width:14px !important;height:14px !important;background-position:unset !important}.t-multiselect .select2-choices{overflow:auto !important;max-height:42px;width:100% !important}.t-multiselect .select3-choices{min-width:200px;max-height:57px;width:100% !important;word-wrap:break-word;text-overflow:ellipsis}@media(min-width: 768px){.t-multiselect .select3-choices{max-height:60px}}@media(min-width: 640px){.t-multiselect .select3-choices{max-height:60px}}.t-field-section{margin-top:24px}.t-field-selection{width:100%}.t-tabs{display:flex;list-style:none;margin:0em;padding:0em;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}@media(min-width: 768px){.t-tabs{padding:.75em 1em .75em 0em;margin:0em 1em 0em 0em;overflow-x:hidden}}@media(min-width: 1536px){.t-tabs{padding:.375em .375em .375em 0em;margin:0em 1em 0em 0em;overflow-x:hidden}}.t-tabs .t-tabs__list{display:flex;list-style:none;padding:0em;margin:0em}.t-tabs .t-tabs__list .t-tabs__item{display:inline-flex;white-space:nowrap;padding:0em;margin:0em;text-align:center}.t-tabs .t-tabs__list .t-tabs__item.active{font-weight:700;text-decoration:none}.t-tabs .t-tabs__list .t-tabs__item.active .t-tabs__link{display:flex;align-items:center;color:#2e33b7}.t-tabs .t-tabs__list .t-tabs__item.active .t-tabs__link .t-tabs__numeration{display:flex;justify-content:center;align-items:center;margin-right:8px;width:24px;height:24px;border-radius:100%;background-color:#2e33b7;color:#fff}.t-tabs .t-tabs__list .t-tabs__item a{text-decoration:none}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{font-size:14px;height:auto;color:#52647a;padding:.875em;display:flex;align-items:center}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.875em .875em .875em 0em}@media(min-width: 768px){.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{padding:.25em 1em .25em 1em}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.25em 1em .25em 0em}}@media(min-width: 1536px){.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link{padding:.375em 1em .375em 1em}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link.first{padding:.375em 1em .375em 0em}}.t-tabs .t-tabs__list .t-tabs__item .t-tabs__link .t-tabs__numeration{display:flex;justify-content:center;align-items:center;margin-right:8px;width:24px;height:24px;border-radius:100%;background-color:#d6dee6;color:#5f738c}.t-tabs::-webkit-scrollbar{display:none}.t-tabs-secondary .t-tabs__list{display:flex;list-style:none;text-align:center;padding:0em;margin-left:0em;overflow-x:scroll}.t-tabs-secondary .t-tabs__list::-webkit-scrollbar{display:none}.t-tabs-secondary .t-tabs__list .t-tabs__item{padding:8px;font-weight:500;white-space:nowrap;font-size:14px;cursor:pointer}@media(min-width: 640px){.t-tabs-secondary .t-tabs__list .t-tabs__item{font-size:14px}}.t-tabs-secondary .t-tabs__list .t-tabs__item .text-primary{color:#252a31}.t-tabs-secondary .t-tabs__list .t-tabs__item .text-secondary{color:#5f738c}.t-tabs-secondary .t-tabs__list .t-tabs__item.active{border-bottom:2px #222c64 solid;font-weight:600}.tag-table,.tag-table-secondary,.tag-table-primary{border-collapse:initial;margin-top:16px;width:100%}.tag-table td,.tag-table-secondary td,.tag-table-primary td{background:#fff;padding:1em}.tag-table td .t-icon,.tag-table-secondary td .t-icon,.tag-table-primary td .t-icon{color:#5f738c;font-size:16px;cursor:pointer;margin-right:14px}.tag-table thead tr th:first-child,.tag-table-secondary thead tr th:first-child,.tag-table-primary thead tr th:first-child{border-radius:3px 0 0 3px}.tag-table thead tr th:last-child,.tag-table-secondary thead tr th:last-child,.tag-table-primary thead tr th:last-child{border-radius:0 3px 3px 0}.tag-table tbody,.tag-table-secondary tbody,.tag-table-primary tbody{--dt-row-selected: $colorsBaseProductLightActive;--dt-row-selected-text: var(--dt-row-selected);--dt-row-selected-link: var(--dt-row-selected)}.tag-table tbody .selected,.tag-table-secondary tbody .selected,.tag-table-primary tbody .selected{background-color:#eaeaf8}.tag-table tbody tr,.tag-table-secondary tbody tr,.tag-table-primary tbody tr{border-bottom:2.5px solid #fff}.tag-table tbody td,.tag-table-secondary tbody td,.tag-table-primary tbody td{font-family:"Inter",sans-serif;font-size:14px;padding:4px}.tag-table tbody td:first-child,.tag-table-secondary tbody td:first-child,.tag-table-primary tbody td:first-child{border-radius:3px 0 0 3px}.tag-table tbody td:last-child,.tag-table-secondary tbody td:last-child,.tag-table-primary tbody td:last-child{border-radius:0 3px 3px 0}.tag-table-primary thead tr th{font-weight:500;color:#fff;background-color:#18204e;padding:8px;line-height:normal}.tag-table-primary tbody tr:nth-child(2n+1) td{background-color:#eaeaf8}.tag-table-primary tbody tr:nth-child(2n) td{background-color:#f5f7f9}.tag-table-primary td a{color:#272b96}.tag-table-secondary{border-collapse:collapse}.tag-table-secondary thead tr th{font-weight:bold;color:#5f738c;background-color:#e8edf1;padding:8px;line-height:normal}.tag-table-secondary tbody tr{border-radius:none;border-bottom:.5px solid #e8edf1}.tag-table-secondary.centralize td{text-align:center}.tag-table-secondary.align-start td,.tag-table-secondary.align-start th{text-align:start}.grid-view{padding-top:.875em}.grid-view .summary{display:none}.grid-view .dataTables_filter{margin:10px}.grid-view .dataTables_filter input[type=search]{margin-bottom:0;margin-left:1em}.grid-view .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:2px;background:rgba(0,0,0,0)}.dt-body-nowrap{white-space:nowrap}.t-cards{display:inline-block;border-radius:6px;padding:24px;background:#fafafe;margin-bottom:16px;margin-right:16px;width:100%;min-width:300px;box-sizing:border-box}.t-cards .t-cards-content{display:flex;flex-direction:column;gap:8px}.t-cards .t-cards-content .t-cards-title{display:flex;align-items:center;color:#18204e;font-size:16px;font-family:"Inter",sans-serif;font-weight:700}.t-cards .t-cards-content .t-cards-title img{margin-right:8px}.t-cards .t-cards-content .t-cards-text{color:#465567;margin-left:32px;font-size:12px}.t-cards .t-cards-content .t-cards-text.clear-margin--left{margin-left:0}.t-cards .t-cards-content span{margin:0em .25em 0em 0em;font-size:24px}.t-cards .t-cards-content .t-cards-link{display:flex;gap:13px}.t-cards:hover{text-decoration:none}.tag-topbar{padding:12px 1.5em;box-sizing:border-box;list-style:none;width:100%;position:fixed;right:0em;z-index:2;background-color:#fff}@media(min-width: 768px){.tag-topbar{width:calc(100% - 190px)}}.tag-topbar__content{display:flex;justify-content:start;align-items:center;list-style:none;margin:0em;width:100%}.tag-topbar__content .tag-topbar__item{display:flex}.tag-topbar__content .tag-topbar__item .tag-topbar__voltar{display:none;text-decoration:none;cursor:pointer;color:#16205b;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;font-family:"Inter",sans-serif;font-size:14px;font-weight:bold;margin-right:16px}@media(min-width: 768px){.tag-topbar__content .tag-topbar__item .tag-topbar__voltar{display:block}}.tag-topbar__content .tag-topbar__item .tag-topbar__toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;margin-right:16px}@media(min-width: 768px){.tag-topbar__content .tag-topbar__item .tag-topbar__toggle{display:none}}.tag-topbar__content .tag-topbar__item .tag-topbar__toggle div{border-radius:12px;width:100%;height:4px;background-color:#272b96}.tag-topbar__content .tag-topbar__item .tag-topbar__username{display:inline-block;font-size:14px;margin-left:8px;border-top:1px solid #eaeaf8;width:90%;color:#a6b6c8}.tag-topbar__content .tag-topbar__item .tag-topbar__school_logo{object-fit:contain;width:32px;height:32px;border-radius:50%;margin-right:8px;border:2px solid #16205b;padding:.375em}.t-accordion{border:none}.t-accordion__header .t-accordion__head{border:none}.t-accordion__container-icon:hover{background-color:#fafafe !important;user-select:none}.t-accordion__icon{transition:all 200ms}.t-accordion__icon.closed{transform:rotate(90deg);transition:all 200ms}.t-accordion__body>.odd{background-color:#fafafe}.t-accordion__body>.odd>*,.t-accordion__body>.even>*{font-size:14px;background-color:#fafafe;box-shadow:none !important;padding:14px 24px}.t-accordion__body>.odd:hover>*,.t-accordion__body>.even:hover>*,.t-accordion__body>*>*{box-shadow:none !important}.t-accordeon .ui-accordion-header,.t-accordeon-quaternary .ui-accordion-header,.t-accordeon-tertiary .ui-accordion-header,.t-accordeon-secondary .ui-accordion-header,.t-accordeon-primary .ui-accordion-header{display:flex !important;align-items:center;background:#f5f7f9;cursor:pointer;padding:4px 12px !important;border-radius:0;border:none;color:#252a31}.t-accordeon .ui-accordion-header .t-title,.t-accordeon-quaternary .ui-accordion-header .t-title,.t-accordeon-tertiary .ui-accordion-header .t-title,.t-accordeon-secondary .ui-accordion-header .t-title,.t-accordeon-primary .ui-accordion-header .t-title{margin:0 8px;font-weight:500;color:#252a31}.t-accordeon .ui-accordion-header .t-accordion-input-header,.t-accordeon-quaternary .ui-accordion-header .t-accordion-input-header,.t-accordeon-tertiary .ui-accordion-header .t-accordion-input-header,.t-accordeon-secondary .ui-accordion-header .t-accordion-input-header,.t-accordeon-primary .ui-accordion-header .t-accordion-input-header{border:none;background:none;box-shadow:none;margin-bottom:0;padding:0;font-family:"Inter",sans-serif !important}.t-accordeon .ui-accordion-header.hide,.t-accordeon-quaternary .ui-accordion-header.hide,.t-accordeon-tertiary .ui-accordion-header.hide,.t-accordeon-secondary .ui-accordion-header.hide,.t-accordeon-primary .ui-accordion-header.hide{display:none !important}.t-accordeon .ui-accordion-header span,.t-accordeon-quaternary .ui-accordion-header span,.t-accordeon-tertiary .ui-accordion-header span,.t-accordeon-secondary .ui-accordion-header span,.t-accordeon-primary .ui-accordion-header span{font-weight:500}.t-accordeon .ui-accordion-content,.t-accordeon-quaternary .ui-accordion-content,.t-accordeon-tertiary .ui-accordion-content,.t-accordeon-secondary .ui-accordion-content,.t-accordeon-primary .ui-accordion-content{overflow-x:hidden !important;padding:4px 12px !important}.t-accordeon .ui-accordion-content.accordion-overflow,.t-accordeon-quaternary .ui-accordion-content.accordion-overflow,.t-accordeon-tertiary .ui-accordion-content.accordion-overflow,.t-accordeon-secondary .ui-accordion-content.accordion-overflow,.t-accordeon-primary .ui-accordion-content.accordion-overflow{overflow-x:scroll !important}.t-accordeon .ui-accordion-content.hide,.t-accordeon-quaternary .ui-accordion-content.hide,.t-accordeon-tertiary .ui-accordion-content.hide,.t-accordeon-secondary .ui-accordion-content.hide,.t-accordeon-primary .ui-accordion-content.hide{display:none !important}.t-accordeon--header{font-weight:700;border-bottom:.5px solid #bac7d5;padding:4px 12px}.t-accordeon-primary .ui-accordion-header{background:#f5f7f9}.t-accordeon-primary .ui-accordion-header:hover,.t-accordeon-primary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-primary .ui-accordion-content{background:#f5f7f9 !important}.t-accordeon-primary .icon-color{color:#5f738c}.t-accordeon-secondary .ui-accordion-header{background:#f5f7f9;color:#5f738c}.t-accordeon-secondary .ui-accordion-header .border-left{border-left:solid 1px #e5eaef}.t-accordeon-secondary .ui-accordion-header .arrow{font-size:14px}.t-accordeon-secondary .ui-accordion-header.even{background:#eaedfc}.t-accordeon-secondary .ui-accordion-content{background-color:#fff}.t-accordeon-secondary .ui-widget-content{background:none !important}.t-accordeon-secondary .icon-color{color:#5f738c;font-size:18px;margin-right:12px}.t-accordeon-secondary .t-accordeon-container-table{justify-content:space-between;display:flex;flex-direction:row}.t-accordeon-tertiary .ui-accordion-header{padding:12px 0 !important;background:#f5f7f9}.t-accordeon-tertiary .ui-accordion-header:hover,.t-accordeon-tertiary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-tertiary .ui-accordion-content{background:none !important;padding-left:0 !important;padding-right:0 !important;height:auto}.t-accordeon-quaternary .ui-accordion-header{margin-top:16px;padding-left:8px !important;padding-right:8px !important;background:#fff;border-radius:6px;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5)}.t-accordeon-quaternary .ui-accordion-header .accordion-arrow-icon{transition:transform .5s ease;margin-right:16px;font-size:14px}.t-accordeon-quaternary .ui-accordion-header .rotate{transform:rotate(-90deg);transition:transform .5s ease}.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0;font-weight:700;color:#252a31}.t-accordeon-quaternary .ui-accordion-header:hover,.t-accordeon-quaternary .ui-accordion-header--active{background-color:#f1f4f7}.t-accordeon-quaternary .ui-accordion-content{background:none !important;padding-left:8px !important;padding-right:8px !important;border-radius:6px;height:auto;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5);font-size:14px}.t-accordeon-quaternary .accordion-label{display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-accordeon-quaternary .accordion-label--title{color:#5f738c;display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-filter-bar{display:flex;flex-direction:column;column-gap:12px}@media(min-width: 768px){.t-filter-bar{flex-direction:row}}.t-filter-bar .t-filters{display:flex;margin-bottom:12px}@media(min-width: 768px){.t-filter-bar .t-filters{margin-bottom:0;display:flex}}@font-face{font-family:"icone-tag";src:url("/themes/default/fonts/IconsTag_V19.ttf")}h1{font-size:24px;font-weight:700;line-height:36px;color:#252a31;padding:.875em 0em}h2{font-size:16px}h3{color:#94a8be;font-size:16px;line-height:24px;font-weight:700;margin:12px 0px}h4{font-size:14px;font-weight:700}h5,.subheading{font-size:14px;color:#94a8be;font-weight:400}.t-menu{margin:0;padding:8px}.t-menu .t-menu-item__icon{font-size:18px}.t-menu .t-menu-item__icon:hover{color:#272b96}.t-menu-item{position:relative;display:flex;align-items:center;gap:8px;padding:.5em;border-radius:6px;cursor:pointer;background:#fafafe}.t-menu-item__icon{filter:invert(42%) sepia(30%) saturate(380%) hue-rotate(173deg) brightness(98%) contrast(88%)}.t-menu-item__link{display:flex;gap:8px;width:100%;font-size:14px;font-weight:400;color:#272b96;align-items:center}.t-menu-item__link:link,.t-menu-item__link:focus,.t-menu-item__link:hover,.t-menu-item__link--active,.t-menu-item__link:active{text-decoration:none !important}.t-menu-item__text{color:#5f738c}.t-menu-item:hover{background:#eaeaf8}.t-menu-item.active{background:#eaeaf8}.t-menu-item.active::before{content:"";position:absolute;width:4px;left:-8px;height:35px;background:#222c64;border-radius:0 4px 4px 0}.t-menu-item.active .t-menu-item__icon{filter:saturate(1);color:#272b96}.t-menu-item.active .t-menu-item__text{color:#272b96}.t-menu-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:.5em;border-radius:6px;cursor:pointer}.t-menu-group__icon{filter:invert(42%) sepia(30%) saturate(380%) hue-rotate(173deg) brightness(98%) contrast(88%)}.t-menu-group__link{display:flex;gap:8px;width:100%;font-size:14px;font-weight:400;color:#272b96;align-items:center}.t-menu-group__link:link,.t-menu-group__link:focus,.t-menu-group__link:hover,.t-menu-group__link--active,.t-menu-group__link:active{text-decoration:none !important;color:#272b96}.t-menu-group__text{color:#5f738c}.t-menu-group ul{margin:0}.t-menu-group:not(.active) .fa-chevron-down{display:none}.t-menu-group.active .fa-chevron-right{display:none}.t-menu-group.active .collapse{overflow:visible}.t-menu-group.active .t-menu-group__icon{filter:saturate(1)}.t-menu-group.active .t-menu-group__text{color:#272b96}.t-drawer{width:200px;float:left;position:fixed;height:100%;overflow-y:auto;overflow-x:hidden;top:0px;background:#fafafe;z-index:99;-ms-overflow-style:none;scrollbar-width:none}.t-drawer-header{display:flex;align-items:center;width:auto;margin-left:.875em;margin-top:24px;margin-bottom:24px}.t-drawer-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:12px;padding-left:0em;border-right:solid .5px #eaeaf8;margin-right:16px}@media(min-width: 768px){.t-drawer-toggle{display:none}}.t-drawer-toggle div{border-radius:12px;width:100%;height:4px;background-color:#272b96}.t-drawer--mobile-hidden{left:-200px;transition:left 500ms}.t-drawer::-webkit-scrollbar{display:none}@media(min-width: 768px){.t-drawer--mobile-hidden{left:0}}.sidebar-cover{display:block;background-color:rgba(0,0,0,.3843137255);width:100%;height:100%;position:fixed;top:0;right:0;z-index:3}.t-modal-container{color:#252a31;box-sizing:border-box;height:auto;max-height:80vh;background:#fff;border-radius:3px;overflow-y:scroll}.t-modal-container.larger{min-width:70vw;right:15vw;left:15vw;margin:auto}.t-modal-container .t-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px}.t-modal-container .t-modal__header .t-title{font-size:16px;color:#252a31;font-weight:700;margin:0}.t-modal-container .t-modal__header .close{opacity:1;font-size:14px}.t-modal-container .t-modal__body{padding:14px 24px}.t-modal-container .t-modal__footer a,.t-modal-container .t-modal__footer button{flex:1;padding:.875em}.t-modal-container.height--is-four-fifths{height:80vh}.t-modal-container.height--is-three-fifths{height:60vh}.t-badge,.t-badge-content,.t-badge-warning,.t-badge-success,.t-badge-critical,.t-badge-info{display:flex;gap:2px;align-items:center;border-radius:6px;padding:0 4px 0 4px;margin:8px 8px;background-color:#eff2f5}.t-badge__icon{color:#52647a;font-size:12px;margin-right:6px}.t-badge__label{color:#52647a;font-weight:500}.t-badge:link,.t-badge-content:link,.t-badge-warning:link,.t-badge-success:link,.t-badge-critical:link,.t-badge-info:link,.t-badge:focus,.t-badge-content:focus,.t-badge-warning:focus,.t-badge-success:focus,.t-badge-critical:focus,.t-badge-info:focus,.t-badge:hover,.t-badge-content:hover,.t-badge-warning:hover,.t-badge-success:hover,.t-badge-critical:hover,.t-badge-info:hover,.t-badge--active,.t-badge:active,.t-badge-content:active,.t-badge-warning:active,.t-badge-success:active,.t-badge-critical:active,.t-badge-info:active{text-decoration:none !important}.t-badge-info{width:fit-content;border:.1rem solid #94a8be;font-weight:500;background-color:#b4dbf8;color:#004680;padding:0 6px}.t-badge-info__icon{color:#004680;font-size:14px}.t-badge-critical{border:.1rem solid #d21c1c;background-color:#d21c1c;color:#fff}.t-badge-success{background-color:#ebf4ec;color:#2b7336}.t-badge-warning{background-color:#fdf0e3;color:#a25100}.t-badge-content{background-color:#eaeaf8;color:#3f45ea;border-radius:4px;border:none;padding:.375em .5em .375em .5em;gap:4px}.reports{display:flex;flex-wrap:wrap}.t-reports_icons{font-size:28px;color:#3f45ea}.t-icon-trash::before{content:"A";font-family:"icone-tag",sans-serif}.t-icon-less_stock::before{content:"a";font-family:"icone-tag",sans-serif}.t-icon-bar_graph::before{content:"B";font-family:"icone-tag",sans-serif}.t-icon-more_stock::before{content:"b";font-family:"icone-tag",sans-serif}.t-icon-people::before{content:"C";font-family:"icone-tag",sans-serif}.t-icon-person_add::before{content:"c";font-family:"icone-tag",sans-serif}.t-icon-bus::before{content:"D";font-family:"icone-tag",sans-serif}.t-icon-person_remove::before{content:"d";font-family:"icone-tag",sans-serif}.t-icon-apple::before{content:"E";font-family:"icone-tag",sans-serif}.t-icon-down_arrow::before{content:"e";font-family:"icone-tag",sans-serif}.t-icon-pencil::before{content:"F";font-family:"icone-tag",sans-serif}.t-icon-hamburger_button::before{content:"f";font-family:"icone-tag",sans-serif}.t-icon-column_graphi::before{content:"G";font-family:"icone-tag",sans-serif}.t-icon-close::before{content:"g";font-family:"icone-tag",sans-serif}.t-icon-calendar::before{content:"H";font-family:"icone-tag",sans-serif}.t-icon-search_icon::before{content:"h";font-family:"icone-tag",sans-serif}.t-icon-settings::before{content:"I";font-family:"icone-tag",sans-serif}.t-icon-filter::before{content:"i";font-family:"icone-tag",sans-serif}.t-icon-educacenso::before{content:"J";font-family:"icone-tag",sans-serif}.t-icon-right_arrow::before{content:"j";font-family:"icone-tag",sans-serif}.t-icon-help::before{content:"K";font-family:"icone-tag",sans-serif}.t-icon-left_arrow::before{content:"k";font-family:"icone-tag",sans-serif}.t-icon-home::before{content:"L";font-family:"icone-tag",sans-serif}.t-icon-truck-loading::before{content:"l";font-family:"icone-tag",sans-serif}.t-icon-book::before{content:"M";font-family:"icone-tag",sans-serif}.t-icon-up_arrow::before{content:"m";font-family:"icone-tag",sans-serif}.t-icon-exit::before{content:"N";font-family:"icone-tag",sans-serif}.t-icon-slider::before{content:"n";font-family:"icone-tag",sans-serif}.t-icon-blackboard::before{content:"O";font-family:"icone-tag",sans-serif}.t-icon-bin::before{content:"o";font-family:"icone-tag",sans-serif}.t-icon-finger_print::before{content:"P";font-family:"icone-tag",sans-serif}.t-icon-success::before{content:"p";font-family:"icone-tag",sans-serif}.t-icon-school::before{content:"Q";font-family:"icone-tag",sans-serif}.t-icon-info::before{content:"q";font-family:"icone-tag",sans-serif}.t-icon-line_graph::before{content:"R";font-family:"icone-tag",sans-serif}.t-icon-eye::before{content:"r";font-family:"icone-tag",sans-serif}.t-icon-schedule::before{content:"S";font-family:"icone-tag",sans-serif}.t-icon-eye_hash::before{content:"s";font-family:"icone-tag",sans-serif}.t-icon-diary::before{content:"T";font-family:"icone-tag",sans-serif}.t-icon-lock::before{content:"t";font-family:"icone-tag",sans-serif}.t-icon-topics::before{content:"U";font-family:"icone-tag",sans-serif}.t-icon-duplicate::before{content:"u";font-family:"icone-tag",sans-serif}.t-icon-checklist::before{content:"V";font-family:"icone-tag",sans-serif}.t-icon-photos::before{content:"v";font-family:"icone-tag",sans-serif}.t-icon-edition::before{content:"W";font-family:"icone-tag",sans-serif}.t-icon-camera::before{content:"w";font-family:"icone-tag",sans-serif}.t-icon-configuration-adm::before{content:"X";font-family:"icone-tag",sans-serif}.t-icon-export::before{content:"x";font-family:"icone-tag",sans-serif}.t-icon-sagres::before{content:"Y";font-family:"icone-tag",sans-serif}.t-icon-printer::before{content:"y";font-family:"icone-tag",sans-serif}.t-icon-restaurant::before{content:"Z";font-family:"icone-tag",sans-serif}.t-icon-play::before{content:"z";font-family:"icone-tag",sans-serif}.t-icon-to-go-back::before{content:"0";font-family:"icone-tag",sans-serif}.t-icon-annotation::before{content:"1";font-family:"icone-tag",sans-serif}.t-icon-group-people::before{content:"2";font-family:"icone-tag",sans-serif}.t-icon-submit-form::before{content:"3";font-family:"icone-tag",sans-serif}.t-icon-person::before{content:"4";font-family:"icone-tag",sans-serif}.t-icon-slip::before{content:"5";font-family:"icone-tag",sans-serif}.t-icon-box::before{content:"6";font-family:"icone-tag",sans-serif}.t-icon-question-group::before{content:"7";font-family:"icone-tag",sans-serif}.t-icon-list-form::before{content:"8";font-family:"icone-tag",sans-serif}.t-icon-balloon-question::before{content:"9";font-family:"icone-tag",sans-serif}.t-icon-sucess::before{content:"/";font-family:"icone-tag",sans-serif}.t-icon-graduation-cap::before{content:"!";font-family:"icone-tag",sans-serif}.t-icon-bus2::before{content:'"';font-family:"icone-tag",sans-serif}.t-icon-copy::before{content:"#";font-family:"icone-tag",sans-serif}.t-icon-sp::before{content:".";font-family:"icone-tag",sans-serif}.t-icon-integration::before{content:"`";font-family:"icone-tag",sans-serif}.t-icon-add-group::before{content:"-";font-family:"icone-tag",sans-serif}.t-icon-room-service::before{content:"&";font-family:"icone-tag",sans-serif}.t-icon-circle-three-quarters::before{content:"[";font-family:"icone-tag",sans-serif}.t-icon-cart-arrow-down::before{content:"]";font-family:"icone-tag",sans-serif}.t-icon-Generate-RA::before{content:":";font-family:"icone-tag",sans-serif}.t-icon-graduation-cap::before{content:";";font-family:"icone-tag",sans-serif}.t-icon-handshake::before{content:"<";font-family:"icone-tag",sans-serif}.t-icon-weather-report::before{content:">";font-family:"icone-tag",sans-serif}.t-icon-percentage::before{content:"=";font-family:"icone-tag",sans-serif}.t-icon-identity::before{content:"?";font-family:"icone-tag",sans-serif}.t-icon-e-learning::before{content:"@";font-family:"icone-tag",sans-serif}.t-icon-arrow-az::before{content:"*";font-family:"icone-tag",sans-serif}.t-icon-wheelchair::before{content:"+";font-family:"icone-tag",sans-serif}.t-icon-teachers-students::before{content:"(";font-family:"icone-tag",sans-serif}.t-icon-bullseye-arrow::before{content:")";font-family:"icone-tag",sans-serif}.t-icon-backpack::before{content:",";font-family:"icone-tag",sans-serif}.t-icon-heart::before{content:"'";font-family:"icone-tag",sans-serif}.t-icon-update::before{content:"$";font-family:"icone-tag",sans-serif}.t-icon-no-teacher::before{content:"%";font-family:"icone-tag",sans-serif}.t-student-monitoring::before{content:"~";font-family:"icone-tag",sans-serif}.t-parents-children::before{content:"^";font-family:"icone-tag",sans-serif}.t-monitoring_report::before{content:"{";font-family:"icone-tag",sans-serif}.t-info_positive::before{content:"}";font-family:"icone-tag",sans-serif}.t-medical::before{content:"É";font-family:"icone-tag",sans-serif}.t-hospital-user::before{content:"·";font-family:"icone-tag",sans-serif}.t-doctor::before{content:"_";font-family:"icone-tag",sans-serif}.t-classdiary::before{content:"Ú";font-family:"icone-tag",sans-serif}.t-school-transfer::before{content:"ó";font-family:"icone-tag",sans-serif}.t-class-transfer::before{content:"Í";font-family:"icone-tag",sans-serif}.t-transfer-all-school::before{content:"Ê";font-family:"icone-tag",sans-serif}.t-stage-teachers::before{content:"ñ";font-family:"icone-tag",sans-serif}.t-school-teacher::before{content:"í";font-family:"icone-tag",sans-serif}.t-class-diary::before{content:"Ú";font-family:"icone-tag",sans-serif}.t-icon-start::before{content:"ô";font-family:"icone-tag",sans-serif}.t-icon-class-stage::before{content:"Õ";font-family:"icone-tag",sans-serif}.t-statistic-data::before{content:"é";font-family:"icone-tag",sans-serif}.t-report_card::before{content:"ê";font-family:"icone-tag",sans-serif}.t-group-bag::before{content:"Á";font-family:"icone-tag",sans-serif}.t-scholarship-schools::before{content:"Â";font-family:"icone-tag",sans-serif}.t-amount-class::before{content:"â";font-family:"icone-tag",sans-serif}.t-amount-school::before{content:"á";font-family:"icone-tag",sans-serif}.t-id-card-clip::before{content:"ã";font-family:"icone-tag",sans-serif}.t-student-registration::before{content:"Ã";font-family:"icone-tag",sans-serif}.t-icon-plus::before{content:"Ç";font-family:"icone-tag",sans-serif}.reports{display:flex;flex-wrap:wrap}.t-reports_icons{font-size:28px;color:#3f45ea}.t-sortable{list-style-type:none}.t-sortable>*{background:#fafafe !important;border:1px solid #bac7d5 !important;margin:4px;border-radius:3px;color:#252a31 !important;display:flex;padding:12px 16px;align-items:center;gap:12px}.t-sortable .t-icon-slip{color:#272b96}.t-separator,.t-separator-primary{width:100%;border-top:.5px solid #e8edf1;margin:6px 0px}.t-separator-primary{border-top:.5px solid #bac7d5}.t-accordeon .ui-accordion-header,.t-accordeon-primary .ui-accordion-header,.t-accordeon-secondary .ui-accordion-header,.t-accordeon-tertiary .ui-accordion-header,.t-accordeon-quaternary .ui-accordion-header{display:flex !important;align-items:center;background:#f5f7f9;cursor:pointer;padding:4px 12px !important;border-radius:0;border:none;color:#252a31}.t-accordeon .ui-accordion-header .t-title,.t-accordeon-primary .ui-accordion-header .t-title,.t-accordeon-secondary .ui-accordion-header .t-title,.t-accordeon-tertiary .ui-accordion-header .t-title,.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0 8px;font-weight:500;color:#252a31}.t-accordeon .ui-accordion-header .t-accordion-input-header,.t-accordeon-primary .ui-accordion-header .t-accordion-input-header,.t-accordeon-secondary .ui-accordion-header .t-accordion-input-header,.t-accordeon-tertiary .ui-accordion-header .t-accordion-input-header,.t-accordeon-quaternary .ui-accordion-header .t-accordion-input-header{border:none;background:none;box-shadow:none;margin-bottom:0;padding:0;font-family:"Inter",sans-serif !important}.t-accordeon .ui-accordion-header.hide,.t-accordeon-primary .ui-accordion-header.hide,.t-accordeon-secondary .ui-accordion-header.hide,.t-accordeon-tertiary .ui-accordion-header.hide,.t-accordeon-quaternary .ui-accordion-header.hide{display:none !important}.t-accordeon .ui-accordion-header span,.t-accordeon-primary .ui-accordion-header span,.t-accordeon-secondary .ui-accordion-header span,.t-accordeon-tertiary .ui-accordion-header span,.t-accordeon-quaternary .ui-accordion-header span{font-weight:500}.t-accordeon .ui-accordion-content,.t-accordeon-primary .ui-accordion-content,.t-accordeon-secondary .ui-accordion-content,.t-accordeon-tertiary .ui-accordion-content,.t-accordeon-quaternary .ui-accordion-content{overflow-x:hidden !important;padding:4px 12px !important}.t-accordeon .ui-accordion-content.accordion-overflow,.t-accordeon-primary .ui-accordion-content.accordion-overflow,.t-accordeon-secondary .ui-accordion-content.accordion-overflow,.t-accordeon-tertiary .ui-accordion-content.accordion-overflow,.t-accordeon-quaternary .ui-accordion-content.accordion-overflow{overflow-x:scroll !important}.t-accordeon .ui-accordion-content.hide,.t-accordeon-primary .ui-accordion-content.hide,.t-accordeon-secondary .ui-accordion-content.hide,.t-accordeon-tertiary .ui-accordion-content.hide,.t-accordeon-quaternary .ui-accordion-content.hide{display:none !important}.t-accordeon--header{font-weight:700;border-bottom:.5px solid #bac7d5;padding:4px 12px}.t-accordeon-primary .ui-accordion-header{background:#f5f7f9}.t-accordeon-primary .ui-accordion-header:hover,.t-accordeon-primary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-primary .ui-accordion-content{background:#f5f7f9 !important}.t-accordeon-primary .icon-color{color:#5f738c}.t-accordeon-secondary .ui-accordion-header{background:#f5f7f9;color:#5f738c}.t-accordeon-secondary .ui-accordion-header .border-left{border-left:solid 1px #e5eaef}.t-accordeon-secondary .ui-accordion-header .arrow{font-size:14px}.t-accordeon-secondary .ui-accordion-header.even{background:#eaedfc}.t-accordeon-secondary .ui-accordion-content{background-color:#fff}.t-accordeon-secondary .ui-widget-content{background:none !important}.t-accordeon-secondary .icon-color{color:#5f738c;font-size:18px;margin-right:12px}.t-accordeon-secondary .t-accordeon-container-table{justify-content:space-between;display:flex;flex-direction:row}.t-accordeon-tertiary .ui-accordion-header{padding:12px 0 !important;background:#f5f7f9}.t-accordeon-tertiary .ui-accordion-header:hover,.t-accordeon-tertiary .ui-accordion-header--active{background-color:#e5eaef}.t-accordeon-tertiary .ui-accordion-content{background:none !important;padding-left:0 !important;padding-right:0 !important;height:auto}.t-accordeon-quaternary .ui-accordion-header{margin-top:16px;padding-left:8px !important;padding-right:8px !important;background:#fff;border-radius:6px;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5)}.t-accordeon-quaternary .ui-accordion-header .accordion-arrow-icon{transition:transform .5s ease;margin-right:16px;font-size:14px}.t-accordeon-quaternary .ui-accordion-header .rotate{transform:rotate(-90deg);transition:transform .5s ease}.t-accordeon-quaternary .ui-accordion-header .t-title{margin:0;font-weight:700;color:#252a31}.t-accordeon-quaternary .ui-accordion-header:hover,.t-accordeon-quaternary .ui-accordion-header--active{background-color:#f1f4f7}.t-accordeon-quaternary .ui-accordion-content{background:none !important;padding-left:8px !important;padding-right:8px !important;border-radius:6px;height:auto;box-shadow:0px 0px 6px 0px rgba(196,196,196,.5);font-size:14px}.t-accordeon-quaternary .accordion-label{display:flex;align-items:center;margin-right:8px;margin-bottom:0}.t-accordeon-quaternary .accordion-label--title{color:#5f738c;display:flex;align-items:center;margin-right:8px;margin-bottom:0}.login-form{flex-direction:column;margin-top:3.25em;margin-bottom:3.25em}.login-form .form-signin{position:relative;width:334px;margin-top:3.25em;margin-bottom:0em}.login-form .login-footer{margin-top:3.25em;margin-bottom:0em;flex-direction:column;justify-content:center;display:flex;text-align:center}.login-form .login-footer .login-link{word-wrap:break-word;white-space:nowrap}.login-form .login-footer .login-link a{color:#000;text-decoration:none;font-weight:bold}.login-form .login-footer .login-link a:active{color:#4d2897;text-decoration:underline}.login-form .login-footer .login-link a:hover{color:#4d2897;text-decoration:underline}.login-form .login-versao{margin-top:3.25em;padding-top:3.25em}.t-tag,.t-tag-secundary,.t-tag-primary{display:flex;align-items:center;justify-content:center;font-size:14px;padding:4px 8px;border-radius:6px;width:fit-content;margin:0 4px}.t-tag-primary{color:#16205b;background-color:#eaeaf8}.t-tag-secundary{color:#004680;background-color:#b4dbf8}.t-expansive-panel{height:0}.t-expansive-panel.expanded{height:auto;padding:20px 0}.t-list-content,.t-list-primary{display:flex;background-color:#fafafe;margin-top:6px;margin-bottom:6px;padding:6px;border-radius:3px}.t-list-primary{background-color:#f5f7f9}.align-items--center{display:flex;align-items:center}.align-items--start{display:flex;align-items:start}.align-items--stretch{display:flex;align-items:stretch}.align-items--baseline{display:flex;align-items:baseline}.align-items--end{display:flex;align-items:end}@media(min-width: 768px){.align-items--center-on-desktop{display:flex;align-items:center}}.justify-content--center{display:flex;justify-content:center}.justify-content--start{display:flex;justify-content:start}.justify-content--end{display:flex;justify-content:end}.justify-content--space-between{display:flex;justify-content:space-between}.justify-content--end{display:flex;justify-content:end}.align-self--center{align-self:center}.align-self--start{align-self:start}.align-self--baseline{align-self:baseline}.align-self--end{align-self:end}.cursor-pointer{cursor:pointer}.text-color--red{color:#d21c1c}.text-color--green{color:#28a138}.text-color--white{color:#f5f7f9}.text-color--ink{color:#5f738c}.text-bold{font-weight:700}.flex-direction--row{flex-direction:row}.flex-direction--column{flex-direction:column}.flex-direction--row-reverse{flex-direction:row-reverse}.flex-direction--column-reverse{flex-direction:column-reverse}.text-align--center{text-align:center}.text-align--left{text-align:left}.text-align--right{text-align:right}.text-align--justify{text-align:justify}.t-padding-small--left{padding-left:12px}.t-padding-small--right{padding-right:12px}.t-padding-small--top{padding-top:12px}.t-padding-small--bottom{padding-bottom:12px}.t-padding-small--all{padding:12px}.t-padding-small--x{padding-right:12px;padding-left:12px}.t-padding-small--y{padding-top:12px;padding-bottom:12px}.t-margin-small--left{margin-left:12px}.t-margin-small--right{margin-right:12px}.t-margin-small--top{margin-top:12px}.t-margin-small--bottom{margin-bottom:12px}.t-margin-small--all{margin:12px}.t-margin-small--x{margin-right:12px;margin-left:12px}.t-margin-small--y{margin-top:12px;margin-bottom:12px}.t-padding-medium--left{padding-left:16px}.t-padding-medium--right{padding-right:16px}.t-padding-medium--top{padding-top:16px}.t-padding-medium--bottom{padding-bottom:16px}.t-padding-medium--all{padding:16px}.t-padding-medium--x{padding-right:16px;padding-left:16px}.t-padding-medium--y{padding-top:16px;padding-bottom:16px}.t-margin-medium--left{margin-left:16px}.t-margin-medium--right{margin-right:16px}.t-margin-medium--top{margin-top:16px}.t-margin-medium--bottom{margin-bottom:16px}.t-margin-medium--all{margin:16px}.t-margin-medium--x{margin-right:16px;margin-left:16px}.t-margin-medium--y{margin-top:16px;margin-bottom:16px}.t-padding-large--left{padding-left:24px}.t-padding-large--right{padding-right:24px}.t-padding-large--top{padding-top:24px}.t-padding-large--bottom{padding-bottom:24px}.t-padding-large--all{padding:24px}.t-padding-large--x{padding-right:24px;padding-left:24px}.t-padding-large--y{padding-top:24px;padding-bottom:24px}.t-margin-large--left{margin-left:24px}.t-margin-large--right{margin-right:24px}.t-margin-large--top{margin-top:24px}.t-margin-large--bottom{margin-bottom:24px}.t-margin-large--all{margin:24px}.t-margin-large--x{margin-right:24px;margin-left:24px}.t-margin-large--y{margin-top:24px;margin-bottom:24px}.t-padding-none--left{padding-left:0}.t-padding-none--right{padding-right:0}.t-padding-none--top{padding-top:0}.t-padding-none--bottom{padding-bottom:0}.t-padding-none--all{padding:0}.t-padding-none--x{padding-right:0;padding-left:0}.t-padding-none--y{padding-top:0;padding-bottom:0}.t-margin-none--left{margin-left:0}.t-margin-none--right{margin-right:0}.t-margin-none--top{margin-top:0}.t-margin-none--bottom{margin-bottom:0}.t-margin-none--all{margin:0}.t-margin-none--x{margin-right:0;margin-left:0}.t-margin-none--y{margin-top:0;margin-bottom:0}.hide{display:none}.show{display:block}.show--mobile{display:flex}@media(min-width: 640px){.show--mobile{display:none}}.show--tablet{display:flex}@media(min-width: 768px){.show--tablet{display:none}}.show--tabletDesktop{display:none}@media(min-width: 640px){.show--tabletDesktop{display:flex}}.show--desktop{display:none}@media(min-width: 768px){.show--desktop{display:flex}}.full{width:100%;height:100%}.full--width{width:100%}.full--height{height:100%}.border-none{border:none;outline:none}.sticky{position:-webkit-sticky;position:sticky !important;top:0;padding:5px;background-color:#fff;z-index:1}
diff --git a/themes/default/views/admin/gradesStructure.php b/themes/default/views/admin/gradesStructure.php
index aac8b6c4b..2a1f86ef1 100644
--- a/themes/default/views/admin/gradesStructure.php
+++ b/themes/default/views/admin/gradesStructure.php
@@ -114,14 +114,7 @@
             </div>
         </div>
         <div class="column js-grades-rules-container">
-            <unity-component index=1 name="Unidade 1" type="UC" formula="2">
-                <div slot='modalities'>
-                    <unity-modality-component name="Prova"></unity-modality-component>
-                    <unity-modality-component name="Trabalho"></unity-modality-component>
-                </div>
-            </unity-component>
-            <unity-component index=2 name="Unidade 2" type="U" formula="1"></unity-component>
-            <unity-concept-component index=3 name="Unidade 3" type="c" formula="3"></unity-concept-component>
+            <unities-panel></unities-panel>
         </div>
         <div class="column js-grades-rules-container" style="display: none;">
             <div class="row">
@@ -169,11 +162,13 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 <div id="campos-primeiro-semestre" style="display: none;">
                     <div class="t-field-text" style="margin-top: 16px">
                         <label class='t-field-text__label--required'>Nome:</label>
-                        <input type='text' class='t-field-text__input one-semianual-unity-name' placeholder='Primeira Recuperação Semestral'>
+                        <input type='text' class='t-field-text__input one-semianual-unity-name'
+                            placeholder='Primeira Recuperação Semestral'>
                     </div>
                     <div class="t-field-select">
                         <label class='t-field-select__label--required'>Unidades presentes no primeiro semestre:</label>
-                        <select id="semianual-modality-first" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                        <select id="semianual-modality-first"
+                            class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
                     </div>
                 </div>
             </div>
@@ -185,11 +180,13 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
                 <div id="campos-segundo-semestre" style="display: none;">
                     <div class="t-field-text" style="margin-top: 16px">
                         <label class='t-field-text__label--required'>Nome:</label>
-                        <input type='text' class='t-field-text__input two-semianual-unity-name' placeholder='Segunda Recuperação Semestral'>
+                        <input type='text' class='t-field-text__input two-semianual-unity-name'
+                            placeholder='Segunda Recuperação Semestral'>
                     </div>
                     <div class="t-field-select">
                         <label class='t-field-select__label--required'>Unidades presentes no segundo semestre:</label>
-                        <select id="semianual-modality-second" class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
+                        <select id="semianual-modality-second"
+                            class="select-search-on t-multiselect t-field-select__input" multiple="multiple"></select>
                     </div>
                 </div>
             </div>
@@ -230,7 +227,9 @@ class="grades-structure-container t-accordeon-quaternary js-grades-structure-con
 
 <div class="formulas">
     <?php foreach ($formulas as $formula): ?>
-        <option value="<?= $formula->id ?>"><?= $formula->name ?></option>
+        <option value="<?= $formula->id ?>">
+            <?= $formula->name ?>
+        </option>
     <?php endforeach; ?>
 </div>
 <div class="modal fade modal-content" id="js-saveandreply-modal" tabindex="-1" role="dialog">