From 9d5b28bd54c0e63dd440c58cb36536387e0a45b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andrei=20Ioni=C8=9B=C4=83?= <hi@andrei.io>
Date: Fri, 18 Aug 2023 20:17:23 +0300
Subject: [PATCH] feat: tickets (#267)

---
 .prettierrc                                   |  16 +
 app/Events/TicketCreated.php                  |  27 ++
 app/Events/TicketReplyReceived.php            |  27 ++
 app/Events/TicketUpdated.php                  |  27 ++
 app/Filament/Form/Components/Value.php        | 155 +++++++++
 app/Filament/Resources/TicketResource.php     |  68 ++--
 .../Actions/TicketReplyAction.php             |  50 +++
 .../Actions/ToggleStatusAction.php            |  78 +++++
 .../TicketResource/Pages/EditTicket.php       |  21 --
 .../TicketResource/Pages/ListTickets.php      |  21 +-
 .../TicketResource/Pages/ViewTicket.php       |  27 ++
 .../MessagesRelationManager.php               |  78 +++++
 .../Widgets/ClosedTicketsWidget.php           |  80 +++++
 .../Widgets/OpenTicketsWidget.php             |  80 +++++
 app/Http/Controllers/TicketController.php     |  98 ++++++
 app/Http/Resources/TicketMessageResource.php  |  28 ++
 app/Http/Resources/TicketResource.php         |  26 ++
 .../SendTicketCreatedNotification.php         |  34 ++
 .../SendTicketReplyReceivedNotification.php   |  34 ++
 .../SendTicketStatusChangedNotification.php   |  40 +++
 app/Models/Organization.php                   |   8 +-
 app/Models/Ticket.php                         |  93 ++++++
 app/Models/TicketMessage.php                  |  38 +++
 .../Admin/TicketCreatedNotification.php       |  54 +++
 .../Admin/TicketReceivedReplyNotification.php |  54 +++
 .../Admin/TicketStatusChangedNotification.php |  79 +++++
 .../Ngo/TicketCreatedNotification.php         |  53 +++
 .../Ngo/TicketReceivedReplyNotification.php   |  56 ++++
 .../Ngo/TicketStatusChangedNotification.php   |  78 +++++
 app/Policies/TicketPolicy.php                 |  51 +++
 app/Providers/AppServiceProvider.php          |  12 +-
 app/Providers/EventServiceProvider.php        |   2 +-
 app/Traits/HasRole.php                        |  18 +-
 database/factories/TicketFactory.php          |  56 ++++
 database/factories/TicketMessageFactory.php   |  29 ++
 ...2023_08_17_135831_create_tickets_table.php |  52 +++
 database/seeders/DatabaseSeeder.php           |  23 +-
 lang/ro/ticket.php                            |  60 ++++
 .../modals/ToggleTicketStatusModal.vue        | 124 +++++++
 .../js/Components/templates/Dashboard.vue     | 313 ++++++++++--------
 .../Pages/AdminOng/Tichets/ClosedTickets.vue  | 133 --------
 .../js/Pages/AdminOng/Tichets/OpenTickets.vue | 210 ------------
 .../js/Pages/AdminOng/Tichets/Ticket.vue      | 177 ----------
 resources/js/Pages/AdminOng/Tickets/List.vue  | 201 +++++++++++
 resources/js/Pages/AdminOng/Tickets/Show.vue  | 168 ++++++++++
 resources/js/app.js                           |   2 +-
 resources/js/locales/ro.js                    |  21 +-
 resources/js/ssr.js                           |   2 +-
 .../views/components/forms/value.blade.php    |  16 +
 .../views/filament/resources/page.blade.php   |   3 +
 routes/tickets.php                            |  23 +-
 51 files changed, 2468 insertions(+), 756 deletions(-)
 create mode 100644 .prettierrc
 create mode 100644 app/Events/TicketCreated.php
 create mode 100644 app/Events/TicketReplyReceived.php
 create mode 100644 app/Events/TicketUpdated.php
 create mode 100644 app/Filament/Form/Components/Value.php
 create mode 100644 app/Filament/Resources/TicketResource/Actions/TicketReplyAction.php
 create mode 100644 app/Filament/Resources/TicketResource/Actions/ToggleStatusAction.php
 delete mode 100644 app/Filament/Resources/TicketResource/Pages/EditTicket.php
 create mode 100644 app/Filament/Resources/TicketResource/Pages/ViewTicket.php
 create mode 100644 app/Filament/Resources/TicketResource/RelationManagers/MessagesRelationManager.php
 create mode 100644 app/Filament/Resources/TicketResource/Widgets/ClosedTicketsWidget.php
 create mode 100644 app/Filament/Resources/TicketResource/Widgets/OpenTicketsWidget.php
 create mode 100644 app/Http/Controllers/TicketController.php
 create mode 100644 app/Http/Resources/TicketMessageResource.php
 create mode 100644 app/Http/Resources/TicketResource.php
 create mode 100644 app/Listeners/SendTicketCreatedNotification.php
 create mode 100644 app/Listeners/SendTicketReplyReceivedNotification.php
 create mode 100644 app/Listeners/SendTicketStatusChangedNotification.php
 create mode 100644 app/Models/Ticket.php
 create mode 100644 app/Models/TicketMessage.php
 create mode 100644 app/Notifications/Admin/TicketCreatedNotification.php
 create mode 100644 app/Notifications/Admin/TicketReceivedReplyNotification.php
 create mode 100644 app/Notifications/Admin/TicketStatusChangedNotification.php
 create mode 100644 app/Notifications/Ngo/TicketCreatedNotification.php
 create mode 100644 app/Notifications/Ngo/TicketReceivedReplyNotification.php
 create mode 100644 app/Notifications/Ngo/TicketStatusChangedNotification.php
 create mode 100644 app/Policies/TicketPolicy.php
 create mode 100644 database/factories/TicketFactory.php
 create mode 100644 database/factories/TicketMessageFactory.php
 create mode 100644 database/migrations/2023_08_17_135831_create_tickets_table.php
 create mode 100644 lang/ro/ticket.php
 create mode 100644 resources/js/Components/modals/ToggleTicketStatusModal.vue
 delete mode 100644 resources/js/Pages/AdminOng/Tichets/ClosedTickets.vue
 delete mode 100644 resources/js/Pages/AdminOng/Tichets/OpenTickets.vue
 delete mode 100644 resources/js/Pages/AdminOng/Tichets/Ticket.vue
 create mode 100644 resources/js/Pages/AdminOng/Tickets/List.vue
 create mode 100644 resources/js/Pages/AdminOng/Tickets/Show.vue
 create mode 100644 resources/views/components/forms/value.blade.php
 create mode 100644 resources/views/filament/resources/page.blade.php

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..7e43c0e4
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,16 @@
+{
+    "trailingComma": "es5",
+    "printWidth": 120,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "overrides": [
+        {
+            "files": ["*.yml", "*.yaml"],
+            "options": {
+                "tabWidth": 2
+            }
+        }
+    ]
+}
diff --git a/app/Events/TicketCreated.php b/app/Events/TicketCreated.php
new file mode 100644
index 00000000..5eed8bd4
--- /dev/null
+++ b/app/Events/TicketCreated.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Events;
+
+use App\Models\Ticket;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class TicketCreated
+{
+    use Dispatchable;
+    use InteractsWithSockets;
+    use SerializesModels;
+
+    public Ticket $ticket;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(Ticket $ticket)
+    {
+        $this->ticket = $ticket;
+    }
+}
diff --git a/app/Events/TicketReplyReceived.php b/app/Events/TicketReplyReceived.php
new file mode 100644
index 00000000..cb12ee6a
--- /dev/null
+++ b/app/Events/TicketReplyReceived.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Events;
+
+use App\Models\TicketMessage;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class TicketReplyReceived
+{
+    use Dispatchable;
+    use InteractsWithSockets;
+    use SerializesModels;
+
+    public TicketMessage $message;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(TicketMessage $message)
+    {
+        $this->message = $message;
+    }
+}
diff --git a/app/Events/TicketUpdated.php b/app/Events/TicketUpdated.php
new file mode 100644
index 00000000..27ebec1b
--- /dev/null
+++ b/app/Events/TicketUpdated.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Events;
+
+use App\Models\Ticket;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class TicketUpdated
+{
+    use Dispatchable;
+    use InteractsWithSockets;
+    use SerializesModels;
+
+    public Ticket $ticket;
+
+    /**
+     * Create a new event instance.
+     */
+    public function __construct(Ticket $ticket)
+    {
+        $this->ticket = $ticket;
+    }
+}
diff --git a/app/Filament/Form/Components/Value.php b/app/Filament/Form/Components/Value.php
new file mode 100644
index 00000000..b40d8f34
--- /dev/null
+++ b/app/Filament/Form/Components/Value.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Forms\Components;
+
+use BackedEnum;
+use Carbon\Carbon;
+use Closure;
+use Filament\Forms\Components\Component;
+use Filament\Forms\Components\Concerns;
+use Illuminate\Contracts\Support\Htmlable;
+use Illuminate\Support\Collection;
+use Illuminate\Support\HtmlString;
+use Illuminate\Support\Str;
+use Illuminate\Support\Stringable;
+
+class Value extends Component
+{
+    use Concerns\HasHelperText;
+    use Concerns\HasHint;
+    use Concerns\HasName;
+
+    protected string $view = 'components.forms.value';
+
+    protected bool $empty = false;
+
+    protected string | Htmlable | Closure | null $content = null;
+
+    protected string | Htmlable | Closure | null $fallback = null;
+
+    protected $withTime = false;
+
+    protected array $boolean = [];
+
+    final public function __construct(string $name)
+    {
+        $this->name($name);
+        $this->statePath($name);
+    }
+
+    public static function make(string $name): static
+    {
+        $static = app(static::class, ['name' => $name]);
+        $static->configure();
+
+        return $static;
+    }
+
+    public function empty(): static
+    {
+        $this->empty = true;
+
+        return $this;
+    }
+
+    public function boolean(string | Htmlable | null $trueLabel = null, string | Htmlable | null $falseLabel = null): static
+    {
+        $this->boolean = [
+            1 => $trueLabel ?? __('forms::components.select.boolean.true'),
+            0 => $falseLabel ?? __('forms::components.select.boolean.false'),
+        ];
+
+        return $this;
+    }
+
+    public function fallback(string | Htmlable | Closure | null $fallback): static
+    {
+        $this->fallback = $fallback;
+
+        return $this;
+    }
+
+    public function getFallback(): string | Htmlable | null
+    {
+        return $this->evaluate($this->fallback);
+    }
+
+    public function content(string | Htmlable | Closure | null $content): static
+    {
+        $this->content = $content;
+
+        return $this;
+    }
+
+    public function getContent(): string | Htmlable | null
+    {
+        if ($this->empty) {
+            return null;
+        }
+
+        $content = $this->evaluate($this->content) ?? data_get($this->getRecord(), $this->getName());
+
+        if (! empty($this->boolean)) {
+            $content = $this->boolean[\intval(\boolval($content))];
+        }
+
+        $content = match (true) {
+            $content instanceof BackedEnum => $this->getEnumLabel($content),
+            $content instanceof Carbon => $this->getFormattedDate($content),
+            $content instanceof Collection => $this->getFormattedCollection($content),
+            default => $content,
+        };
+
+        if (! $content instanceof HtmlString) {
+            $content = Str::of($content)
+                ->trim()
+                ->toHtmlString();
+        }
+
+        if (! $content->isEmpty()) {
+            return $content;
+        }
+
+        if (null !== $fallback = $this->getFallback()) {
+            return new HtmlString('<div class="italic">' . $fallback . '</div>');
+        }
+
+        return new HtmlString('<span class="text-gray-500">&mdash;</span>');
+    }
+
+    public function withTime(bool $condition = true): static
+    {
+        $this->withTime = $condition;
+
+        return $this;
+    }
+
+    protected function getFormattedCollection(Collection $collection, string $glue = ', '): string
+    {
+        return $collection
+            ->map(fn ($item) => match (true) {
+                $item instanceof Htmlable => $item->toHtml(),
+                $item instanceof Stringable => $item->toString(),
+                default => $item
+            })
+            ->join($glue);
+    }
+
+    protected function getFormattedDate(Carbon $date): string
+    {
+        return $this->withTime
+            ? $date->toFormattedDateTime()
+            : $date->toFormattedDate();
+    }
+
+    protected function getEnumLabel(BackedEnum $content): ?string
+    {
+        if (! \in_array(\App\Concerns\Enums\Arrayable::class, class_uses_recursive($content))) {
+            return null;
+        }
+
+        return $content?->label();
+    }
+}
diff --git a/app/Filament/Resources/TicketResource.php b/app/Filament/Resources/TicketResource.php
index f5503a18..65b4fe12 100644
--- a/app/Filament/Resources/TicketResource.php
+++ b/app/Filament/Resources/TicketResource.php
@@ -4,12 +4,15 @@
 
 namespace App\Filament\Resources;
 
+use App\Filament\Forms\Components\Value;
 use App\Filament\Resources\TicketResource\Pages;
+use App\Filament\Resources\TicketResource\RelationManagers\MessagesRelationManager;
+use App\Filament\Resources\TicketResource\Widgets\ClosedTicketsWidget;
+use App\Filament\Resources\TicketResource\Widgets\OpenTicketsWidget;
 use App\Models\Ticket;
 use Filament\Resources\Form;
 use Filament\Resources\Resource;
-use Filament\Resources\Table;
-use Filament\Tables;
+use Illuminate\Support\HtmlString;
 
 class TicketResource extends Resource
 {
@@ -19,37 +22,60 @@ class TicketResource extends Resource
 
     protected static ?int $navigationSort = 6;
 
-    protected static ?string $navigationIcon = 'heroicon-o-collection';
+    protected static ?string $navigationIcon = 'heroicon-o-mail';
+
+    protected static ?string $recordTitleAttribute = 'subject';
 
     public static function form(Form $form): Form
     {
         return $form
             ->schema([
-                //
+                Value::make('created_at')
+                    ->label(__('ticket.date'))
+                    ->withTime()
+                    ->inlineLabel()
+                    ->columnSpanFull(),
+
+                Value::make('closed_at')
+                    ->label(__('ticket.status'))
+                    ->boolean(
+                        trueLabel: new HtmlString('<span class="inline-flex items-center px-2 py-1 text-xs font-medium rounded-full bg-success-50 text-success-700 ring-1 ring-inset ring-success-600/20">' . __('ticket.status.closed') . '</span>'),
+                        falseLabel: new HtmlString('<span class="inline-flex items-center px-2 py-1 text-xs font-medium rounded-full bg-warning-50 text-warning-700 ring-1 ring-inset ring-warning-600/20">' . __('ticket.status.open') . '</span>'),
+                    )
+                    ->inlineLabel()
+                    ->columnSpanFull(),
+
+                Value::make('closed_at')
+                    ->visible(fn (Ticket $record) => ! $record->isOpen())
+                    ->label(__('ticket.closed_at'))
+                    ->withTime()
+                    ->inlineLabel()
+                    ->columnSpanFull(),
+
+                Value::make('subject')
+                    ->label(__('ticket.subject'))
+                    ->inlineLabel()
+                    ->columnSpanFull(),
+
+                Value::make('content')
+                    ->label(__('ticket.message'))
+                    ->inlineLabel()
+                    ->columnSpanFull(),
             ]);
     }
 
-    public static function table(Table $table): Table
+    public static function getRelations(): array
     {
-        return $table
-            ->columns([
-                //
-            ])
-            ->filters([
-                //
-            ])
-            ->actions([
-                Tables\Actions\EditAction::make(),
-            ])
-            ->bulkActions([
-                Tables\Actions\DeleteBulkAction::make(),
-            ]);
+        return [
+            MessagesRelationManager::class,
+        ];
     }
 
-    public static function getRelations(): array
+    public static function getWidgets(): array
     {
         return [
-            //
+            OpenTicketsWidget::class,
+            ClosedTicketsWidget::class,
         ];
     }
 
@@ -58,7 +84,7 @@ public static function getPages(): array
         return [
             'index' => Pages\ListTickets::route('/'),
             'create' => Pages\CreateTicket::route('/create'),
-            'edit' => Pages\EditTicket::route('/{record}/edit'),
+            'view' => Pages\ViewTicket::route('/{record}'),
         ];
     }
 }
