@aware(['page', 'urlAnterior', 'urlProximo'])
@php
    $currentUrlPath = parse_url(url()->current(), PHP_URL_PATH);
    $is_anterior = \Illuminate\Support\Str::startsWith($currentUrlPath, $urlAnterior);
    $is_proximo = \Illuminate\Support\Str::startsWith($currentUrlPath, $urlProximo);

@endphp
<div class="py-10 sm:px-16 bg-white">
    <div class="bg-midnightblue-100 flex gap-2 items-center justify-between mt-3 mx-auto relative rounded-46xl sm:mt-7
            text-xs text-white/70 tracking-wider whitespace-nowrap w-fit">
        <a href="{{ !$is_anterior ? $urlAnterior : '#' }}"
           class="flex gap-2 px-3 sm:px-6 py-3 uppercase {{ $is_anterior ? 'opacity-50' : '' }}">
            @if(!$is_anterior)
                <svg xmlns="http://www.w3.org/2000/svg" width="18.414" height="14.828" viewBox="0 0 18.414 14.828">
                    <defs>
                        <style>.a {
                                fill: none;
                                stroke: #fff;
                                stroke-linecap: round;
                                stroke-linejoin: round;
                                stroke-width: 2px;
                            }</style>
                    </defs>
                    <path class="a" d="M20,12H4m0,0,6-6M4,12l6,6" transform="translate(-2.586 -4.586)"/>
                </svg>
            @endif
            {{ $tituloAnterior }}
        </a>
        <a href="{{ !$is_proximo ? $urlProximo : '#'  }}"
           class="flex gap-2 px-3 sm:px-6 py-3 uppercase {{ $is_proximo ? 'opacity-50' : '' }}">
            {{ $tituloProximo  }}
            @if(!$is_proximo)
                <svg xmlns="http://www.w3.org/2000/svg" width="18.414" height="14.828" viewBox="0 0 18.414 14.828">
                    <defs>
                        <style>.a {
                                fill: none;
                                stroke: #fff;
                                stroke-linecap: round;
                                stroke-linejoin: round;
                                stroke-width: 2px;
                            }</style>
                    </defs>
                    <path class="a" d="M4,12H20m0,0L14,6m6,6-6,6" transform="translate(-3 -4.586)"/>
                </svg>
            @endif
        </a>
    </div>
</div>