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