diff --git a/app/Filament/Resources/TicketResource/Actions/TicketReplyAction.php b/app/Filament/Resources/TicketResource/Actions/TicketReplyAction.php
new file mode 100644
index 00000000..3ffbc9dd
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/Actions/TicketReplyAction.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\TicketResource\Actions;
+
+use App\Filament\Resources\TicketResource\RelationManagers\MessagesRelationManager;
+use Filament\Tables\Actions\CreateAction;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Support\Arr;
+
+class TicketReplyAction extends CreateAction
+{
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->label(__('ticket.action.reply'));
+        $this->modalHeading(__('ticket.action.reply'));
+        $this->visible(
+            fn (MessagesRelationManager $livewire) => $livewire->ownerRecord->isOpen()
+        );
+
+        $this->modalButton(__('ticket.action.reply'));
+
+        $this->disableCreateAnother();
+
+        $this->using(function (array $data): Model {
+            $data['user_id'] = auth()->user()->id;
+
+            $relationship = $this->getRelationship();
+
+            if (! $relationship) {
+                return $this->getModel()::create($data);
+            }
+
+            if ($relationship instanceof BelongsToMany) {
+                $pivotColumns = $relationship->getPivotColumns();
+
+                return $relationship->create(
+                    Arr::except($data, $pivotColumns),
+                    Arr::only($data, $pivotColumns),
+                );
+            }
+
+            return $relationship->create($data);
+        });
+    }
+}
diff --git a/app/Filament/Resources/TicketResource/Actions/ToggleStatusAction.php b/app/Filament/Resources/TicketResource/Actions/ToggleStatusAction.php
new file mode 100644
index 00000000..d9ef569a
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/Actions/ToggleStatusAction.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\InterventionResource\Actions;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\Ticket;
+use Filament\Pages\Actions\Action;
+
+class ToggleStatusAction extends Action
+{
+    public static function getDefaultName(): ?string
+    {
+        return 'toggle_status';
+    }
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->label(
+            fn (Ticket $record) => $record->isOpen()
+                ? __('ticket.action.close')
+                : __('ticket.action.reopen')
+        );
+
+        // $this->icon(
+        //     fn (Ticket $record) => $record->isOpen()
+        //         ? 'heroicon-s-check-circle'
+        //         : null
+        // );
+
+        $this->color(
+            fn (Ticket $record) => $record->isOpen()
+                ? 'primary'
+                : 'warning'
+        );
+
+        $this->modalHeading(
+            fn (Ticket $record) => $record->isOpen()
+                ? __('ticket.action_close_confirm.title')
+                : __('ticket.action_reopen_confirm.title')
+        );
+        $this->modalSubheading(
+            fn (Ticket $record) => $record->isOpen()
+                ? __('ticket.action_close_confirm.text')
+                : __('ticket.action_reopen_confirm.text')
+        );
+        $this->modalButton(
+            fn (Ticket $record) => $record->isOpen()
+                ? __('ticket.action_close_confirm.action')
+                : __('ticket.action_reopen_confirm.action')
+        );
+        $this->modalWidth('md');
+        $this->centerModal(false);
+
+        $this->action(function (Ticket $record) {
+            if ($record->isOpen()) {
+                $record->close();
+            } else {
+                $record->open();
+            }
+
+            $this->success();
+        });
+
+        $this->successNotificationTitle(
+            fn (Ticket $record) => $record->isOpen()
+                ? __('ticket.action_reopen_confirm.success')
+                : __('ticket.action_close_confirm.success')
+        );
+
+        $this->successRedirectUrl(
+            fn (Ticket $record) => TicketResource::getUrl('view', $record)
+        );
+    }
+}
diff --git a/app/Filament/Resources/TicketResource/Pages/EditTicket.php b/app/Filament/Resources/TicketResource/Pages/EditTicket.php
deleted file mode 100644
index 841bafaf..00000000
--- a/app/Filament/Resources/TicketResource/Pages/EditTicket.php
+++ /dev/null
@@ -1,21 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Filament\Resources\TicketResource\Pages;
-
-use App\Filament\Resources\TicketResource;
-use Filament\Pages\Actions;
-use Filament\Resources\Pages\EditRecord;
-
-class EditTicket extends EditRecord
-{
-    protected static string $resource = TicketResource::class;
-
-    protected function getActions(): array
-    {
-        return [
-            Actions\DeleteAction::make(),
-        ];
-    }
-}
diff --git a/app/Filament/Resources/TicketResource/Pages/ListTickets.php b/app/Filament/Resources/TicketResource/Pages/ListTickets.php
index c5fcdbef..84d437f9 100644
--- a/app/Filament/Resources/TicketResource/Pages/ListTickets.php
+++ b/app/Filament/Resources/TicketResource/Pages/ListTickets.php
@@ -5,17 +5,28 @@
 namespace App\Filament\Resources\TicketResource\Pages;
 
 use App\Filament\Resources\TicketResource;
-use Filament\Pages\Actions;
-use Filament\Resources\Pages\ListRecords;
+use App\Filament\Resources\TicketResource\Widgets\ClosedTicketsWidget;
+use App\Filament\Resources\TicketResource\Widgets\OpenTicketsWidget;
+use Filament\Resources\Pages\Page;
 
-class ListTickets extends ListRecords
+class ListTickets extends Page
 {
     protected static string $resource = TicketResource::class;
 
-    protected function getActions(): array
+    protected static string $view = 'filament.resources.page';
+
+    protected static ?string $title = '';
+
+    protected function getHeaderWidgets(): array
     {
         return [
-            Actions\CreateAction::make(),
+            OpenTicketsWidget::class,
+            ClosedTicketsWidget::class,
         ];
     }
+
+    protected function getHeaderWidgetsColumns(): int
+    {
+        return 1;
+    }
 }
