@if (auth()->check())
    <div class="flex -space-x-px">
        <a href="{{ route('calendar', ['view' => $viewNew, 'date' => $prevYearMonth]) }}" type="button"
            class="size-7.5 inline-flex justify-center items-center gap-x-1 text-xs first:rounded-s-md last:rounded-e-md border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600">
            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m15 18-6-6 6-6" />
            </svg>
        </a>

        <a href="{{ route('calendar', ['view' => $viewNew, 'date' => $nextYearMonth]) }}" type="button"
            class="size-7.5 inline-flex justify-center items-center gap-x-1 text-xs first:rounded-s-md last:rounded-e-md border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600">
            <svg class="shrink-0 size-3.5" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m9 18 6-6-6-6" />
            </svg>
        </a>
    </div>
@else

    <div class="flex -space-x-px">
        <a href="{{ route('customer.calendar', ['ticket_id'=> $ticket?->id, 'view' => $viewNew, 'date' => $prevYearMonth]) }}" type="button"
            class="size-7.5 inline-flex justify-center items-center gap-x-1 text-xs first:rounded-s-md last:rounded-e-md border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600">
            <svg class="shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m15 18-6-6 6-6" />
            </svg>
        </a>

        <a href="{{ route('customer.calendar', ['ticket_id'=> $ticket?->id, 'view' => $viewNew, 'date' => $nextYearMonth]) }}" type="button"
            class="size-7.5 inline-flex justify-center items-center gap-x-1 text-xs first:rounded-s-md last:rounded-e-md border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600">
            <svg class="shrink-0 size-3.5" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m9 18 6-6-6-6" />
            </svg>
        </a>
    </div>

@endif