@php
$tabs = [
    'overview'     => 'Overview',
    'informations' => 'Informations',
    'operations'   => 'Opérations',
    'presentation' => 'Présentation',
    'visuels'      => 'Visuels Plan Média',
    // 'activity'  => 'Activité',
];
@endphp

<div class="kt-container-fixed">
    <div class="flex items-center flex-wrap md:flex-nowrap lg:items-end justify-between border-b border-b-border gap-3 lg:gap-6 mb-5">
        <div class="grid">
            <div class="kt-scrollable-x-auto">
                <div class="kt-menu gap-3" data-kt-menu="true">
                    @foreach ($tabs as $slug => $label)
                    <div class="kt-menu-item border-b-2 border-b-transparent kt-menu-item-active:border-b-primary kt-menu-item-here:border-b-primary {{ $part === $slug ? 'here' : '' }}">
                        <a class="kt-menu-link gap-1.5 pb-2 lg:pb-4 px-2"
                            href="{{ route('admin.crm.media.show', [$media->id, $slug]) }}">
                            <span class="kt-menu-title text-nowrap font-medium text-sm text-secondary-foreground kt-menu-item-active:text-primary kt-menu-item-active:font-semibold kt-menu-item-here:text-primary kt-menu-item-here:font-semibold kt-menu-item-show:text-primary kt-menu-link-hover:text-primary">
                                {{ $label }}
                            </span>
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @can('edit-media')
        @if ($availableTypes->isNotEmpty())
        <div class="flex items-center justify-end grow lg:grow-0 lg:pb-4 mb-3 lg:mb-0">
            <button type="button" data-kt-modal-toggle="#modal_add_type" class="kt-btn kt-btn-sm kt-btn-outline">
                <i class="ki-outline ki-plus"></i> Ajouter un type de média
            </button>
        </div>
        @endif
        @endcan
    </div>
</div>

@include('back.modules.crm.media.partials.modal_add_type')