# Pages

# Welcome Page

You can modify the welcome page on your Ticaga installation by editing the following file:

```php
resources/views/welcome.blade.php
```

This is what comes shipped with Ticaga:

```php
<x-guest-layout>
    <div class="py-12">
        <div class="max-w-7xl mt-6 mx-auto sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-700 overflow-hidden shadow-xl sm:rounded-lg">
                <div
                    class="p-6 lg:p-8 bg-white dark:bg-gray-700 dark:bg-linear-to-bl dark:from-gray-500/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
                    <h1 class="mt-8 text-2xl font-medium text-gray-900 dark:text-white">
                        Welcome to your Ticaga installation!
                    </h1>

                    <p class="mt-6 text-gray-500 dark:text-gray-400 leading-relaxed">
                        Congratulations on installing <b>Ticaga</b>, now you're one step away from using the most
                        powerful, modern help desk for your company.<br/>
                        Ticaga has been designed from the bottom up to ensure your team and customers can easily browse,
                        submit tickets and much more straight out of the box.
                        Powered by Laravel the modern and most advanced framework, we hope you can make Ticaga your own.
                    </p>
                </div>

                <div
                    class="bg-gray-200 dark:bg-gray-700 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
                    <div>
                        <div class="flex items-center">
                            <i class="fa-solid fa-book text-gray-400"></i>
                            <h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">
                                <a href="https://docs.ticaga.com" target="_blank">Documentation</a>
                            </h2>
                        </div>

                        <p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                            Ticaga has a fully fledged documentation website. This is where you can find all kinds of
                            hints,
                            tips
                            and tools to help you get started.
                        </p>

                        <p class="mt-4 text-sm">
                            <a href="https://docs.ticaga.com" target="_blank"
                               class="inline-flex items-center font-semibold text-blue-900  dark:text-blue-300">
                                Dive into the documentation world

                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                                     class="ms-1 w-5 h-5 fill-blue-500 dark:fill-blue-200">
                                    <path fill-rule="evenodd"
                                          d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                          clip-rule="evenodd"/>
                                </svg>
                            </a>
                        </p>
                    </div>

                    <div>
                        <div class="flex items-center">
                            <i class="fa-brands fa-youtube text-gray-400"></i>
                            <h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">
                                <a href="https://www.youtube.com/@Ticaga/videos" target="_blank">Ticaga Tube</a>
                            </h2>
                        </div>

                        <p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                            Ticaga has a library of videos on Youtube, from exploring the past, to future features. We
                            also do live streams and upload tutorials there.
                        </p>

                        <p class="mt-4 text-sm">
                            <a href="https://www.youtube.com/@Ticaga/videos" target="_blank"
                               class="inline-flex items-center font-semibold text-blue-900  dark:text-blue-300">
                                Why not check out our videos?

                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                                     class="ms-1 w-5 h-5 fill-blue-500 dark:fill-blue-200">
                                    <path fill-rule="evenodd"
                                          d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                          clip-rule="evenodd"/>
                                </svg>
                            </a>
                        </p>
                    </div>


                </div>

            </div>
        </div>
    </div>
</x-guest-layout>
```

# Dashboard page

You can edit the dashboard page by editing the following file:

```php
resources/views/dashboard.blade.php
```

This is what ships with Ticaga by default:

```php
@php use Illuminate\Support\Facades\Auth; @endphp
@section('title', 'Dashboard - Ticaga')
<x-app-layout>
    <div class="max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 pt-16 mt-6 mx-auto">
        @if (Auth::user()->is_agent == '1')
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Open') }}</h2>
                        <h1 style="float-right">
                            <livewire:tickets_open :agent="0"/>
                        </h1>
                    </div>
                </div>
            </div>
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Resolved') }}</h2>
                        <h1 style="float-right">
                            <livewire:tickets_resolved :agent="0"/>
                        </h1>
                    </div>
                </div>
            </div>
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Employees Online') }}</h2>
                        <h1 style="float-right">
                            <livewire:employees_online/>
                        </h1>
                    </div>
                </div>
            </div>
        @else
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Open') }}</h2>
                        <h1 style="float-right">
                            <livewire:my_tickets_open/>
                        </h1>
                    </div>
                </div>
            </div>
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Resolved') }}</h2>
                        <h1 style="float-right">
                            <livewire:my_tickets_resolved/>
                        </h1>
                    </div>
                </div>
            </div>
            <div>
                <div class="card bg-white dark:bg-gray-900 text-neutral dark:text-gray-100">
                    <div class="card-body">
                        <h2 class="card-title">{{ __('Account Manager') }}</h2>
                        <h1 style="float-right">
                            <livewire:my_account_manager/>
                        </h1>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div>
        @if(Auth::user()->is_agent)
            <div class="max-w-12xl mt-4">
                <div
                    class="sm:rounded-lg max-w-7xl grid grid-cols-1 gap-4 sm:gap-6 mt-1 mx-auto">
                    <x-agents.tickets/>
                </div>
            </div>
            <div class="max-w-12xl mt-4">
                <div
                    class="sm:rounded-lg max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4 sm:gap-6 mt-1 mx-auto">
                    <x-agents.whos_online/>
                    <x-agents.news/>
                </div>
            </div>
        @else
            <div class="max-w-12xl mt-4">
                @auth
                    <livewire:widgets.tickets/>
                @endauth
                <x-welcome/>
            </div>
        @endif
    </div>
</x-app-layout>

```

# Customers welcome page

Underneath the tickets widget for the customers is a content box, this can be customised by editing the following file:

```
resources/views/components/welcome.blade.php
```

This is the default content which ships with Ticaga:

```
<div
    class="rounded-lg p-6 lg:p-8 bg-white dark:bg-gray-700 border-gray-200 dark:border-gray-700 mt-3">
    <h1 class="text-2xl font-medium text-gray-900 dark:text-white">
        Welcome to your {{ config('app.name') }} dashboard.
    </h1>

    <p class="mt-6 text-gray-500 dark:text-gray-400 leading-relaxed">
        Here you can open and manage tickets with our company.
    </p>
</div>
```