@if (App::getLocale() == 'ar')
    <nav style="--bs-breadcrumb-divider: '>'; color:white" aria-label="breadcrumb">
        <ol class="breadcrumb text-light">
            <li class="breadcrumb-item"><a href="{{ url('/') }}"
                    class=" text-light">{{ __('messages.home_title') }}</a>
            </li>
            <li class="breadcrumb-item"><a href="{{ url('/product') }}" class=" text-light">
                    {{ __('messages.products_title') }}</a></li>
            @if ($product->category->parent)
                <li class="breadcrumb-item">{{ $product->category->parent->name }} </li>
            @endif
            <li class="breadcrumb-item text-light active" aria-current="page">{{ $product->category->name }}</li>
        </ol>
    </nav>
@else
    <nav style="--bs-breadcrumb-divider: '>'; color:white" aria-label="breadcrumb">
        <ol class="breadcrumb text-light">
            <li class="breadcrumb-item"><a href="{{ url('/') }}"
                    class=" text-light">{{ __('messages.home_title') }}</a>
            </li>
            <li class="breadcrumb-item"><a href="{{ url('/product') }}" class=" text-light">
                    {{ __('messages.products_title') }}</a></li>
            @if ($product->category->parent)
                <li class="breadcrumb-item">{{ $product->category->parent->name_en }} </li>
            @endif
            <li class="breadcrumb-item text-light active" aria-current="page">{{ $product->category->name_en }}</li>
        </ol>
    </nav>
@endif