diff --git a/app/Filament/Resources/TicketResource/Pages/ViewTicket.php b/app/Filament/Resources/TicketResource/Pages/ViewTicket.php
new file mode 100644
index 00000000..1f05eb78
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/Pages/ViewTicket.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\TicketResource\Pages;
+
+use App\Filament\Resources\InterventionResource\Actions\ToggleStatusAction;
+use App\Filament\Resources\TicketResource;
+use Filament\Resources\Pages\ViewRecord;
+
+class ViewTicket extends ViewRecord
+{
+    protected static string $resource = TicketResource::class;
+
+    protected function getActions(): array
+    {
+        return [
+            ToggleStatusAction::make()
+                ->record($this->getRecord()),
+        ];
+    }
+
+    // public function getTitle(): string
+    // {
+    //     return $this->getRecord()->title;
+    // }
+}
diff --git a/app/Filament/Resources/TicketResource/RelationManagers/MessagesRelationManager.php b/app/Filament/Resources/TicketResource/RelationManagers/MessagesRelationManager.php
new file mode 100644
index 00000000..23c78013
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/RelationManagers/MessagesRelationManager.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\TicketResource\RelationManagers;
+
+use App\Filament\Resources\TicketResource\Actions\TicketReplyAction;
+use App\Models\TicketMessage;
+use Filament\Forms\Components\Textarea;
+use Filament\Resources\Form;
+use Filament\Resources\RelationManagers\RelationManager;
+use Filament\Resources\Table;
+use Filament\Tables\Columns\Layout\Split;
+use Filament\Tables\Columns\Layout\Stack;
+use Filament\Tables\Columns\TextColumn;
+use Illuminate\Support\HtmlString;
+use Livewire\Component;
+
+class MessagesRelationManager extends RelationManager
+{
+    protected static string $relationship = 'messages';
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->columns(1)
+            ->schema([
+                Textarea::make('content')
+                    ->label(__('ticket.message'))
+                    ->required(),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Split::make([
+                    Stack::make([
+                        TextColumn::make('user.name')
+                            ->translateLabel()
+                            ->weight('bold')
+                            ->color(function (Component $livewire, TicketMessage $record) {
+                                if ($record->user->isBbAdmin()) {
+                                    return 'warning';
+                                }
+
+                                return 'secondary';
+                            })
+                            ->grow(false),
+
+                        TextColumn::make('created_at')
+                            ->translateLabel()
+                            ->since()
+                            ->color('secondary')
+                            ->size('sm'),
+                    ]),
+
+                    TextColumn::make('content')
+                        ->formatStateUsing(fn ($state) => new HtmlString(nl2br($state)))
+                        ->wrap(),
+                ]),
+            ])
+            ->filters([
+                //
+            ])
+            ->headerActions([
+                TicketReplyAction::make(),
+            ])
+            ->actions([
+                //
+            ])
+            ->bulkActions([
+                //
+            ])
+            ->defaultSort('created_at', 'desc');
+    }
+}
diff --git a/app/Filament/Resources/TicketResource/Widgets/ClosedTicketsWidget.php b/app/Filament/Resources/TicketResource/Widgets/ClosedTicketsWidget.php
new file mode 100644
index 00000000..6dbc02c4
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/Widgets/ClosedTicketsWidget.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\TicketResource\Widgets;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\Ticket;
+use Closure;
+use Filament\Tables\Actions\ViewAction;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Widgets\TableWidget;
+use Illuminate\Contracts\Pagination\Paginator;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Relations\Relation;
+
+class ClosedTicketsWidget extends TableWidget
+{
+    protected static ?string $heading = 'Tichete închise';
+
+    protected function getTableQuery(): Builder
+    {
+        return Ticket::query()
+            ->whereClosed()
+            ->with([
+                'organization' => function (Relation $query) {
+                    $query->withoutEagerLoads();
+                },
+            ]);
+    }
+
+    protected function getTableQueryStringIdentifier(): ?string
+    {
+        return 'closed';
+    }
+
+    protected function getDefaultTableSortColumn(): ?string
+    {
+        return 'closed_at';
+    }
+
+    protected function getDefaultTableSortDirection(): ?string
+    {
+        return 'desc';
+    }
+
+    protected function getTableColumns(): array
+    {
+        return [
+            TextColumn::make('subject')
+                ->label(__('ticket.subject')),
+            TextColumn::make('organization.name')
+                ->label(__('ticket.organization')),
+            TextColumn::make('closed_at')
+                ->label(__('ticket.closed_at')),
+        ];
+    }
+
+    protected function getTableActions(): array
+    {
+        return [
+            ViewAction::make()
+                ->url($this->getTableRecordUrlUsing()),
+        ];
+    }
+
+    protected function getTableRecordUrlUsing(): Closure
+    {
+        return fn (Ticket $record) => TicketResource::getUrl('view', $record);
+    }
+
+    protected function paginateTableQuery(Builder $query): Paginator
+    {
+        return $query->simplePaginate(
+            $this->getTableRecordsPerPage() == -1 ? $query->count() : $this->getTableRecordsPerPage(),
+            ['*'],
+            $this->getTablePaginationPageName()
+        );
+    }
+}
diff --git a/app/Filament/Resources/TicketResource/Widgets/OpenTicketsWidget.php b/app/Filament/Resources/TicketResource/Widgets/OpenTicketsWidget.php
new file mode 100644
index 00000000..5e24d750
--- /dev/null
+++ b/app/Filament/Resources/TicketResource/Widgets/OpenTicketsWidget.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Resources\TicketResource\Widgets;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\Ticket;
+use Closure;
+use Filament\Tables\Actions\ViewAction;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Widgets\TableWidget;
+use Illuminate\Contracts\Pagination\Paginator;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Relations\Relation;
+
+class OpenTicketsWidget extends TableWidget
+{
+    protected static ?string $heading = 'Tichete deschise';
+
+    protected function getTableQuery(): Builder
+    {
+        return Ticket::query()
+            ->whereOpen()
+            ->with([
+                'organization' => function (Relation $query) {
+                    $query->withoutEagerLoads();
+                },
+            ]);
+    }
+
+    protected function getTableQueryStringIdentifier(): ?string
+    {
+        return 'open';
+    }
+
+    protected function getDefaultTableSortColumn(): ?string
+    {
+        return 'created_at';
+    }
+
+    protected function getDefaultTableSortDirection(): ?string
+    {
+        return 'desc';
+    }
+
+    protected function getTableColumns(): array
+    {
+        return [
+            TextColumn::make('subject')
+                ->label(__('ticket.subject')),
+            TextColumn::make('organization.name')
+                ->label(__('ticket.organization')),
+            TextColumn::make('created_at')
+                ->label(__('ticket.date')),
+        ];
+    }
+
+    protected function getTableActions(): array
+    {
+        return [
+            ViewAction::make()
+                ->url($this->getTableRecordUrlUsing()),
+        ];
+    }
+
+    protected function getTableRecordUrlUsing(): Closure
+    {
+        return fn (Ticket $record) => TicketResource::getUrl('view', $record);
+    }
+
+    protected function paginateTableQuery(Builder $query): Paginator
+    {
+        return $query->simplePaginate(
+            $this->getTableRecordsPerPage() == -1 ? $query->count() : $this->getTableRecordsPerPage(),
+            ['*'],
+            $this->getTablePaginationPageName()
+        );
+    }
+}
diff --git a/app/Http/Controllers/TicketController.php b/app/Http/Controllers/TicketController.php
new file mode 100644
index 00000000..5b4d373f
--- /dev/null
+++ b/app/Http/Controllers/TicketController.php
@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use App\Http\Resources\TicketResource;
+use App\Models\Ticket;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class TicketController extends Controller
+{
+    public function index(string $status, Request $request): Response
+    {
+        return Inertia::render('AdminOng/Tickets/List', [
+            'status' => $status,
+            'tickets' => TicketResource::collection(
+                Ticket::query()
+                    ->where('organization_id', auth()->user()->organization_id)
+                    ->when(
+                        $status === 'open',
+                        fn ($query) => $query->whereOpen(),
+                        fn ($query) => $query->whereClosed()
+                    )
+                    ->orderBy('closed_at', 'desc')
+                    ->orderBy('created_at', 'desc')
+                    ->paginate()
+            ),
+        ]);
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $this->authorize('create', Ticket::class);
+
+        $attributes = $request->validate([
+            'subject' => ['required', 'string', 'max:200'],
+            'content' => ['required', 'string'],
+        ]);
+
+        $ticket = Ticket::create([
+            'subject' => strip_tags($attributes['subject']),
+            'content' => strip_tags($attributes['content']),
+            'user_id' => auth()->user()->id,
+            'organization_id' => auth()->user()->organization_id,
+        ]);
+
+        return redirect()->route('admin.ong.tickets.view', $ticket)
+            ->with('success_message', __('ticket.action_open.success'));
+    }
+
+    public function reply(Ticket $ticket, Request $request): RedirectResponse
+    {
+        $this->authorize('reply', $ticket);
+
+        $attributes = $request->validate([
+            'content' => ['required', 'string'],
+        ]);
+
+        $ticket->messages()->create([
+            'user_id' => auth()->user()->id,
+            'content' => strip_tags($attributes['content']),
+        ]);
+
+        return redirect()->route('admin.ong.tickets.view', $ticket)
+            ->with('success_message', __('ticket.action_reply.success'));
+    }
+
+    public function show(Ticket $ticket)
+    {
+        $this->authorize('view', $ticket);
+
+        $ticket->loadMissing('messages.user');
+
+        return Inertia::render('AdminOng/Tickets/Show', [
+            'ticket' => new TicketResource($ticket),
+        ]);
+    }
+
+    public function status(Ticket $ticket, Request $request): RedirectResponse
+    {
+        $this->authorize('update', $ticket);
+
+        if ($ticket->isOpen()) {
+            $ticket->close();
+            $message = __('ticket.action_close_confirm.success');
+        } else {
+            $ticket->open();
+            $message = __('ticket.action_reopen_confirm.success');
+        }
+
+        return redirect()->route('admin.ong.tickets.view', $ticket)
+            ->with('success_message', $message);
+    }
+}
diff --git a/app/Http/Resources/TicketMessageResource.php b/app/Http/Resources/TicketMessageResource.php
new file mode 100644
index 00000000..4d03e64f
--- /dev/null
+++ b/app/Http/Resources/TicketMessageResource.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class TicketMessageResource extends JsonResource
+{
+    public static $wrap = null;
+
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'content' => $this->content,
+            'created_at' => $this->created_at->toDateTimeString(),
+            'created_at_relative' => $this->created_at->diffForHumans(),
+            'user' => [
+                'id' => $this->user->id,
+                'name' => $this->user->name,
+                'is_bb_admin' => $this->user->isBbAdmin(),
+            ],
+        ];
+    }
+}
diff --git a/app/Http/Resources/TicketResource.php b/app/Http/Resources/TicketResource.php
new file mode 100644
index 00000000..43c8c52b
--- /dev/null
+++ b/app/Http/Resources/TicketResource.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class TicketResource extends JsonResource
+{
+    public static $wrap = null;
+
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'subject' => $this->subject,
+            'content' => $this->content,
+            'is_open' => $this->isOpen(),
+            'created_at' => $this->created_at->toFormattedDateTime(),
+            'closed_at' => $this->closed_at?->toFormattedDateTime(),
+            'messages' => TicketMessageResource::collection($this->whenLoaded('messages')),
+        ];
+    }
+}
diff --git a/app/Listeners/SendTicketCreatedNotification.php b/app/Listeners/SendTicketCreatedNotification.php
new file mode 100644
index 00000000..dbed5346
--- /dev/null
+++ b/app/Listeners/SendTicketCreatedNotification.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Listeners;
+
+use App\Events\TicketCreated;
+use App\Models\User;
+use App\Notifications\Admin;
+use App\Notifications\Ngo;
+use Illuminate\Support\Facades\Notification;
+
+class SendTicketCreatedNotification
+{
+    /**
+     * Handle the event.
+     */
+    public function handle(TicketCreated $event): void
+    {
+        Notification::send(
+            User::query()
+                ->onlyBBAdmins()
+                ->get(),
+            new Admin\TicketCreatedNotification($event->ticket)
+        );
+
+        Notification::send(
+            User::query()
+                ->onlyNGOAdmins($event->ticket->organization)
+                ->get(),
+            new Ngo\TicketCreatedNotification($event->ticket)
+        );
+    }
+}
diff --git a/app/Listeners/SendTicketReplyReceivedNotification.php b/app/Listeners/SendTicketReplyReceivedNotification.php
new file mode 100644
index 00000000..ec5abb0b
--- /dev/null
+++ b/app/Listeners/SendTicketReplyReceivedNotification.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Listeners;
+
+use App\Events\TicketReplyReceived;
+use App\Models\User;
+use App\Notifications\Admin;
+use App\Notifications\Ngo;
+use Illuminate\Support\Facades\Notification;
+
+class SendTicketReplyReceivedNotification
+{
+    /**
+     * Handle the event.
+     */
+    public function handle(TicketReplyReceived $event): void
+    {
+        Notification::send(
+            User::query()
+                ->onlyBBAdmins()
+                ->get(),
+            new Admin\TicketReceivedReplyNotification($event->message)
+        );
+
+        Notification::send(
+            User::query()
+                ->onlyNGOAdmins($event->message->ticket->organization)
+                ->get(),
+            new Ngo\TicketReceivedReplyNotification($event->message)
+        );
+    }
+}
diff --git a/app/Listeners/SendTicketStatusChangedNotification.php b/app/Listeners/SendTicketStatusChangedNotification.php
new file mode 100644
index 00000000..8a94a6d5
--- /dev/null
+++ b/app/Listeners/SendTicketStatusChangedNotification.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Listeners;
+
+use App\Events\TicketUpdated;
+use App\Models\User;
+use App\Notifications\Admin;
+use App\Notifications\Ngo;
+use Illuminate\Support\Facades\Notification;
+
+class SendTicketStatusChangedNotification
+{
+    /**
+     * Handle the event.
+     */
+    public function handle(TicketUpdated $event): void
+    {
+        if ($event->ticket->getOriginal('closed_at') === $event->ticket->closed_at) {
+            return;
+        }
+
+        $ticketIsOpen = $event->ticket->closed_at === null;
+
+        Notification::send(
+            User::query()
+                ->onlyBBAdmins()
+                ->get(),
+            new Admin\TicketStatusChangedNotification($event->ticket, $ticketIsOpen)
+        );
+
+        Notification::send(
+            User::query()
+                ->onlyNGOAdmins($event->ticket->organization)
+                ->get(),
+            new Ngo\TicketStatusChangedNotification($event->ticket, $ticketIsOpen)
+        );
+    }
+}
diff --git a/app/Models/Organization.php b/app/Models/Organization.php
index fc2bf687..fdd6210b 100644
--- a/app/Models/Organization.php
+++ b/app/Models/Organization.php
@@ -75,9 +75,6 @@ public function registerMediaConversions(Media $media = null): void
             ->nonQueued();
     }
 
-    /**
-     * Get the users or the organization.
-     */
     public function users(): HasMany
     {
         return $this->hasMany(User::class);
@@ -93,6 +90,11 @@ public function activityDomains(): BelongsToMany
         return $this->belongsToMany(ActivityDomain::class);
     }
 
+    public function tickets(): HasMany
+    {
+        return $this->hasMany(Ticket::class);
+    }
+
     /**
      * Scope a query to include the searched text.
      */
