Refactor InvertChitDialog for enhanced usability

Switched the base class from BaseControl to Dialog for better dialog handling.

app/AccountancyModule/Components/Cashbook/InvertChitDialog.php

@@ -4,7 +4,7 @@
 
 namespace App\AccountancyModule\Components\Cashbook;
 
-use App\AccountancyModule\Components\BaseControl;
+use App\AccountancyModule\Components\Dialog;
 use App\Forms\BaseForm;
 use Model\Cashbook\Cashbook\CashbookId;
 use Model\Cashbook\Cashbook\CashbookType;
@@ -29,7 +29,7 @@
 use function in_array;
 use function sprintf;
 
-class InvertChitDialog extends BaseControl
+class InvertChitDialog extends Dialog
 {
     /**
      * (string because persistent parameters aren't auto-casted)
@@ -46,30 +46,26 @@ public function __construct(private CashbookId $cashbookId, private CommandBus $
     {
     }
 
-    public function handleOpen(int $chitId): void
+    public function handleOpen(int|null $chitId = null): void
     {
         $this->chitId = $chitId;
-        $this->redrawControl();
-    }
-
-    public function render(): void
-    {
         if ($this->chitId !== null && ! $this->isChitValid()) {
             throw new BadRequestException(
                 sprintf('Chit %d doesn\'t exist or can\'t be inverted', $this->chitId),
                 IResponse::S404_NotFound,
             );
         }
 
-        $template = $this->template;
+        $this->show();
+    }
 
-        $template->setParameters([
+    public function beforeRender(): void
+    {
+        $this->template->setFile(__DIR__ . '/templates/InvertChitDialog.latte');
+        $this->template->setParameters([
             'renderModal' => $this->chitId !== null,
             'noCashbooks' => ! $this->isChitValid() || count($this->getCashbooks()) === 0,
         ]);
-
-        $template->setFile(__DIR__ . '/templates/InvertChitDialog.latte');
-        $template->render();
     }
 
     /** @return CashbookType[] */
@@ -177,6 +173,6 @@ private function getChit(): Chit|null
     private function close(): void
     {
         $this->chitId = null;
-        $this->redrawControl();
+        $this->hide();
     }
 }

app/AccountancyModule/Components/Cashbook/templates/InvertChitDialog.latte

@@ -1,23 +1,23 @@
-<div n:snippet n:inner-if="$renderModal" class="modal {if $renderModal}rendered{/if}" tabindex="-1">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h4 class="modal-title">Vytvořit protidoklad <i class="fas fa-exchange-alt"></i></h4>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                {if $noCashbooks}
-                    Nemáte žádné pokladní knihy, ve kterých můžete vytvořit protidoklad.
-                {else}
-                    <p>
-                        Vyberte pokladní knihu, ve které má být protidoklad vytvořen:
-                    </p>
-                    {control form}
-                {/if}
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Storno</button>
-            </div>
-        </div>
-    </div>
-</div>
+{layout $layout}
+
+{define control $input, $extraClasses}
+    <input n:name="$input" n:class="$input->hasErrors() ? 'is-invalid', form-control, $extraClasses ?? ''">
+{/define}
+
+{define errors $input}
+    <div class="invalid-feedback d-block" n:foreach="$input->getErrors() as $error">{$error}</div>
+{/define}
+
+{block dialog-title}Vytvořit protidoklad{/block}
+
+{block dialog-body}
+    {if $noCashbooks}
+        Nemáte žádné pokladní knihy, ve kterých můžete vytvořit protidoklad.
+    {else}
+        <p>
+            Vyberte pokladní knihu, ve které má být protidoklad vytvořen:
+        </p>
+        {control form}
+    {/if}
+
+{/block}