feat:"alteração nas informações de aceite em aceite-edit + visualização-aceite"

src/app/pages/crud-aceites/aceite-edit/aceite-edit.component.html

@@ -131,11 +131,12 @@
           <mat-option value="Y">Aceito</mat-option>
           <mat-option value="NE">Negado</mat-option>
           <mat-option value="N">Em Processamento</mat-option>
+          <mat-option value="YR">Aceito com Restrição</mat-option>
         </mat-select>
         <mat-error *ngIf="empForm.get('status')?.invalid">{{ getErrorMessage('status') }}</mat-error>
       </mat-form-field>
     </div>
-    <div *ngIf="empForm.get('status')?.value === 'Y' || empForm.get('status')?.value === 'NE'" class="field large">
+    <div *ngIf="empForm.get('status')?.value === 'Y' || empForm.get('status')?.value === 'NE' || empForm.get('status')?.value ==='YR' " class="field large">
       <mat-form-field class="field large" appearance="outline" style="width: 100%;">
         <mat-label>Comentários sobre o aceite:</mat-label>
         <textarea matInput formControlName="restricoes" rows="4"

src/app/pages/crud-aceites/visualizacao-aceite/visualizacao-aceite.component.html

@@ -12,24 +12,47 @@
         <mat-card-content>
           <div class="row">
             <p class="field full-width" appearance="outline">ID: {{ data.id }}</p>
+
             <p class="field full-width" appearance="outline">
               USUÁRIO: {{ parseUserString(data.user)?.email || "Sem email" }}
             </p>
+
             <p class="field full-width" appearance="outline">
               IMO: {{ data.imo || "Sem informação" }}
             </p>
+
             <p class="field full-width" appearance="outline">
               STATUS:
               <ng-container [ngSwitch]="data.status">
                 <span *ngSwitchCase="'Y'" [ngStyle]="{ color: 'green' }">Navio Aceito</span>
                 <span *ngSwitchCase="'NE'" [ngStyle]="{ color: 'red' }">Aceite Negado</span>
+                <span *ngSwitchCase="'YR'" [ngStyle]="{ color: 'green' }">Aceito com Restrição</span>
                 <span *ngSwitchCase="'N'" [ngStyle]="{ color: 'orange' }">Em processamento</span>
               </ng-container>
+            </p>
 
+            <!-- EXIBE RESTRIÇÕES QUANDO STATUS = YR OU NE -->
+            <p *ngIf="data.status === 'YR' || data.status === 'NE'" class="field full-width" appearance="outline"
+              [ngStyle]="{ color: data.status === 'NE' ? 'red' : 'green' }">
+              <strong>Restrições:</strong> {{ data.restricoes || 'Nenhuma restrição informada.' }}
+            </p>
+
+            <p *ngIf="data.bercosSelecionados?.length > 0" class="field full-width" appearance="outline">
+              <strong>Preferências de Berços do Usuário:</strong>
+              <span *ngIf="data.bercosSelecionados?.length > 0; else semPreferenciasYR">
+                <span *ngFor="let berco of data.bercosSelecionados; let last = last">
+                  {{ berco.nome || berco }}
+                  <span *ngIf="!last">, </span>
+                </span>
+              </span>
+              <ng-template #semPreferenciasYR>
+                Nenhuma preferência informada.
+              </ng-template>
             </p>
-          </div>
 
+          </div>
         </mat-card-content>
+
       </mat-card>
       <ng-container *ngIf="data.path">
         <mat-card-actions>
@@ -56,7 +79,7 @@
                 <p class="field full-width" appearance="outline">
                   O gerente está analisando a solicitação para verificar as especificações.
                 </p>
-                 <p *ngIf="data.bercosSelecionados?.length > 0 " class="field full-width" appearance="outline">
+                <p *ngIf="data.bercosSelecionados?.length > 0 " class="field full-width" appearance="outline">
                   <strong>Preferências de Berços do Usuário:</strong>
                   <span *ngIf="data.bercosSelecionados?.length > 0; else semPreferencias">
                     <span *ngFor="let berco of data.bercosSelecionados; let last = last">
@@ -109,6 +132,33 @@
                   {{data.restricoes}}
                 </p>
               </div>
+              <div *ngSwitchCase="'YR'">
+                <p class="field full-width" appearance="outline">
+                  Status: <span [ngStyle]="{ color: 'green' }">Aceito com Restrição</span>
+                </p>
+
+                <p class="field full-width" appearance="outline">
+                  {{ data.restricoes || "Este navio foi aceito, porém com limitações operacionais." }}
+                </p>
+
+                <p class="field full-width" appearance="outline">
+                  O navio está autorizado, mas deve seguir as restrições listadas acima.
+                </p>
+
+                <p *ngIf="data.bercosSelecionados?.length > 0" class="field full-width" appearance="outline">
+                  <strong>Preferências de Berços do Usuário:</strong>
+                  <span *ngIf="data.bercosSelecionados?.length > 0; else semPreferenciasYR">
+                    <span *ngFor="let berco of data.bercosSelecionados; let last = last">
+                      {{ berco.nome || berco }}
+                      <span *ngIf="!last">, </span>
+                    </span>
+                  </span>
+                  <ng-template #semPreferenciasYR>
+                    Nenhuma preferência informada.
+                  </ng-template>
+                </p>
+              </div>
+
             </ng-container>
           </div>
         </mat-card-content>