@if (
    !empty($config['upload']['image']) ||
        !empty($config['upload']['gallery']['status']) ||
        !empty($config['upload']['file']) ||
        !empty($config['upload']['video']) ||
        !empty($config['upload']['youtube']))
    <div class="card card-body">
        <ul class="nav nav-tabs">
            @if (!empty($config['upload']['image']))
                <li class="nav-item">
                    <a href="#image" data-bs-toggle="tab" aria-expanded="false"
                        class="nav-link {{ $nav == 0 ? 'active' : '' }}">
                        {{ __('content::page.upload.image') }} </a>
                </li>
                            @endif
            @if (!empty($config['upload']['gallery']['status']))
                <li class="nav-item">
                    <a href="#gallery" data-bs-toggle="tab" aria-expanded="false"
                        class="nav-link {{ $nav == 0 ? 'active' : '' }}">
                        {{ __('content::page.upload.gallery') }} </a>
                </li>
                            @endif
            @if (!empty($config['upload']['file']))
                <li class="nav-item">
                    <a href="#file" data-bs-toggle="tab" aria-expanded="false"
                        class="nav-link {{ $nav == 0 ? 'active' : '' }}">
                        {{ __('content::page.upload.file') }} </a>
                </li>
                            @endif
            @if (!empty($config['upload']['video']))
                <li class="nav-item">
                    <a href="#video" data-bs-toggle="tab" aria-expanded="false"
                        class="nav-link {{ $nav == 0 ? 'active' : '' }}">
                        {{ __('content::page.upload.video') }} </a>
                </li>
                            @endif
            @if (!empty($config['upload']['youtube']))
                <li class="nav-item">
                    <a href="#youtube" data-bs-toggle="tab" aria-expanded="false"
                        class="nav-link {{ $nav == 0 ? 'active' : '' }}">
                        {{ __('content::page.upload.youtube') }} </a>
                </li>
                            @endif
        </ul>
        <div class="tab-content p-3 border border-top-0">
            @if (!empty($config['upload']['image']))
                <div class="tab-pane {{ $tab == 0 ? 'active' : '' }}" id="image">
                    <x-form.upload-image id="1" name="image" label="{{ __('content::page.field.image') }}"
                        type="image" image="{{ $data->image ?? null }}"
                        recommend='{{ __("content::page.{$type}.size.image") }}' />
                </div>
                            @endif
            @if (!empty($config['upload']['gallery']['status']))
                <div class="tab-pane {{ $tab == 0 ? 'active' : '' }}" id="gallery">
                                        <x-form.multi-image id="gallery_multi" name="gallery_multi" :files=$gallery
                        action='{{ route("admin.$type.page.save_gallery") }}' accept="image/*"
                        max="{{ $config['upload']['gallery']['max'] ?? 10 }}" inputs="" />
                </div>
                            @endif
            @if (!empty($config['upload']['file']))
                <div class="tab-pane {{ $tab == 0 ? 'active' : '' }}" id="file">
                    <x-form.upload-image id="2" name="file" label="{{ __('content::page.field.file') }}"
                        type="file" image="{{ $data->file ?? null }}"
                        recommend='{{ __("content::page.{$type}.size.file") }}' />
                </div>
                            @endif
            @if (!empty($config['upload']['video']))
                <div class="tab-pane {{ $tab == 0 ? 'active' : '' }}" id="video">
                    <x-form.upload-image id="3" name="video" label="{{ __('content::page.field.video') }}"
                        type="video" image="{{ $data->video ?? null }}"
                        recommend='{{ __("content::page.{$type}.size.video") }}' />
                </div>
                            @endif
            @if (!empty($config['upload']['youtube']))
                <div class="tab-pane {{ $tab == 0 ? 'active' : '' }}" id="youtube">
                    <label class="form-label">{{ __('content::page.field.youtube') }}</label>
                    <x-form.input name="youtube" type="input" value="{{ $data->youtube ?? null }}"
                        placeholder="{{ __('content::page.field.youtube_placeholder') }}" />
                </div>
                            @endif
        </div>
    </div>
@endif