diff --git a/app/Models/Ticket.php b/app/Models/Ticket.php
new file mode 100644
index 00000000..cd29ad97
--- /dev/null
+++ b/app/Models/Ticket.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use App\Events\TicketCreated;
+use App\Events\TicketUpdated;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+class Ticket extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'closed_at',
+        'organization_id',
+        'user_id',
+        'subject',
+        'content',
+    ];
+
+    protected $casts = [
+        'closed_at' => 'datetime',
+    ];
+
+    protected $dispatchesEvents = [
+        'created' => TicketCreated::class,
+        'updated' => TicketUpdated::class,
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function organization(): BelongsTo
+    {
+        return $this->belongsTo(Organization::class);
+    }
+
+    public function messages(): HasMany
+    {
+        return $this->hasMany(TicketMessage::class);
+    }
+
+    public function scopeWhereOpen(Builder $query): Builder
+    {
+        return $query->whereNull('closed_at');
+    }
+
+    public function scopeWhereClosed(Builder $query): Builder
+    {
+        return $query->whereNotNull('closed_at');
+    }
+
+    public function isOpen(): bool
+    {
+        return \is_null($this->closed_at);
+    }
+
+    public function open(): void
+    {
+        self::withoutEvents(function () {
+            $this->messages()->create([
+                'user_id' => auth()->user()->id,
+                'content' => __('ticket.action_reopen_confirm.success'),
+            ]);
+        });
+
+        $this->update([
+            'closed_at' => null,
+        ]);
+    }
+
+    public function close(): void
+    {
+        self::withoutEvents(function () {
+            $this->messages()->create([
+                'user_id' => auth()->user()->id,
+                'content' => __('ticket.action_close_confirm.success'),
+            ]);
+        });
+
+        $this->update([
+            'closed_at' => $this->freshTimestamp(),
+        ]);
+    }
+}
diff --git a/app/Models/TicketMessage.php b/app/Models/TicketMessage.php
new file mode 100644
index 00000000..7476ef7e
--- /dev/null
+++ b/app/Models/TicketMessage.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use App\Events\TicketReplyReceived;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class TicketMessage extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'user_id',
+        'content',
+    ];
+
+    protected $touches = [
+        'ticket',
+    ];
+
+    protected $dispatchesEvents = [
+        'created' => TicketReplyReceived::class,
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function ticket(): BelongsTo
+    {
+        return $this->belongsTo(Ticket::class);
+    }
+}
diff --git a/app/Notifications/Admin/TicketCreatedNotification.php b/app/Notifications/Admin/TicketCreatedNotification.php
new file mode 100644
index 00000000..32332ab7
--- /dev/null
+++ b/app/Notifications/Admin/TicketCreatedNotification.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Admin;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\Ticket;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketCreatedNotification extends Notification
+{
+    use Queueable;
+
+    public Ticket $ticket;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(Ticket $ticket)
+    {
+        $this->ticket = $ticket;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.created.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.created.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                TicketResource::getUrl('view', $this->ticket)
+            );
+    }
+}
diff --git a/app/Notifications/Admin/TicketReceivedReplyNotification.php b/app/Notifications/Admin/TicketReceivedReplyNotification.php
new file mode 100644
index 00000000..e44f81e2
--- /dev/null
+++ b/app/Notifications/Admin/TicketReceivedReplyNotification.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Admin;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\TicketMessage;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketReceivedReplyNotification extends Notification
+{
+    use Queueable;
+
+    public TicketMessage $message;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(TicketMessage $message)
+    {
+        $this->message = $message;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.replied.subject', [
+                'id' => $this->message->ticket->id,
+            ]))
+            ->line(__('ticket.mail.replied.subject', [
+                'id' => $this->message->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                TicketResource::getUrl('view', $this->message->ticket)
+            );
+    }
+}
diff --git a/app/Notifications/Admin/TicketStatusChangedNotification.php b/app/Notifications/Admin/TicketStatusChangedNotification.php
new file mode 100644
index 00000000..44ce8b7f
--- /dev/null
+++ b/app/Notifications/Admin/TicketStatusChangedNotification.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Admin;
+
+use App\Filament\Resources\TicketResource;
+use App\Models\Ticket;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketStatusChangedNotification extends Notification
+{
+    use Queueable;
+
+    public Ticket $ticket;
+
+    public bool $isOpen;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(Ticket $ticket, bool $isOpen)
+    {
+        $this->ticket = $ticket;
+        $this->isOpen = $isOpen;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return $this->isOpen
+            ? $this->buildReopenedMail($notifiable)
+            : $this->buildClosedMail($notifiable);
+    }
+
+    protected function buildClosedMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.closed.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.closed.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.mail.closed.action'),
+                TicketResource::getUrl('view', $this->ticket)
+            );
+    }
+
+    protected function buildReopenedMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.reopened.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.reopened.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.mail.reopened.action'),
+                TicketResource::getUrl('view', $this->ticket)
+            );
+    }
+}
diff --git a/app/Notifications/Ngo/TicketCreatedNotification.php b/app/Notifications/Ngo/TicketCreatedNotification.php
new file mode 100644
index 00000000..1f6219a6
--- /dev/null
+++ b/app/Notifications/Ngo/TicketCreatedNotification.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Ngo;
+
+use App\Models\Ticket;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketCreatedNotification extends Notification
+{
+    use Queueable;
+
+    public Ticket $ticket;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(Ticket $ticket)
+    {
+        $this->ticket = $ticket;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.created.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.created.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                route('admin.ong.tickets.view', $this->ticket)
+            );
+    }
+}
diff --git a/app/Notifications/Ngo/TicketReceivedReplyNotification.php b/app/Notifications/Ngo/TicketReceivedReplyNotification.php
new file mode 100644
index 00000000..04aee33a
--- /dev/null
+++ b/app/Notifications/Ngo/TicketReceivedReplyNotification.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Ngo;
+
+use App\Models\TicketMessage;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketReceivedReplyNotification extends Notification
+{
+    use Queueable;
+
+    public TicketMessage $message;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(TicketMessage $message)
+    {
+        $this->message = $message;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.replied.subject', [
+                'id' => $this->message->ticket->id,
+            ]))
+            ->line(__('ticket.mail.replied.subject', [
+                'id' => $this->message->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                route('admin.ong.tickets.view', [
+                    $this->message->ticket,
+                    "#reply-{$this->message->id}",
+                ])
+            );
+    }
+}
diff --git a/app/Notifications/Ngo/TicketStatusChangedNotification.php b/app/Notifications/Ngo/TicketStatusChangedNotification.php
new file mode 100644
index 00000000..5432abd7
--- /dev/null
+++ b/app/Notifications/Ngo/TicketStatusChangedNotification.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Notifications\Ngo;
+
+use App\Models\Ticket;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class TicketStatusChangedNotification extends Notification
+{
+    use Queueable;
+
+    public Ticket $ticket;
+
+    public bool $isOpen;
+
+    /**
+     * Create a new notification instance.
+     */
+    public function __construct(Ticket $ticket, bool $isOpen)
+    {
+        $this->ticket = $ticket;
+        $this->isOpen = $isOpen;
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     */
+    public function toMail(object $notifiable): MailMessage
+    {
+        return $this->isOpen
+            ? $this->buildReopenedMail($notifiable)
+            : $this->buildClosedMail($notifiable);
+    }
+
+    protected function buildClosedMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.closed.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.closed.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                route('admin.ong.tickets.view', $this->ticket)
+            );
+    }
+
+    protected function buildReopenedMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject(__('ticket.mail.reopened.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->line(__('ticket.mail.reopened.subject', [
+                'id' => $this->ticket->id,
+            ]))
+            ->action(
+                __('ticket.action.view'),
+                route('admin.ong.tickets.view', $this->ticket)
+            );
+    }
+}
diff --git a/app/Policies/TicketPolicy.php b/app/Policies/TicketPolicy.php
new file mode 100644
index 00000000..53c59ac3
--- /dev/null
+++ b/app/Policies/TicketPolicy.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Policies;
+
+use App\Models\Ticket;
+use App\Models\User;
+
+class TicketPolicy
+{
+    public function viewAny(User $user): bool
+    {
+        return true;
+    }
+
+    public function view(User $user, Ticket $ticket): bool
+    {
+        return $user->isBbAdmin() || $user->organization->is($ticket->organization);
+    }
+
+    public function create(User $user): bool
+    {
+        return $user->isNgoAdmin();
+    }
+
+    public function update(User $user, Ticket $ticket): bool
+    {
+        return $user->isBbAdmin() || ($user->isNgoAdmin() && $user->organization->is($ticket->organization));
+    }
+
+    public function reply(User $user, Ticket $ticket): bool
+    {
+        return $this->update($user, $ticket) && $ticket->isOpen();
+    }
+
+    public function delete(User $user, Ticket $ticket): bool
+    {
+        return false;
+    }
+
+    public function restore(User $user, Ticket $ticket): bool
+    {
+        return false;
+    }
+
+    public function forceDelete(User $user, Ticket $ticket): bool
+    {
+        return false;
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 57b8042a..3340b2f3 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -5,6 +5,7 @@
 namespace App\Providers;
 
 use App\Models\Championship;
+use Carbon\Carbon;
 use Filament\Facades\Filament;
 use Filament\Navigation\NavigationItem;
 use Illuminate\Database\Eloquent\Model;
@@ -18,7 +19,7 @@ class AppServiceProvider extends ServiceProvider
      */
     public function register(): void
     {
-        //
+        $this->registerCarbonMacros();
     }
 
     /**
@@ -94,4 +95,13 @@ public function boot(): void
             ]);
         });
     }
+
+    protected function registerCarbonMacros(): void
+    {
+        Carbon::macro('toFormattedDate', fn () => $this->translatedFormat(config('forms.components.date_time_picker.display_formats.date')));
+        Carbon::macro('toFormattedDateTime', fn () => $this->translatedFormat(config('forms.components.date_time_picker.display_formats.date_time')));
+        Carbon::macro('toFormattedDateTimeWithSeconds', fn () => $this->translatedFormat(config('forms.components.date_time_picker.display_formats.date_time_with_seconds')));
+        Carbon::macro('toFormattedTime', fn () => $this->translatedFormat(config('forms.components.date_time_picker.display_formats.time')));
+        Carbon::macro('toFormattedTimeWithSeconds', fn () => $this->translatedFormat(config('forms.components.date_time_picker.display_formats.time_with_seconds')));
+    }
 }
diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php
index ee09f108..7cbef06c 100644
--- a/app/Providers/EventServiceProvider.php
+++ b/app/Providers/EventServiceProvider.php
@@ -35,6 +35,6 @@ public function boot(): void
      */
     public function shouldDiscoverEvents(): bool
     {
-        return false;
+        return true;
     }
 }
diff --git a/app/Traits/HasRole.php b/app/Traits/HasRole.php
index be51b24f..2abac8be 100644
--- a/app/Traits/HasRole.php
+++ b/app/Traits/HasRole.php
@@ -5,6 +5,7 @@
 namespace App\Traits;
 
 use App\Enums\UserRole;
+use App\Models\Organization;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Support\Collection;
 
@@ -40,8 +41,21 @@ public function isBbAdmin(): bool
         return $this->role === UserRole::bb_admin;
     }
 
-    public function scopeRole(Builder $query, array|string|Collection|UserRole $roles): void
+    public function scopeRole(Builder $query, array|string|Collection|UserRole $roles): Builder
     {
-        $query->whereIn('role', collect($roles));
+        return $query->whereIn('role', collect($roles));
+    }
+
+    public function scopeOnlyBBAdmins(Builder $query): Builder
+    {
+        return $query->role(UserRole::bb_admin);
+    }
+
+    public function scopeOnlyNGOAdmins(Builder $query, ?Organization $organization = null): Builder
+    {
+        return $query->role(UserRole::ngo_admin)
+            ->when($organization !== null, function (Builder $query) use ($organization) {
+                return $query->where('organization_id', $organization->id);
+            });
     }
 }
diff --git a/database/factories/TicketFactory.php b/database/factories/TicketFactory.php
new file mode 100644
index 00000000..94372041
--- /dev/null
+++ b/database/factories/TicketFactory.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Database\Factories;
+
+use App\Enums\UserRole;
+use App\Models\Organization;
+use App\Models\Ticket;
+use App\Models\TicketMessage;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Ticket>
+ */
+class TicketFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'user_id' => User::factory(),
+            'organization_id' => Organization::factory(),
+            'subject' => fake()->sentence(),
+            'content' => fake()->paragraph(),
+            'closed_at' => fake()->boolean() ? now() : null,
+        ];
+    }
+
+    public function configure(): static
+    {
+        return $this->afterCreating(function (Ticket $ticket) {
+            $ngoAdmin = $ticket->organization->getAdministrator();
+            $bbAdmin = User::query()
+                ->role(UserRole::bb_admin)
+                ->first();
+
+            TicketMessage::factory()
+                ->for($ticket)
+                ->recycle($ngoAdmin)
+                ->count(fake()->randomDigitNotNull())
+                ->create();
+
+            TicketMessage::factory()
+                ->for($ticket)
+                ->recycle($bbAdmin)
+                ->count(fake()->randomDigitNotNull())
+                ->create();
+        });
+    }
+}
diff --git a/database/factories/TicketMessageFactory.php b/database/factories/TicketMessageFactory.php
new file mode 100644
index 00000000..db608eec
--- /dev/null
+++ b/database/factories/TicketMessageFactory.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Database\Factories;
+
+use App\Models\Ticket;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Ticket>
+ */
+class TicketMessageFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'user_id' => User::factory(),
+            'ticket_id' => Ticket::factory(),
+            'content' => fake()->paragraph(),
+        ];
+    }
+}
diff --git a/database/migrations/2023_08_17_135831_create_tickets_table.php b/database/migrations/2023_08_17_135831_create_tickets_table.php
new file mode 100644
index 00000000..5a4bd13e
--- /dev/null
+++ b/database/migrations/2023_08_17_135831_create_tickets_table.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+use App\Models\Organization;
+use App\Models\Ticket;
+use App\Models\User;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('tickets', function (Blueprint $table) {
+            $table->id();
+            $table->timestamps();
+            $table->timestamp('closed_at')->nullable();
+
+            $table->foreignIdFor(Organization::class)
+                ->nullable()
+                ->constrained()
+                ->cascadeOnDelete();
+
+            $table->foreignIdFor(User::class)
+                ->constrained()
+                ->cascadeOnDelete();
+
+            $table->string('subject');
+            $table->text('content');
+        });
+
+        Schema::create('ticket_messages', function (Blueprint $table) {
+            $table->id();
+            $table->timestamps();
+
+            $table->foreignIdFor(User::class)
+                ->constrained()
+                ->cascadeOnDelete();
+
+            $table->foreignIdFor(Ticket::class)
+                ->constrained()
+                ->cascadeOnDelete();
+
+            $table->text('content');
+        });
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 0198119a..b4c7cb14 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -12,6 +12,7 @@
 use App\Models\Organization;
 use App\Models\Project;
 use App\Models\ProjectCategory;
+use App\Models\Ticket;
 use App\Models\User;
 use Illuminate\Database\Eloquent\Factories\Sequence;
 use Illuminate\Database\Seeder;
@@ -52,12 +53,14 @@ public function run(): void
                 ActivityDomain::insert($collection->toArray());
             });
 
+        $this->seedProjectCategories();
+
         Championship::factory()
             ->count(3)
             ->create();
 
         Organization::factory()
-            ->count(50)
+            ->count(10)
             ->has(
                 User::factory()
                     ->ngoAdmin()
@@ -72,6 +75,9 @@ public function run(): void
                     ->count(10)
                     ->hasVolunteers(10)
             )
+            ->has(
+                Ticket::factory()
+            )
             ->create();
 
         Badge::factory()
@@ -87,19 +93,6 @@ public function run(): void
         }
     }
 
-    /**
-     * @return void
-     */
-    private function seedActivityDomains(): void
-    {
-        $activityDomains = ActivityDomainEnum::values();
-        $tmpActivityDomains = [];
-        foreach ($activityDomains as $domain) {
-            $tmpActivityDomains[] = ['name' => $domain, 'slug' => \Str::slug($domain)];
-        }
-        ActivityDomain::insert($tmpActivityDomains);
-    }
-
     private function seedProjectCategories()
     {
         $projectCategories = [
@@ -114,7 +107,7 @@ private function seedProjectCategories()
             'Sport',
         ];
         $projectCategories = collect($projectCategories)->transform(function ($category) {
-            return ['name' => $category, 'slug' => \Str::slug($category)];
+            return ['name' => $category, 'slug' => Str::slug($category)];
         });
         ProjectCategory::insert($projectCategories->toArray());
     }
