Initial commit

2026-05-09 17:28:23 +02:00
commit 9d73f82529
5575 changed files with 281989 additions and 0 deletions
@@ -0,0 +1,78 @@
+<x-app-layout>
+ @push('title', 'Create a ticket')
+
+ <x-content.content-card icon="chat-icon" classes="border border-[var(--color-text-muted)] col-span-12 lg:col-span-9">
+ <x-slot:title>
+ {{ __('Create a ticket') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Please describe your request below') }}
+ </x-slot:under-title>
+
+ <form action="{{ route('help-center.ticket.store') }}" method="POST">
+ @csrf
+
+ <select name="category_id" id="category_id"
+ class="focus:ring-0 border-4 border-[var(--color-text-muted)] rounded bg-[var(--color-surface)] border-[var(--color-text-muted)] text-[var(--color-text)] focus:border-[var(--color-primary)] w-full @error('category_id') border-red-600 ring-red-500 @enderror">
+ @foreach($categories as $category)
+ <option value="{{ $category->id }}">
+ {{ $category->name }}
+ </option>
+ @endforeach
+ </select>
+
+ <div class="mt-4 no-tailwind">
+ <x-form.label for="password_confirmation">
+ {{ __('Title') }}
+ </x-form.label>
+
+ <x-form.input name="title" type="text"
+ placeholder="{{ __('Enter a title for your ticket') }}"/>
+ </div>
+
+ <x-form.wysiwyg-editor/>
+
+ <x-form.secondary-button type="submit" classes="mt-4">
+ {{ __('Submit ticket') }}
+ </x-form.secondary-button>
+ </form>
+ </x-content.content-card>
+
+ <div class="col-span-12 lg:col-span-3">
+ <x-content.content-card icon="duo-chat-icon"
+ classes="border border-[var(--color-text-muted)] text-[var(--color-text)]">
+ <x-slot:title>
+ {{ __('Open tickets') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Your current open tickets') }}
+ </x-slot:under-title>
+
+
+ <div class="flex flex-col gap-2">
+ @forelse($openTickets as $ticket)
+ <div class="w-full rounded bg-[var(--color-background)] p-2">
+ <div class="flex items-center gap-x-1">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+ stroke="currentColor" class="w-4 h-4">
+ <path stroke-linecap="round" stroke-linejoin="round"
+ d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5"/>
+ </svg>
+
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.show', $ticket) }}" class="hover:text-[var(--color-primary)]">
+ {{ Str::limit($ticket->title, 20) }}
+ </a>
+ </div>
+ </div>
+ @empty
+ <p>
+ You currently have no open tickets.
+ </p>
+
+ @endforelse
+ </div>
+ </x-content.content-card>
+ </div>
+</x-app-layout>
@@ -0,0 +1,83 @@
+<x-app-layout>
+ @push('title', 'Create a ticket')
+
+ <x-content.content-card icon="chat-icon" classes="border border-[var(--color-text-muted)] col-span-12 lg:col-span-9">
+ <x-slot:title>
+ {{ __('Edit your ticket') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Please describe your request below') }}
+ </x-slot:under-title>
+
+ <form action="{{ route('help-center.ticket.update', $ticket) }}" method="POST">
+ @method('PUT')
+ @csrf
+
+ <select name="category_id" id="category_id"
+ class="focus:ring-0 border-4 border-[var(--color-text-muted)] rounded bg-[var(--color-surface)] border-[var(--color-text-muted)] text-[var(--color-text)] focus:border-[var(--color-primary)] w-full @error('category_id') border-red-600 ring-red-500 @enderror">
+ <option value="{{ $ticket->category_id }}" selected>
+ {{ $ticket->category->name }}
+ </option>
+
+ @foreach($categories as $category)
+ <option value="{{ $category->id }}">
+ {{ $category->name }}
+ </option>
+ @endforeach
+ </select>
+
+ <div class="mt-4 no-tailwind">
+ <x-form.label for="password_confirmation">
+ {{ __('Title') }}
+ </x-form.label>
+
+ <x-form.input name="title" type="text" value="{{ $ticket->title }}"
+ placeholder="{{ __('Enter a title for your ticket') }}"/>
+ </div>
+
+ <x-form.wysiwyg-editor :content="$ticket->content"/>
+
+ <x-form.secondary-button type="submit" classes="mt-4">
+ {{ __('Update ticket') }}
+ </x-form.secondary-button>
+ </form>
+ </x-content.content-card>
+
+ <div class="col-span-12 lg:col-span-3">
+ <x-content.content-card icon="duo-chat-icon"
+ classes="border border-[var(--color-text-muted)] text-[var(--color-text)]">
+ <x-slot:title>
+ {{ __('Open tickets') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Your current open tickets') }}
+ </x-slot:under-title>
+
+
+ <div class="flex flex-col gap-2">
+ @forelse($openTickets as $ticket)
+ <div class="w-full rounded bg-[var(--color-background)] p-2">
+ <div class="flex items-center gap-x-1">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+ stroke="currentColor" class="w-4 h-4">
+ <path stroke-linecap="round" stroke-linejoin="round"
+ d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5"/>
+ </svg>
+
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.show', $ticket) }}" class="hover:text-[var(--color-primary)]">
+ {{ Str::limit($ticket->title, 20) }}
+ </a>
+ </div>
+ </div>
+ @empty
+ <p>
+ You currently have no open tickets.
+ </p>
+
+ @endforelse
+ </div>
+ </x-content.content-card>
+ </div>
+</x-app-layout>
@@ -0,0 +1,83 @@
+<x-app-layout>
+ @push('title', 'Create a ticket')
+
+ <x-content.content-card icon="chat-icon" classes="border col-span-12">
+ <x-slot:title>
+ {{ __('All tickets') }}
+ </x-slot:title>
+
+ <div class="overflow-hidden overflow-x-auto rounded border" style="border-color: var(--color-text-muted);">
+ <table class="min-w-full text-sm divide-y" style="border-color: var(--color-text-muted);">
+ <thead style="background-color: var(--color-surface);">
+ <tr>
+ <th class="whitespace-nowrap px-4 py-2 text-left font-medium">
+ {{ __('Title') }}
+ </th>
+ <th class="whitespace-nowrap px-4 py-2 text-left font-medium">
+ {{ __('Author') }}
+ </th>
+ <th class="whitespace-nowrap px-4 py-2 text-left font-medium">
+ {{ __('Status') }}
+ </th>
+ <th class="whitespace-nowrap px-4 py-2 text-left font-medium">
+ {{ __('Actions') }}
+ </th>
+ </tr>
+ </thead>
+
+ <tbody class="divide-y" style="border-color: var(--color-text-muted); color: var(--color-text);">
+ @forelse ($tickets as $ticket)
+ <tr>
+ <td class="whitespace-nowrap px-4 py-2 font-medium">
+ {{ Str::limit($ticket->title, 80) }}
+ </td>
+ <td class="px-4 py-2">
+ {{ $ticket->user->username }}</td>
+ <td class="px-4 py-2">
+ {{ $ticket->open ? 'Open' : 'Closed' }}
+ </td>
+ <td class="whitespace-nowrap px-4 py-2 font-medium flex gap-x-3">
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.show', $ticket) }}" style="color: var(--link-color);">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" />
+ <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+ </svg>
+ </a>
+
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.edit', $ticket) }}" style="color: var(--link-color);">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
+ </svg>
+ </a>
+
+ @if(hasPermission('delete_website_tickets'))
+ <form action="{{ route('help-center.ticket.destroy', $ticket) }}" method="POST">
+ @method('DELETE')
+ @csrf
+
+ <button type="submit" style="color: #ef4444;">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
+ </svg>
+ </button>
+ </form>
+ @endif
+ </td>
+ </tr>
+ @empty
+ <tr>
+ <td class="whitespace-nowrap px-4 py-2 text-center"
+ colspan="3">
+ {{ __('No tickets available') }}
+ </td>
+ </tr>
+ @endforelse
+ </tbody>
+ </table>
+ </div>
+
+ <div class="mt-4">
+ {{ $tickets->links() }}
+ </div>
+ </x-content.content-card>
+</x-app-layout>
@@ -0,0 +1,185 @@
+<x-app-layout>
+ @push('title', 'Create a ticket')
+
+ <x-content.content-card icon="chat-icon" classes="border border-[var(--color-text-muted)] text-[var(--color-text)] col-span-12 lg:col-span-9">
+ <x-slot:title>
+ <div class="flex gap-x-2">
+ {{ $ticket->title }} [{{ $ticket->category->name }}]
+
+ @if($ticket->canManageTicket())
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.edit', $ticket) }}">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
+ </svg>
+ </a>
+ @endif
+ </div>
+ </x-slot:title>
+
+ <div class="w-full flex gap-x-3">
+ @if($ticket->isOpen())
+ <form action="{{ route('help-center.ticket.toggle-status', $ticket) }}" method="POST" class="w-full">
+ @method('PUT')
+ @csrf
+
+ <x-form.secondary-button>
+ Close
+ </x-form.secondary-button>
+ </form>
+ @else
+ <form action="{{ route('help-center.ticket.toggle-status', $ticket) }}" method="POST" class="w-full">
+ @method('PUT')
+ @csrf
+
+ <x-form.primary-button>
+ Re-open
+ </x-form.primary-button>
+ </form>
+ @endif
+
+ <form action="{{ route('help-center.ticket.destroy', $ticket) }}" method="POST" class="w-full">
+ @method('DELETE')
+ @csrf
+
+ <x-form.danger-button>
+ Delete
+ </x-form.danger-button>
+ </form>
+ </div>
+
+ <article class="prose-xl mt-8" style="width: 100%;">
+ {!! $ticket->content !!}
+ </article>
+ </x-content.content-card>
+
+ <div class="col-span-12 lg:col-span-3">
+ <x-content.content-card icon="duo-chat-icon"
+ classes="border border-[var(--color-text-muted)] text-[var(--color-text)]">
+ <x-slot:title>
+ {{ __('Open tickets') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Your current open tickets') }}
+ </x-slot:under-title>
+
+ <div class="flex flex-col gap-2">
+ @forelse($openTickets as $ticket)
+ <div class="w-full rounded bg-gray-200 p-2 dark:bg-gray-700">
+ <div class="flex items-center gap-x-1">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+ stroke="currentColor" class="w-4 h-4">
+ <path stroke-linecap="round" stroke-linejoin="round"
+ d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5"/>
+ </svg>
+
+ <a data-turbolinks="false" href="{{ route('help-center.ticket.show', $ticket) }}" class="hover:text-[var(--color-primary)]">
+ {{ Str::limit($ticket->title, 20) }}
+ </a>
+ </div>
+ </div>
+ @empty
+ <p>
+ You currently have no open tickets.
+ </p>
+ @endforelse
+ </div>
+ </x-content.content-card>
+ </div>
+
+ <x-content.content-card icon="duo-chat-icon"
+ classes="border border-[var(--color-text-muted)] text-[var(--color-text)] border border-[var(--color-text-muted)] text-[var(--color-text)] col-span-12 lg:col-span-9 -mt-4">
+ <x-slot:title>
+ {{ __('Comments') }}
+ </x-slot:title>
+
+ <x-slot:under-title>
+ {{ __('Please submit your reply below') }}
+ </x-slot:under-title>
+
+ @if($ticket->isOpen())
+ <form action="{{ route('help-center.ticket.reply.store', $ticket) }}" method="POST">
+ @csrf
+
+ <x-form.wysiwyg-editor />
+
+ <x-form.secondary-button classes="mt-2">
+ {{ __('Submit reply') }}
+ </x-form.secondary-button>
+ </form>
+ @endif
+
+ <div class="flex flex-col gap-y-4 mt-4">
+ @forelse($ticket->replies as $reply)
+ @if($reply->user_id === auth()->user()->id)
+ <div class="w-full rounded bg-[var(--color-background)]">
+ <div class="h-[50px] px-4 flex items-center justify-between border-b border-[var(--color-text-muted)] relative overflow-hidden">
+ <div class="flex">
+ <small class="ml-14 text-[var(--color-text-muted)]">{{ $reply->user->username }}</small>
+ <div class="absolute left-2 -bottom-10 flex gap-x-2">
+ <img src="{{ setting('avatar_imager') }}/{{ $reply->user->look }}" alt="">
+ </div>
+ </div>
+
+ <div class="flex gap-x-2">
+ <small class="text-[var(--color-text-muted)]">{{ $reply->created_at->diffForHumans() }}</small>
+
+ @if($reply->user_id === Auth::id() || hasPermission('delete_website_ticket_replies'))
+ <form action="{{ route('help-center.ticket.reply.destroy', $reply) }}" method="POST">
+ @method('DELETE')
+ @csrf
+
+ <button type="submit">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
+ </svg>
+ </button>
+ </form>
+ @endif
+ </div>
+ </div>
+
+ <div class="p-4">
+ {!! $reply->content !!}
+ </div>
+ </div>
+ @else
+ <div class="w-full rounded bg-[var(--color-background)]">
+ <div class="h-[50px] px-4 flex items-center justify-between border-b border-[var(--color-text-muted)] relative overflow-hidden">
+ <div class="flex gap-x-2">
+ <form action="{{ route('help-center.ticket.reply.destroy', $reply) }}" method="POST">
+ @method('DELETE')
+ @csrf
+
+ <button type="submit">
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
+ </svg>
+ </button>
+ </form>
+
+ <small class="text-[var(--color-text-muted)]">{{ $reply->created_at->diffForHumans() }}</small>
+ </div>
+
+
+ <div class="flex">
+ <small class="mr-14 text-[var(--color-text-muted)]">{{ $reply->user->username }}</small>
+ <div class="absolute right-2 -bottom-10 flex gap-x-2">
+ <img class="scale-x-[-1]" src="{{ setting('avatar_imager') }}/{{ $reply->user->look }}" alt="">
+ </div>
+ </div>
+ </div>
+
+ <div class="p-4">
+ {!! $reply->content !!}
+ </div>
+ </div>
+ @endif
+ @empty
+ <p>
+ {{ __('There is currently no replies') }}
+ </p>
+ @endforelse
+ </div>
+ </x-content.content-card>
+</x-app-layout>