<x-layouts.app :title="__('Tickets')">
    <flux:heading size="xl" level="1">
        {{ __('Viewing Tickets') }}
    </flux:heading>
    <flux:text class="mt-2">
       {{ __("Here you can view all the tickets on the help-desk.") }}
    </flux:text>
    <flux:separator variant="subtle" class="mt-3 mb-3" />

    <div class="flex w-full flex-1 flex-col gap-4 rounded-xl mb-3">
        <livewire:partials.tickets.statistics/>
    </div>
    
    <livewire:tickets.view/>
</x-layouts.app>