diff --git a/lang/ro/ticket.php b/lang/ro/ticket.php
new file mode 100644
index 00000000..8976eba6
--- /dev/null
+++ b/lang/ro/ticket.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+return[
+
+    'closed_at' => 'Închis la data',
+    'date' => 'Dată',
+    'message' => 'Mesaj',
+    'organization' => 'Organizație',
+    'subject' => 'Subiect',
+    'status' => 'Status',
+    'status.open' => 'Deschis',
+    'status.closed' => 'Închis',
+
+    'action' => [
+        'reply' => 'Răspunde',
+        'close' => 'Închide',
+        'reopen' => 'Redeschide',
+        'view' => 'Vezi ticketul',
+    ],
+
+    'action_close_confirm' => [
+        'title' => 'Închide ticket',
+        'text' => 'Ești sigur că dorești să efectuezi operaţia?',
+        'action' => 'Închide',
+        'success' => 'Ticket-ul a fost închis.',
+    ],
+
+    'action_reopen_confirm' => [
+        'title' => 'Redeschide ticket',
+        'text' => 'Ești sigur că dorești să efectuezi operaţia?',
+        'action' => 'Redeschide',
+        'success' => 'Ticket-ul a fost redeschis.',
+    ],
+
+    'action_open' => [
+        'success' => 'Ticket-ul a fost deschis.',
+    ],
+
+    'action_reply' => [
+        'success' => 'Mesajul a fost trimis.',
+    ],
+
+    'mail' => [
+        'created' => [
+            'subject' => 'Ticketul #:id a fost creat.',
+        ],
+        'replied' => [
+            'subject' => 'Ticketul #:id a primit un răspuns nou.',
+        ],
+        'closed' => [
+            'subject' => 'Ticketul #:id a fost închis.',
+        ],
+        'reopened' => [
+            'subject' => 'Ticketul #:id a fost redeschis.',
+        ],
+    ],
+
+];
diff --git a/resources/js/Components/modals/ToggleTicketStatusModal.vue b/resources/js/Components/modals/ToggleTicketStatusModal.vue
new file mode 100644
index 00000000..8615739c
--- /dev/null
+++ b/resources/js/Components/modals/ToggleTicketStatusModal.vue
@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <button @click="open = !open" class="block text-sm font-medium text-danger-500">
+            <span v-if="ticket.is_open" v-text="$t('close_ticket')" />
+            <span v-else v-text="$t('reopen_ticket')" />
+        </button>
+
+        <Teleport to="body">
+            <TransitionRoot as="template" :show="open">
+                <Dialog as="div" class="relative z-101" @close="open = false">
+                    <TransitionChild
+                        as="template"
+                        enter="ease-out duration-300"
+                        enter-from="opacity-0"
+                        enter-to="opacity-100"
+                        leave="ease-in duration-200"
+                        leave-from="opacity-100"
+                        leave-to="opacity-0"
+                    >
+                        <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" />
+                    </TransitionChild>
+
+                    <div class="fixed inset-0 z-10 overflow-y-auto">
+                        <div class="flex items-end justify-center min-h-full p-4 text-center sm:items-center sm:p-0">
+                            <TransitionChild
+                                as="template"
+                                enter="ease-out duration-300"
+                                enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                                enter-to="opacity-100 translate-y-0 sm:scale-100"
+                                leave="ease-in duration-200"
+                                leave-from="opacity-100 translate-y-0 sm:scale-100"
+                                leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                            >
+                                <DialogPanel
+                                    class="relative px-4 pt-5 pb-4 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:w-full sm:max-w-lg sm:p-6"
+                                >
+                                    <div>
+                                        <div
+                                            class="flex items-center justify-center w-12 h-12 mx-auto bg-green-100 rounded-full"
+                                        >
+                                            <CheckIcon class="w-6 h-6 text-green-500" aria-hidden="true" />
+                                        </div>
+
+                                        <div class="mt-3 text-center sm:mt-5">
+                                            <DialogTitle
+                                                as="h3"
+                                                class="text-base font-semibold leading-6 text-gray-900"
+                                            >
+                                                {{ $t('confirm') }}
+                                            </DialogTitle>
+
+                                            <p
+                                                class="mt-2 text-sm text-gray-500"
+                                                v-if="ticket.is_open"
+                                                v-text="$t('confirm_close_ticket')"
+                                            />
+                                            <p
+                                                class="mt-2 text-sm text-gray-500"
+                                                v-else
+                                                v-text="$t('confirm_reopen_ticket')"
+                                            />
+                                        </div>
+                                    </div>
+                                    <div class="mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3">
+                                        <button
+                                            type="button"
+                                            class="inline-flex justify-center w-full px-3 py-2 mt-3 text-sm font-semibold text-gray-900 bg-white rounded-md shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:col-start-1 sm:mt-0"
+                                            @click="open = false"
+                                        >
+                                            {{ $t('cancel') }}
+                                        </button>
+
+                                        <button
+                                            @click="action"
+                                            type="button"
+                                            class="inline-flex justify-center w-full px-3 py-2 text-sm font-semibold text-white rounded-md shadow-sm bg-primary-500 hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 sm:col-start-2"
+                                        >
+                                            <span v-if="ticket.is_open" v-text="$t('close_ticket')" />
+                                            <span v-else v-text="$t('reopen_ticket')" />
+                                        </button>
+                                    </div>
+                                </DialogPanel>
+                            </TransitionChild>
+                        </div>
+                    </div>
+                </Dialog>
+            </TransitionRoot>
+        </Teleport>
+    </div>
+</template>
+
+<script setup>
+    /** Import from vue. */
+    import { ref, computed } from 'vue';
+
+    /** Import from inertia */
+    import { useForm } from '@inertiajs/vue3';
+
+    /** Import plugins. */
+    import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';
+    import { CheckIcon } from '@heroicons/vue/24/outline';
+
+    /** Component props. */
+    const props = defineProps({
+        ticket: Object,
+    });
+
+    /** Local state. */
+    const open = ref(false);
+
+    const form = useForm({});
+
+    /** Delete action. */
+    const action = () => {
+        open.value = false;
+
+        form.post(route('admin.ong.tickets.status', props.ticket.id), {
+            preserveScroll: true,
+            onFinish: () => {
+                open.value = false;
+            },
+        });
+    };
+</script>
diff --git a/resources/js/Components/templates/Dashboard.vue b/resources/js/Components/templates/Dashboard.vue
index f201d823..63fcbfaf 100644
--- a/resources/js/Components/templates/Dashboard.vue
+++ b/resources/js/Components/templates/Dashboard.vue
@@ -1,17 +1,31 @@
 <template>
     <div class="flex">
-        <div class="p-4 mt-1 overflow-y-auto bg-white border-r border-gray-200 lg:w-72">
-            <p class="mb-5 text-base font-medium text-gray-500">Administrează</p>
+        <div
+            class="p-4 mt-1 overflow-y-auto bg-white border-r border-gray-200 lg:w-72"
+        >
+            <p class="mb-5 text-base font-medium text-gray-500">
+                Administrează
+            </p>
             <nav>
                 <ul role="list" class="space-y-1">
-                    <li v-for="item in navigation" :key="item.name" >
+                    <li v-for="item in navigation" :key="item.name">
                         <Link
                             :href="item.route"
-                            :class="[isActive(item) ? 'text-primary-500 bg-primary-50 rounded-md' : 'text-gray-600', 'group flex gap-x-3 p-2 text-sm leading-6 font-medium']"
+                            :class="[
+                                isActive(item)
+                                    ? 'text-primary-500 bg-primary-50 rounded-md'
+                                    : 'text-gray-600',
+                                'group flex gap-x-3 p-2 text-sm leading-6 font-medium',
+                            ]"
                         >
                             <component
                                 :is="item.icon"
-                                :class="[isActive(item) ? 'text-primary-500' : 'text-gray-600', 'h-6 w-6 shrink-0']"
+                                :class="[
+                                    isActive(item)
+                                        ? 'text-primary-500'
+                                        : 'text-gray-600',
+                                    'h-6 w-6 shrink-0',
+                                ]"
                                 aria-hidden="true"
                             />
                             {{ item.name }}
@@ -20,25 +34,40 @@
                         <ul
                             role="list"
                             class="space-y-1"
-                            v-if="item.subMenu?.length>0"
-                            :class="['text-gray-600', 'group flex flex-wrap gap-x-3 p-2 text-sm leading-6 font-medium']"
+                            v-if="item.subMenu?.length > 0"
+                            :class="[
+                                'text-gray-600',
+                                'group flex flex-wrap gap-x-3 p-2 text-sm leading-6 font-medium',
+                            ]"
                         >
-                            <li v-for="subItem in item.subMenu" class="mr-3" :key="subItem.name">
+                            <li
+                                v-for="subItem in item.subMenu"
+                                class="mr-3"
+                                :key="subItem.name"
+                            >
                                 <Link
                                     :href="subItem.route"
-                                    :class="[isActive(subItem) ? 'text-primary-500 bg-primary-50 rounded-md' : 'text-gray-600', 'group flex gap-x-3 p-2 text-sm leading-6 font-medium']"
+                                    :class="[
+                                        isActive(subItem)
+                                            ? 'text-primary-500 bg-primary-50 rounded-md'
+                                            : 'text-gray-600',
+                                        'group flex gap-x-3 p-2 text-sm leading-6 font-medium',
+                                    ]"
                                 >
                                     <component
                                         :is="subItem.icon"
-                                        :class="[isActive(subItem) ? 'text-primary-500' : 'text-gray-600', 'h-6 w-6 shrink-0']"
+                                        :class="[
+                                            isActive(subItem)
+                                                ? 'text-primary-500'
+                                                : 'text-gray-600',
+                                            'h-6 w-6 shrink-0',
+                                        ]"
                                         aria-hidden="true"
                                     />
                                     {{ $t(subItem.name) }}
                                 </Link>
-
                             </li>
                         </ul>
-
                     </li>
                 </ul>
             </nav>
@@ -46,151 +75,141 @@
 
         <div class="flex-1">
             <div>
-                <slot/>
+                <slot />
             </div>
         </div>
     </div>
 </template>
 
 <script setup>
-/** Import form inertia. */
-import {Link, usePage} from '@inertiajs/vue3';
-
-/** Import plugins. */
-import {
-    CalendarIcon,
-    DocumentDuplicateIcon,
-    FolderIcon,
-    HomeIcon,
-    UsersIcon,
-    FolderOpenIcon,
-    FolderMinusIcon, UserMinusIcon, UserPlusIcon,UserGroupIcon
-} from '@heroicons/vue/24/outline';
+    /** Import form inertia. */
+    import { Link, usePage } from "@inertiajs/vue3";
 
+    /** Import plugins. */
+    import {
+        CalendarIcon,
+        DocumentDuplicateIcon,
+        FolderIcon,
+        HomeIcon,
+        UsersIcon,
+        FolderOpenIcon,
+        FolderMinusIcon,
+        UserMinusIcon,
+        UserPlusIcon,
+        UserGroupIcon,
+    } from "@heroicons/vue/24/outline";
 
-/** Sidebar links. */
-const navigation = [
-    {
-        name: 'Organizația mea',
-        href: 'admin.ong.edit',
-        route: route('admin.ong.edit', 1),
-        subroutes: [],
-        icon: HomeIcon
-    },
-    {
-        name: 'Proiectele mele',
-        href: 'admin.ong.projects',
-        route: route('admin.ong.projects'),
-        subroutes: ['admin.ong.project.add', 'admin.ong.project.edit'],
-        subMenu: [
-            {
-                name: 'published_projects',
-                href: 'admin.ong.projects',
-                route: route('admin.ong.projects', {'project_status': 'approved'}),
-                icon: FolderOpenIcon,
-                subroutes: [],
-            },
-            {
-                name: 'draft_projects',
-                href: 'admin.ong.projects',
-                route: route('admin.ong.projects', {'project_status': 'draft'}),
-                subroutes: [],
-                icon: FolderMinusIcon
-            }
-        ],
-        icon: FolderIcon
-    },
-    {
-        name: 'Proiectele mele regionale',
-        href: 'admin.ong.projects',
-        route: route('admin.ong.regional.projects'),
-        subroutes: ['admin.ong.regional.project.add', 'admin.ong.regional.project.edit'],
-        subMenu: [
-            {
-                name: 'published_projects',
-                href: 'admin.ong.projects',
-                route: route('admin.ong.regional.projects', {'project_status': 'published'}),
-                icon: FolderOpenIcon,
-                subroutes: [],
-            },
-            {
-                name: 'draft_projects',
-                href: 'admin.ong.projects',
-                route: route('admin.ong.regional.projects', {'project_status': 'draft'}),
-                subroutes: [],
-                icon: FolderMinusIcon
-            },
-        ],
-        icon: FolderIcon
-    },
-    {
-        name: 'Voluntari',
-        href: 'admin.ong.volunteers',
-        route: route('admin.ong.volunteers'),
-        subroutes: ['admin.ong.project.add', 'admin.ong.project.edit'],
-        subMenu: [
-            {
-                name: 'volunteers_approved',
-                href: route('admin.ong.volunteers', {'status': 'approved'}),
-                route: route('admin.ong.volunteers', {'status': 'approved'}),
-                icon: UserGroupIcon,
-                subroutes: [],
-            },
-            {
-                name: 'volunteers_pending',
-                href: route('admin.ong.volunteers', {'status': 'pending'}),
-                route: route('admin.ong.volunteers', {'status': 'pending'}),
-                subroutes: [],
-                icon: UserPlusIcon
-            },
-            {
-                name: 'volunteers_rejected',
-                href: route('admin.ong.volunteers', {'status': 'rejected'}),
-                route: route('admin.ong.volunteers', {'status': 'rejected'}),
-                subroutes: [],
-                icon: UserMinusIcon
-            }
-        ],
-        icon: UsersIcon,
-    },
-    {
-        name: 'Donații',
-        href: 'admin.ong.donations',
-        route: route('admin.ong.donations'),
-        subroutes: [],
-        icon: CalendarIcon
-    },
-    {
-        name: 'Tichete',
-        href: 'admin.ong.tickets.open',
-        route: route('admin.ong.tickets.open'),
-        subroutes: ['admin.ong.tickets.open', 'admin.ong.tickets.closed', 'admin.ong.tickets.view'],
-        icon: DocumentDuplicateIcon
-    }
-];
+    /** Sidebar links. */
+    const navigation = [
+        {
+            name: "Organizația mea",
+            route: route("admin.ong.edit", 1),
+            icon: HomeIcon,
+        },
+        {
+            name: "Proiectele mele",
+            route: route("admin.ong.projects"),
+            subMenu: [
+                {
+                    name: "published_projects",
+                    route: route("admin.ong.projects", {
+                        project_status: "published",
+                    }),
+                    icon: FolderOpenIcon,
+                },
+                {
+                    name: "draft_projects",
+                    route: route("admin.ong.projects", { project_status: "draft" }),
+                    icon: FolderMinusIcon,
+                },
+                {
+                    name: "regional_projects",
+                    route: route("admin.ong.regional.project.add"),
+                    icon: FolderMinusIcon,
+                },
+            ],
+            icon: FolderIcon,
+        },
+        {
+            name: "Proiectele mele regionale",
+            route: route("admin.ong.regional.projects"),
+            subMenu: [
+                {
+                    name: "published_projects",
+                    route: route("admin.ong.regional.projects", {
+                        project_status: "published",
+                    }),
+                    icon: FolderOpenIcon,
+                },
+                {
+                    name: "draft_projects",
+                    route: route("admin.ong.regional.projects", {
+                        project_status: "draft",
+                    }),
+                    icon: FolderMinusIcon,
+                },
+            ],
+            icon: FolderIcon,
+        },
+        {
+            name: "Voluntari",
+            route: route("admin.ong.volunteers"),
+            subMenu: [
+                {
+                    name: "volunteers_approved",
+                    route: route("admin.ong.volunteers", { status: "approved" }),
+                    icon: UserGroupIcon,
+                },
+                {
+                    name: "volunteers_pending",
+                    route: route("admin.ong.volunteers", { status: "pending" }),
+                    icon: UserPlusIcon,
+                },
+                {
+                    name: "volunteers_rejected",
+                    route: route("admin.ong.volunteers", { status: "rejected" }),
+                    icon: UserMinusIcon,
+                },
+            ],
+            icon: UsersIcon,
+        },
+        {
+            name: "Donații",
+            route: route("admin.ong.donations"),
+            icon: CalendarIcon,
+        },
+        {
+            name: "Tickets",
+            route: route("admin.ong.tickets.index", { status: "open" }),
+            icon: DocumentDuplicateIcon,
+        },
+    ];
 
-/**
- * Determines if a navigation item should be active based on the current route.
- *
- * @param {Object} item The navigation item to check.
- *
- * @returns {Boolean} Whether or not the navigation item should be active.
- */
-const isActive = (item) => {
-    if (item.route === `${window.location.origin}${window.location.pathname}${window.location.search}`) {
-    return true;
-    }
+    /**
+     * Determines if a navigation item should be active based on the current route.
+     *
+     * @param {Object} item The navigation item to check.
+     *
+     * @returns {Boolean} Whether or not the navigation item should be active.
+     */
+    const isActive = (item) => {
+        if (
+            item.route ===
+            `${window.location.origin}${window.location.pathname}${window.location.search}`
+        ) {
+            return true;
+        }
 
-    /** UNCOMENT IF PARENT NEED TO BE SELECTED TO */
+        /** UNCOMENT IF PARENT NEED TO BE SELECTED TO */
 
-    // if (item.subMenu) {
-    //     for (const subItem of item.subMenu) {
-    //         if (subItem.route  === `${window.location.origin}${window.location.pathname}${window.location.search}`) {
-    //             return true;
-    //         }
-    //     }
-    // }
+        // if (item.subMenu) {
+        //     for (const subItem of item.subMenu) {
+        //         if (subItem.route  === `${window.location.origin}${window.location.pathname}${window.location.search}`) {
+        //             return true;
+        //         }
+        //     }
+        // }
 
-    return false;
-};
+        return false;
+    };
 </script>
diff --git a/resources/js/Pages/AdminOng/Tichets/ClosedTickets.vue b/resources/js/Pages/AdminOng/Tichets/ClosedTickets.vue
deleted file mode 100644
index 29e1d5d0..00000000
--- a/resources/js/Pages/AdminOng/Tichets/ClosedTickets.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-    <PageLayout>
-        <!-- Inertia page head -->
-        <Head :title="$t('closed_tickets')" />
-
-        <!-- Alert -->
-        <Alert
-            class="fixed right-10 top-10 w-96 z-50"
-            :type="flash.error_message ? 'error' : flash.success_message ? 'success' : false"
-            :message="flash.success_message || flash.error_message"
-            @emptyFlash="Object.assign(flash, { success_message:'', error_message:'' });"
-        />
-
-        <!-- Dashboard template -->
-        <Dashboard>
-           <div class="p-9 mb-24 w-full">
-                <div class="flex flex-wrap mb-10">
-                    <Link
-                        :href="route('admin.ong.tickets.open')"
-                        :class="['py-2.5 px-3.5 text-sm font-semibold', route().current('admin.ong.tickets.open') ? 'bg-primary-500 text-white' : 'bg-primary-50 text-primary-500']"
-                    >
-                        {{ $t('open_tickets') }}
-                    </Link>
-
-                    <Link
-                        :href="route('admin.ong.tickets.closed')"
-                        :class="['py-2.5 px-3.5 text-sm font-semibold', route().current('admin.ong.tickets.closed') ? 'bg-primary-500 text-white' : 'bg-primary-50 text-primary-500']"
-                    >
-                        {{ $t('closed_tickets') }}
-                    </Link>
-                </div>
-
-                <header class="flex items-center gap-4">
-                    <div class="bg-primary-500 w-8 h-8 rounded-lg flex items-center justify-center">
-                        <SvgLoader class="shrink-0 fill-primary-500" name="checked"/>
-                    </div>
-                    <h1 class="text-2xl font-bold text-gray-900">{{ $t('closed_tickets') }}</h1>
-                </header>
-
-                <Table
-                    class="mb-24"
-                    :columns="columns"
-                    :currentPage="tickets.current_page"
-                    :prev="tickets.prev_page_url"
-                    :next="tickets.next_page_url"
-                    :links="tickets.links"
-                >
-                    <tr v-for="(ticket, index) in tickets.data" :key="index">
-                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 w-8/12">{{ ticket.subject }}</td>
-                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 w-1/12">{{ ticket.date }}</td>
-
-                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6 flex items-center justify-end gap-4">
-                            <Link
-                                class="block text-sm font-medium leadin-5 text-blue-500"
-                                :href="route('admin.ong.tickets.view', ticket.id)"
-                            >
-                                {{ $t('view') }}
-                            </Link>
-                        </td>
-                    </tr>
-                </Table>
-           </div>
-        </Dashboard>
-    </PageLayout>
-</template>
-
-<script setup>
-    /** Import from inertia. */
-    import { Head, Link } from '@inertiajs/vue3';
-
-    /** Import components. */
-    import PageLayout from '@/Layouts/PageLayout.vue';
-    import Dashboard from '@/Components/templates/Dashboard.vue';
-    import Alert from '@/Components/Alert.vue';
-    import Table from '@/Components/templates/Table.vue';
-    import SvgLoader from '@/Components/SvgLoader.vue';
-
-    const flash = {
-        success_message:'',
-        error_message:''
-    }
-
-    const columns = ['Subiect', 'Data'];
-
-    const tickets = {
-        "current_page": 2,
-        "data": [
-            {
-                id: 1,
-                subject: 'Subiect',
-                date: '12.08.2022',
-                message: "Mesaj"
-            },
-        ],
-        "first_page_url": "http://bursabinelui.test/proiecte?page=1",
-        "from": 1,
-        "last_page": 2,
-        "last_page_url": "http://bursabinelui.test/proiecte?page=2",
-        "links": [
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=2",
-                "label": "2",
-                "active": false
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=3",
-                "label": "3",
-                "active": false
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-        ],
-        "next_page_url": "http://bursabinelui.test/proiecte?page=3",
-        "path": "http://bursabinelui.test/proiecte",
-        "per_page": 15,
-        "prev_page_url": 'http://bursabinelui.test/proiecte?page=1',
-        "to": 15,
-        "total": 20
-    }
-</script>
diff --git a/resources/js/Pages/AdminOng/Tichets/OpenTickets.vue b/resources/js/Pages/AdminOng/Tichets/OpenTickets.vue
deleted file mode 100644
index dbe7a9fb..00000000
--- a/resources/js/Pages/AdminOng/Tichets/OpenTickets.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<template>
-    <PageLayout>
-        <!-- Inertia page head -->
-        <Head :title="$t('open_tickets')" />
-
-        <!-- Alert -->
-        <Alert
-            class="fixed right-10 top-10 w-96 z-50"
-            :type="flash.error_message ? 'error' : flash.success_message ? 'success' : false"
-            :message="flash.success_message || flash.error_message"
-            @emptyFlash="Object.assign(flash, { success_message:'', error_message:'' });"
-        />
-
-        <!-- Dashboard template -->
-        <Dashboard>
-           <div class="p-9 mb-24 w-full">
-                <div class="flex flex-wrap">
-                    <Link
-                        :href="route('admin.ong.tickets.open')"
-                        :class="['py-2.5 px-3.5 text-sm font-semibold', route().current('admin.ong.tickets.open') ? 'bg-primary-500 text-white' : 'bg-primary-50 text-primary-500']"
-                    >
-                        {{ $t('open_tickets') }}
-                    </Link>
-
-                    <Link
-                        :href="route('admin.ong.tickets.closed')"
-                        :class="['py-2.5 px-3.5 text-sm font-semibold', route().current('admin.ong.tickets.closed') ? 'bg-primary-500 text-white' : 'bg-primary-50 text-primary-500']"
-                    >
-                        {{ $t('closed_tickets') }}
-                    </Link>
-                </div>
-
-                <div>
-                    <Modal
-                        triggerModalClasses="rounded-md bg-white px-3.5 py-2.5 my-6 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
-                        :triggerModalText="$t('add_ticket')"
-                        id="add_ticket"
-                    >
-                        <form class="space-y-4 w-full" @submit.prevent="addTicket">
-
-                            <h3 class="w-full text-gray-900 font-semibold text-lg">{{ $t('add_ticket') }}</h3>
-
-                            <Input
-                                class="w-full"
-                                :label="$t('subject')"
-                                color="gray-700"
-                                id="subject"
-                                type="text"
-                                v-model="form.subject"
-                            />
-
-                            <Textarea
-                                class="w-full"
-                                :label="$t('message')"
-                                id="message"
-                                color="gray-700"
-                                v-model="form.message"
-                            />
-
-                            <!-- Actions -->
-                            <div class="pt-6 w-full flex items-center justify-end gap-6">
-                                <SecondaryButton
-                                    @click="closeModal"
-                                    class="py-2.5"
-                                >
-                                    {{ $t('cancel') }}
-                                </SecondaryButton>
-
-                                <PrimaryButton
-                                    background="primary-500"
-                                    hover="primary-400"
-                                    color="white"
-                                    class="w-auto"
-                                >
-                                    {{ $t('send') }}
-                                </PrimaryButton>
-                            </div>
-                        </form>
-                    </Modal>
-                </div>
-
-                <header class="flex items-center gap-4">
-                    <div class="bg-primary-500 w-8 h-8 rounded-lg flex items-center justify-center">
-                        <SvgLoader class="shrink-0 fill-primary-500" name="annotation"/>
-                    </div>
-                    <h1 class="text-2xl font-bold text-gray-900">{{ $t('open_tickets') }}</h1>
-                </header>
-
-                <Table
-                    class="mb-24"
-                    :columns="columns"
-                    :currentPage="tickets.current_page"
-                    :prev="tickets.prev_page_url"
-                    :next="tickets.next_page_url"
-                    :links="tickets.links"
-                >
-                    <tr v-for="(ticket, index) in tickets.data" :key="index">
-                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 w-8/12">{{ ticket.subject }}</td>
-                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 w-1/12">{{ ticket.date }}</td>
-
-                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6 flex items-center justify-end gap-4">
-                            <Link
-                                class="block text-sm font-medium leadin-5 text-blue-500"
-                                :href="route('admin.ong.tickets.view', ticket.id)"
-                            >
-                                {{ $t('view') }}
-                            </Link>
-
-                            <ModalAction
-                                triggerModalClasses="block text-sm font-medium leadin-5 text-blue-500"
-                                :triggerModalText="$t('close')"
-                                :cancelModalText="$t('cancel')"
-                                :actionModalText="$t('close')"
-                                :title="$t('confirm')"
-                                :body="`${$t('confirm_reject_text')} ${ticket.subject}`"
-                                actionRoute="route('admin.client.destroy', ticket.user.id)"
-                                :data="ticket"
-                            />
-                        </td>
-                    </tr>
-                </Table>
-           </div>
-        </Dashboard>
-    </PageLayout>
-</template>
-
-<script setup>
-    /** Import from inertia. */
-    import { Head, Link, useForm } from '@inertiajs/vue3';
-
-    /** Import components. */
-    import PageLayout from '@/Layouts/PageLayout.vue';
-    import Dashboard from '@/Components/templates/Dashboard.vue';
-    import SvgLoader from '@/Components/SvgLoader.vue';
-    import Alert from '@/Components/Alert.vue';
-    import Table from '@/Components/templates/Table.vue';
-    import ModalAction from '@/Components/modals/ModalAction.vue';
-    import Modal from '@/Components/modals/Modal.vue';
-    import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
-    import PrimaryButton from '@/Components/buttons/PrimaryButton.vue';
-    import Textarea from '@/Components/form/Textarea.vue';
-    import Input from '@/Components/form/Input.vue';
-
-    const flash = {
-        success_message:'',
-        error_message:''
-    }
-
-    const form = useForm({
-        subject: '',
-        message: ''
-    })
-
-    const columns = ['Subiect', 'Data'];
-
-    const closeModal =(() => document.getElementById('add_ticket').click());
-
-    const addTicket = () => {
-
-    }
-
-    const tickets = {
-        "current_page": 2,
-        "data": [
-            {
-                id: 1,
-                subject: 'Subiect',
-                date: '12.08.2022',
-                message: "Mesaj"
-            },
-        ],
-        "first_page_url": "http://bursabinelui.test/proiecte?page=1",
-        "from": 1,
-        "last_page": 2,
-        "last_page_url": "http://bursabinelui.test/proiecte?page=2",
-        "links": [
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=2",
-                "label": "2",
-                "active": false
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=3",
-                "label": "3",
-                "active": false
-            },
-            {
-                "url": "http://bursabinelui.test/proiecte?page=1",
-                "label": "1",
-                "active": true
-            },
-        ],
-        "next_page_url": "http://bursabinelui.test/proiecte?page=3",
-        "path": "http://bursabinelui.test/proiecte",
-        "per_page": 15,
-        "prev_page_url": 'http://bursabinelui.test/proiecte?page=1',
-        "to": 15,
-        "total": 20
-    }
-</script>
diff --git a/resources/js/Pages/AdminOng/Tichets/Ticket.vue b/resources/js/Pages/AdminOng/Tichets/Ticket.vue
deleted file mode 100644
index 772a7ce0..00000000
--- a/resources/js/Pages/AdminOng/Tichets/Ticket.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<template>
-    <PageLayout>
-        <!-- Inertia page head -->
-        <Head :title="$t('ticket')" />
-
-        <!-- Alert -->
-        <Alert
-            class="fixed right-10 top-10 w-96 z-50"
-            :type="flash.error_message ? 'error' : flash.success_message ? 'success' : false"
-            :message="flash.success_message || flash.error_message"
-            @emptyFlash="Object.assign(flash, { success_message:'', error_message:'' });"
-        />
-
-        <!-- Dashboard template -->
-        <Dashboard>
-           <div class="p-9 mb-24 w-full">
-                <header class="flex items-center gap-4">
-                    <div class="bg-primary-500 w-8 h-8 rounded-lg flex items-center justify-center">
-                        <SvgLoader class="shrink-0 fill-primary-500" name="annotation"/>
-                    </div>
-                    <h1 class="text-2xl font-bold text-gray-900">{{ ticket.subject }}</h1>
-                </header>
-
-                <div class="mt-6 border-t border-gray-100">
-                    <dl class="divide-y divide-gray-100">
-
-                        <div class="bg-gray-100 px-4 py-6 grid grid-cols-12">
-                            <dt class="col-span-12 md:col-span-5 text-base font-medium leading-6 text-gray-700">{{ $t('date') }}</dt>
-                            <dt class="col-span-12 md:col-span-6 text-base font-medium leading-6 text-gray-700">{{ ticket.date }}</dt>
-                        </div>
-
-                        <!-- Edit project name -->
-                        <div class="bg-white px-4 py-6 grid grid-cols-12">
-                            <dt class="col-span-12 md:col-span-5 text-base font-medium leading-6 text-gray-700">{{ $t('subject') }}</dt>
-                            <dt class="col-span-12 md:col-span-6 text-base font-medium leading-6 text-gray-700">{{ ticket.subject }}</dt>
-                        </div>
-
-                        <!-- Edit target amount -->
-                        <div class="bg-gray-100 px-4 py-6 grid grid-cols-12">
-                            <dt class="col-span-12 md:col-span-5 text-base font-medium leading-6 text-gray-700">{{ $t('message') }}</dt>
-                            <dt class="col-span-12 md:col-span-6 text-base font-medium leading-6 text-gray-700">{{ ticket.message }}</dt>
-                        </div>
-
-                        <div
-                            v-for="(message, index) in messages"
-                            :key="index"
-                            :class="[index % 2 == 0 ? 'bg-white': 'bg-gray-100', 'px-4 py-6 grid grid-cols-12']"
-                        >
-                            <dt class="col-span-12 md:col-span-5 text-base font-medium leading-6 text-gray-700">
-                                <p class="col-span-12 md:col-span-5 text-base font-medium leading-6 text-gray-700">{{ message.owner }}</p>
-                                <p class="col-span-12 md:col-span-5 text-sm leading-5 text-gray-700">{{ message.date }}</p>
-                            </dt>
-                            <dt class="col-span-12 md:col-span-6 text-base font-medium leading-6 text-gray-700">{{ message.message }}</dt>
-                        </div>
-
-                    </dl>
-                </div>
-
-                <div class="w-full mt-8 flex items-center justify-end gap-4">
-                    <Modal
-                        triggerModalClasses="whitespace-nowrap px-3 py-4 text-sm text-blue-500"
-                        :triggerModalText="$t('answer')"
-                        id="ticket-answer"
-                    >
-                        <form class="space-y-4 w-full" @submit.prevent="editDonation">
-
-                            <h3 class="w-full text-gray-900 font-semibold text-lg">{{ ticket.subject }}</h3>
-
-                            <Textarea
-                                class="w-full"
-                                :label="$t('message')"
-                                id="project-scope"
-                                color="gray-700"
-                                v-model="form.message"
-                            />
-
-                            <!-- Actions -->
-                            <div class="pt-6 w-full flex items-center justify-end gap-6">
-                                <SecondaryButton
-                                    @click="closeModal"
-                                    class="py-2.5"
-                                >
-                                    {{ $t('cancel') }}
-                                </SecondaryButton>
-
-                                <PrimaryButton
-                                    background="primary-500"
-                                    hover="primary-400"
-                                    color="white"
-                                    class="w-auto"
-                                >
-                                    {{ $t('save') }}
-                                </PrimaryButton>
-                            </div>
-                        </form>
-                    </Modal>
-
-                    <ModalAction
-                        triggerModalClasses="block text-sm font-medium leadin-5 text-blue-500"
-                        :triggerModalText="$t('close_ticket')"
-                        :cancelModalText="$t('cancel')"
-                        :actionModalText="$t('close')"
-                        :title="$t('confirm')"
-                        :body="`${$t('confirm_reject_text')} ${ticket.subject}`"
-                        actionRoute="route('admin.client.destroy', ticket.user.id)"
-                        :data="ticket"
-                    />
-                </div>
-           </div>
-        </Dashboard>
-    </PageLayout>
-</template>
-
-<script setup>
-    /** Import from inertia. */
-    import { Head, Link, useForm } from '@inertiajs/vue3';
-
-    /** Import components. */
-    import PageLayout from '@/Layouts/PageLayout.vue';
-    import Dashboard from '@/Components/templates/Dashboard.vue';
-    import Alert from '@/Components/Alert.vue';
-    import SvgLoader from '@/Components/SvgLoader.vue';
-    import ModalAction from '@/Components/modals/ModalAction.vue';
-    import Modal from '@/Components/modals/Modal.vue';
-    import Textarea from '@/Components/form/Textarea.vue';
-    import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
-    import PrimaryButton from '@/Components/buttons/PrimaryButton.vue';
-
-    const flash = {
-        success_message:'',
-        error_message:''
-    }
-
-    const ticket = {
-        id: 1,
-        subject: 'Subiect ticket',
-        date: '12.08.2022',
-        message: 'mesaj ticket'
-    };
-
-    const form = useForm({
-        message: ''
-    });
-
-    const closeModal =(() => document.getElementById('ticket-answer').click());
-
-    const messages = [
-        {
-            id: 1,
-            owner: 'Client',
-            subject: 'Subiect ticket',
-            date: '12.08.2022',
-            message: 'mesaj ticket 1'
-        },
-        {
-            id: 2,
-            owner: 'Admin',
-            subject: 'Subiect ticket',
-            date: '12.08.2022',
-            message: 'mesaj ticket 2'
-        },
-        {
-            id: 3,
-            owner: 'Admin',
-            subject: 'Subiect ticket',
-            date: '12.08.2022',
-            message: 'mesaj ticket 3'
-        },
-        {
-            id: 4,
-            owner: 'Admin',
-            subject: 'Subiect ticket',
-            date: '12.08.2022',
-            message: 'mesaj ticket 4'
-        }
-    ]
-</script>
diff --git a/resources/js/Pages/AdminOng/Tickets/List.vue b/resources/js/Pages/AdminOng/Tickets/List.vue
new file mode 100644
index 00000000..f24fb6bf
--- /dev/null
+++ b/resources/js/Pages/AdminOng/Tickets/List.vue
@@ -0,0 +1,201 @@
+<template>
+    <PageLayout>
+        <!-- Inertia page head -->
+        <Head :title="isOpen ? $t('open_tickets') : $t('closed_tickets')" />
+
+        <!-- Alert -->
+        <Alert
+            class="fixed z-50 right-10 top-10 w-96"
+            :type="flash.error_message ? 'error' : flash.success_message ? 'success' : false"
+            :message="flash.success_message || flash.error_message"
+            @emptyFlash="Object.assign(flash, { success_message: '', error_message: '' })"
+        />
+
+        <!-- Dashboard template -->
+        <Dashboard>
+            <div class="w-full mb-24 space-y-8 p-9">
+                <div class="flex flex-wrap">
+                    <Link
+                        :href="route('admin.ong.tickets.index', { status: 'open' })"
+                        :class="[
+                            'py-2.5 px-3.5 text-sm font-semibold',
+                            route().current('admin.ong.tickets.index', {
+                                status: 'open',
+                            })
+                                ? 'bg-primary-500 text-white'
+                                : 'bg-primary-50 text-primary-500',
+                        ]"
+                    >
+                        {{ $t('open_tickets') }}
+                    </Link>
+
+                    <Link
+                        :href="
+                            route('admin.ong.tickets.index', {
+                                status: 'closed',
+                            })
+                        "
+                        :class="[
+                            'py-2.5 px-3.5 text-sm font-semibold',
+                            route().current('admin.ong.tickets.index', {
+                                status: 'closed',
+                            })
+                                ? 'bg-primary-500 text-white'
+                                : 'bg-primary-50 text-primary-500',
+                        ]"
+                    >
+                        {{ $t('closed_tickets') }}
+                    </Link>
+                </div>
+
+                <div v-if="isOpen">
+                    <Modal
+                        triggerModalClasses="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
+                        :triggerModalText="$t('add_ticket')"
+                        id="add_ticket"
+                    >
+                        <form class="w-full space-y-4" @submit.prevent="addTicket">
+                            <h3 class="w-full text-lg font-semibold text-gray-900">
+                                {{ $t('add_ticket') }}
+                            </h3>
+
+                            <Input
+                                class="w-full"
+                                :label="$t('subject')"
+                                color="gray-700"
+                                id="subject"
+                                type="text"
+                                v-model="form.subject"
+                                :error="form.errors.subject"
+                                is-required
+                            />
+
+                            <Textarea
+                                class="w-full"
+                                :label="$t('message')"
+                                id="content"
+                                color="gray-700"
+                                v-model="form.content"
+                                :error="form.errors.content"
+                                is-required
+                            />
+
+                            <!-- Actions -->
+                            <div class="flex items-center justify-end w-full gap-6 pt-6">
+                                <SecondaryButton @click="closeModal" class="py-2.5">
+                                    {{ $t('cancel') }}
+                                </SecondaryButton>
+
+                                <PrimaryButton
+                                    background="primary-500"
+                                    hover="primary-400"
+                                    color="white"
+                                    class="w-auto"
+                                >
+                                    {{ $t('send') }}
+                                </PrimaryButton>
+                            </div>
+                        </form>
+                    </Modal>
+                </div>
+
+                <header class="flex items-center gap-4">
+                    <div class="flex items-center justify-center w-8 h-8 rounded-lg bg-primary-500">
+                        <SvgLoader class="shrink-0 fill-primary-500" name="annotation" />
+                    </div>
+                    <h1 class="text-2xl font-bold text-gray-900">
+                        {{ isOpen ? $t('open_tickets') : $t('closed_tickets') }}
+                    </h1>
+                </header>
+
+                <Table
+                    class="mb-24"
+                    :columns="
+                        isOpen
+                            ? ['ID', $t('ticket_subject'), $t('ticket_created_at')]
+                            : ['ID', $t('ticket_subject'), $t('ticket_closed_at')]
+                    "
+                    :currentPage="props.tickets.meta.current_page"
+                    :prev="props.tickets.links.prev"
+                    :next="props.tickets.links.next"
+                    :links="props.tickets.meta.links"
+                >
+                    <tr v-for="(ticket, index) in props.tickets.data" :key="index">
+                        <td class="w-8 px-3 py-4 overflow-hidden text-sm text-right text-gray-500 text-ellipsis">
+                            #{{ ticket.id }}
+                        </td>
+                        <td class="w-8/12 max-w-lg px-3 py-4 overflow-hidden text-sm text-gray-500 text-ellipsis">
+                            {{ ticket.subject }}
+                        </td>
+                        <td class="w-1/12 px-3 py-4 text-sm text-gray-500 whitespace-nowrap">
+                            {{ isOpen ? ticket.created_at : ticket.closed_at }}
+                        </td>
+
+                        <td
+                            class="relative flex items-center justify-end gap-4 py-4 pl-3 pr-4 text-sm font-medium text-right whitespace-nowrap sm:pr-6"
+                        >
+                            <Link
+                                class="block text-sm font-medium text-blue-500 leadin-5"
+                                :href="route('admin.ong.tickets.view', ticket.id)"
+                            >
+                                {{ $t('view') }}
+                            </Link>
+                        </td>
+                    </tr>
+                </Table>
+            </div>
+        </Dashboard>
+    </PageLayout>
+</template>
+
+<script setup>
+    import { computed } from 'vue';
+
+    /** Import from inertia. */
+    import { Head, Link, useForm } from '@inertiajs/vue3';
+
+    /** Import components. */
+    import PageLayout from '@/Layouts/PageLayout.vue';
+    import Dashboard from '@/Components/templates/Dashboard.vue';
+    import SvgLoader from '@/Components/SvgLoader.vue';
+    import Alert from '@/Components/Alert.vue';
+    import Table from '@/Components/templates/Table.vue';
+    import ModalAction from '@/Components/modals/ModalAction.vue';
+    import Modal from '@/Components/modals/Modal.vue';
+    import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
+    import PrimaryButton from '@/Components/buttons/PrimaryButton.vue';
+    import Textarea from '@/Components/form/Textarea.vue';
+    import Input from '@/Components/form/Input.vue';
+
+    const flash = {
+        success_message: '',
+        error_message: '',
+    };
+
+    const form = useForm({
+        subject: '',
+        content: '',
+    });
+
+    const props = defineProps({
+        status: {
+            type: String,
+        },
+        tickets: {
+            type: Object,
+        },
+    });
+
+    const closeModal = () => document.getElementById('add_ticket').click();
+
+    const addTicket = () => {
+        form.post(route('admin.ong.tickets.store'), {
+            preserveScroll: true,
+            onSuccess: () => {
+                form.reset();
+            },
+        });
+    };
+
+    const isOpen = computed(() => props.status === 'open');
+</script>
diff --git a/resources/js/Pages/AdminOng/Tickets/Show.vue b/resources/js/Pages/AdminOng/Tickets/Show.vue
new file mode 100644
index 00000000..604214da
--- /dev/null
+++ b/resources/js/Pages/AdminOng/Tickets/Show.vue
@@ -0,0 +1,168 @@
+<template>
+    <PageLayout>
+        <!-- Inertia page head -->
+        <Head :title="$t('ticket')" />
+
+        <!-- Alert -->
+        <Alert
+            class="fixed right-10 top-10 w-96"
+            :type="flash.error_message ? 'error' : flash.success_message ? 'success' : false"
+            :message="flash.success_message || flash.error_message"
+            @emptyFlash="Object.assign(flash, { success_message: '', error_message: '' })"
+        />
+
+        <!-- Dashboard template -->
+        <Dashboard>
+            <div class="w-full mb-24 p-9">
+                <header class="flex gap-4">
+                    <div class="flex items-center justify-center w-8 h-8 rounded-lg bg-primary-500 shrink-0">
+                        <SvgLoader class="shrink-0 fill-primary-500" name="annotation" />
+                    </div>
+                    <h1 class="overflow-hidden text-2xl font-bold text-gray-900 text-ellipsis">
+                        {{ $t('ticket') }} #{{ ticket.id }}: {{ ticket.subject }}
+                    </h1>
+                </header>
+
+                <dl class="my-8 divide-y divide-gray-200">
+                    <div class="grid px-4 py-3 text-gray-700 md:grid-cols-12">
+                        <dt class="font-semibold md:col-span-5 lg:col-span-3">ID</dt>
+                        <dt class="text-sm md:col-span-6 lg:col-span-8" v-text="ticket.id" />
+                    </div>
+                    <div class="grid px-4 py-3 text-gray-700 md:grid-cols-12">
+                        <dt class="font-semibold md:col-span-5 lg:col-span-3" v-text="$t('date')" />
+                        <dt class="text-sm md:col-span-6 lg:col-span-8" v-text="ticket.created_at" />
+                    </div>
+
+                    <div class="grid px-4 py-3 text-gray-700 md:grid-cols-12">
+                        <dt class="font-semibold md:col-span-5 lg:col-span-3" v-text="$t('message')" />
+                        <dt class="text-sm break-words md:col-span-6 lg:col-span-8" v-text="ticket.content" />
+                    </div>
+                </dl>
+
+                <dl class="my-8 border border-gray-100 divide-y divide-gray-50">
+                    <div
+                        v-for="(message, index) in ticket.messages"
+                        :key="index"
+                        class="grid grid-cols-12 px-4 py-3 text-sm"
+                        :class="{
+                            'bg-gray-50': index % 2 === 0,
+                            'outline-dashed outline-1 outline-warning-500 shadow bg-warning-50': isMessageHighlighted(
+                                message
+                            ),
+                        }"
+                        :id="`reply-${message.id}`"
+                    >
+                        <dt class="col-span-12 leading-none text-gray-700 md:col-span-5 lg:col-span-3">
+                            <p
+                                class="text-sm font-semibold"
+                                :class="{
+                                    'text-warning-600': message.user.is_bb_admin,
+                                }"
+                                v-text="message.user.name"
+                            />
+
+                            <time
+                                class="text-xs text-gray-500"
+                                :datetime="message.created_at"
+                                :title="message.created_at"
+                                v-text="message.created_at_relative"
+                            />
+                        </dt>
+                        <dt class="col-span-12 md:col-span-6 lg:col-span-8" v-text="message.content" />
+                    </div>
+                </dl>
+
+                <div class="flex items-center justify-end w-full gap-4 mt-8">
+                    <Modal
+                        triggerModalClasses="whitespace-nowrap px-3 py-4 text-sm text-blue-500"
+                        :triggerModalText="$t('answer')"
+                        id="ticket-answer"
+                        v-if="ticket.is_open"
+                    >
+                        <form class="w-full space-y-4" @submit.prevent="reply">
+                            <h3>
+                                <span class="block text-lg font-semibold to-gray-900">
+                                    {{ $t('ticket_reply_header') }}
+                                </span>
+                                <span class="block text-base text-gray-500">{{ ticket.subject }}</span>
+                            </h3>
+
+                            <Textarea
+                                class="w-full"
+                                :label="$t('message')"
+                                id="project-scope"
+                                color="gray-700"
+                                v-model="form.content"
+                            />
+
+                            <!-- Actions -->
+                            <div class="flex items-center justify-end w-full gap-6 pt-6">
+                                <SecondaryButton @click="closeModal" class="py-2.5">
+                                    {{ $t('cancel') }}
+                                </SecondaryButton>
+
+                                <PrimaryButton
+                                    background="primary-500"
+                                    hover="primary-400"
+                                    color="white"
+                                    class="w-auto"
+                                >
+                                    {{ $t('save') }}
+                                </PrimaryButton>
+                            </div>
+                        </form>
+                    </Modal>
+
+                    <ToggleTicketStatusModal :ticket="ticket" />
+                </div>
+            </div>
+        </Dashboard>
+    </PageLayout>
+</template>
+
+<script setup>
+    /** Import from inertia. */
+    import { Head, Link, useForm } from '@inertiajs/vue3';
+
+    /** Import components. */
+    import PageLayout from '@/Layouts/PageLayout.vue';
+    import Dashboard from '@/Components/templates/Dashboard.vue';
+    import Alert from '@/Components/Alert.vue';
+    import SvgLoader from '@/Components/SvgLoader.vue';
+    import ToggleTicketStatusModal from '@/Components/modals/ToggleTicketStatusModal.vue';
+    import Modal from '@/Components/modals/Modal.vue';
+    import Textarea from '@/Components/form/Textarea.vue';
+    import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
+    import PrimaryButton from '@/Components/buttons/PrimaryButton.vue';
+
+    const props = defineProps({
+        ticket: {
+            type: Object,
+        },
+        flash: {
+            type: Object,
+            default: () => ({
+                success_message: '',
+                error_message: '',
+            }),
+        },
+    });
+
+    const form = useForm({
+        content: '',
+    });
+
+    const isMessageHighlighted = (message) => window.location.hash === `#reply-${message.id}`;
+
+    const closeModal = () => document.getElementById('ticket-answer').click();
+
+    const reply = () => {
+        closeModal();
+        form.post(route('admin.ong.tickets.reply', props.ticket.id), {
+            preserveScroll: true,
+            onSuccess: () => {
+                form.reset();
+            },
+        });
+    };
+</script>
diff --git a/resources/js/app.js b/resources/js/app.js
index c6d86a19..3e217718 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -9,7 +9,7 @@ import i18n from './plugins/i18n.js';
 
 import.meta.glob(['../images/**']);
 
-const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';
+const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Bursa Binelui';
 
 createInertiaApp({
     title: (title) => `${title} - ${appName}`,
diff --git a/resources/js/locales/ro.js b/resources/js/locales/ro.js
index 45365a16..1d127be6 100644
--- a/resources/js/locales/ro.js
+++ b/resources/js/locales/ro.js
@@ -11,7 +11,7 @@ export default {
     "phone_input_info": "*Numarul de telefon nu va fi facut public.",
     "unverified_email": "Your email address is unverified.",
     "reverify_email": "Click here to re-send the verification email.",
-    "verification_email" : "A new verification link has been sent to your email address.",
+    "verification_email": "A new verification link has been sent to your email address.",
     "cancel": "Anulează",
     "save": "Salvează",
     "saved": "Saved.",
@@ -198,7 +198,7 @@ export default {
     "logged_as": "Ești autentificat cu contul de utilizator",
     "how_can_you_help": "Cum poți ajuta",
     "gallery": "Galerie media",
-    "see_more" : "Vezi mai mult",
+    "see_more": "Vezi mai mult",
     "copiat": "copiat",
     "play_video": "Play video",
     "thank_you": "Îți mulțumim!",
@@ -233,7 +233,8 @@ export default {
     "ticket": "Ticket",
     "subject": "Subiect",
     "date": "Data",
-    "close_ticket": "Inchide ticket",
+    "close_ticket": "Închide ticket",
+    "reopen_ticket": "Redeschide ticket",
     "answer": "Raspunde",
     "message": "Mesaj",
     "add_ticket": "Deschide un tichet nou",
@@ -251,7 +252,7 @@ export default {
     "about_ong_description": "Descrierea organizației va face parte din profilul public al organizației tale.",
     "upload_file": "Încarcă fisier",
     "ong_statut": "Statutul organizației",
-    "file_description" : "Adaugă un document care conține statutul organizației tale, pentru a facilita verificarea organizației.",
+    "file_description": "Adaugă un document care conține statutul organizației tale, pentru a facilita verificarea organizației.",
     "ong_logo": "Logo-ul organizației",
     "upload_logo": "Încarcă logo",
     "contact_person": "Persoană de contact",
@@ -276,7 +277,7 @@ export default {
     "prev_edtions": "Ediții anterioare",
     "read_article": "Citește articol",
     "related_articles": "Articole asociate",
-    "register_project":  "Înscrie un proiect",
+    "register_project": "Înscrie un proiect",
     "register": "Înregistrează-te",
     "general_statistics": "Statistici generale",
     "home_title_1": "Singura platformă online unde",
@@ -307,7 +308,7 @@ export default {
     "regional_identified_need_label": "Care și a cui a fost nevoia identificată la care a răspuns proiectul vostru?",
     "regional_proposed_solution_label": "Care a fost soluția identificată pentru problemă?",
     "regional_project_progress_label": "Cum a decurs proiectul? Unde a avut loc, ce activități au fost derulate? Ce metode ați folosit?",
-    "regional_what_is_special_label" : "Ce este special în proiectul vostru și cum se diferențiază acesta de alte inițiative existente în aria geografică sau din domeniul abordat?",
+    "regional_what_is_special_label": "Ce este special în proiectul vostru și cum se diferențiază acesta de alte inițiative existente în aria geografică sau din domeniul abordat?",
     "regional_key_results_label": "Care sunt principalele rezultate ale proiectului?",
     "regional_pride_success_label": "De ce anume sunteți cel mai mândri în legătură cu acest proiect? Care vi s-a părut principalul element de succes pentru voi?",
     "regional_had_partners_label": "Ați avut parteneri în proiect?",
@@ -347,7 +348,7 @@ export default {
     "donations_place_2": "donatori Bursa Binelui",
     "my_prizes": "Premiile mele",
     "multiple_donor_title": "Donator multiplu",
-    "multiple_donor_description" : "Ai câștigat acest badge pentru că ai donat pentru cel puțin 3 organizații din Bursa Binelui!",
+    "multiple_donor_description": "Ai câștigat acest badge pentru că ai donat pentru cel puțin 3 organizații din Bursa Binelui!",
     "subscriber_donor_title": "Abonat la știri de bine!",
     "subscriber_donor_description": "Ai câștigat acest badge pentru că ai donat pentru cel puțin 3 organizații din Bursa Binelui!",
     "long_race_title": "Voluntar de cursă lungă",
@@ -393,5 +394,11 @@ export default {
     "register_as_volunteer": "Înscrie-te ca voluntar",
     "filters": 'Filtre',
     "regional_rules_title": 'Reguli Gale Regionale',
+    "ticket_subject": 'Subiect',
+    'ticket_created_at': 'Data',
+    'ticket_closed_at': 'Închis la data',
+    'ticket_reply_header': 'Trimite un răspuns',
+    'confirm_close_ticket': 'Ești sigur că vrei să închizi acest tichet?',
+    'confirm_reopen_ticket': 'Ești sigur că vrei să redeschizi acest tichet?',
     "add_regional_project": "Adaugă un proiect regional",
 }
diff --git a/resources/js/ssr.js b/resources/js/ssr.js
index 103b8f03..3dfe4733 100644
--- a/resources/js/ssr.js
+++ b/resources/js/ssr.js
@@ -5,7 +5,7 @@ import createServer from '@inertiajs/vue3/server';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';
 
-const appName = 'Laravel';
+const appName = 'Bursa Binelui';
 
 createServer((page) =>
     createInertiaApp({
diff --git a/resources/views/components/forms/value.blade.php b/resources/views/components/forms/value.blade.php
new file mode 100644
index 00000000..7eed625b
--- /dev/null
+++ b/resources/views/components/forms/value.blade.php
@@ -0,0 +1,16 @@
+<x-dynamic-component
+    :component="$getFieldWrapperView()"
+    :id="$getId()"
+    :label="$getLabel()"
+    :label-sr-only="$isLabelHidden()"
+    :helper-text="$getHelperText()"
+    :hint="$getHint()"
+    :hint-action="$getHintAction()"
+    :hint-color="$getHintColor()"
+    :hint-icon="$getHintIcon()"
+    :state-path="$getStatePath()"
+>
+    <div {{ $attributes->merge($getExtraAttributes())->class(['filament-forms-value-component text-gray-600 font-normal']) }}>
+        {{ $getContent() }}
+    </div>
+</x-dynamic-component>
diff --git a/resources/views/filament/resources/page.blade.php b/resources/views/filament/resources/page.blade.php
new file mode 100644
index 00000000..cd00dafb
--- /dev/null
+++ b/resources/views/filament/resources/page.blade.php
@@ -0,0 +1,3 @@
+<x-filament::page>
+
+</x-filament::page>
diff --git a/routes/tickets.php b/routes/tickets.php
index f2b8cbfe..45f5fba0 100644
--- a/routes/tickets.php
+++ b/routes/tickets.php
@@ -2,18 +2,19 @@
 
 declare(strict_types=1);
 
+use App\Http\Controllers\TicketController;
 use Illuminate\Support\Facades\Route;
-use Inertia\Inertia;
 
 /* Tichets routes. */
-Route::prefix('ong')->middleware('auth')->group(function () {
-    Route::get('/tichete-deschise', function () {
-        return Inertia::render('AdminOng/Tichets/OpenTickets');
-    })->name('admin.ong.tickets.open');
-    Route::get('/tichete-inchise', function () {
-        return Inertia::render('AdminOng/Tichets/ClosedTickets');
-    })->name('admin.ong.tickets.closed');
-    Route::get('/tichet/{tichet}', function () {
-        return Inertia::render('AdminOng/Tichets/Ticket');
-    })->name('admin.ong.tickets.view');
+Route::prefix('ong/tickets')->middleware('auth')->group(function () {
+    Route::get('/{status}', [TicketController::class, 'index'])
+        ->whereIn('status', ['open', 'closed'])
+        ->name('admin.ong.tickets.index');
+
+    Route::post('/', [TicketController::class, 'store'])->name('admin.ong.tickets.store');
+
+    Route::get('/{ticket}', [TicketController::class, 'show'])->name('admin.ong.tickets.view');
+    Route::post('/{ticket}/reply', [TicketController::class, 'reply'])->name('admin.ong.tickets.reply');
+    Route::post('/{ticket}/status', [TicketController::class, 'status'])
+        ->whereIn('status', ['open', 'closed'])->name('admin.ong.tickets.status');
 });