@if ($mode === 'provider')
    <section id="provider-media-section" class="provider-card" aria-labelledby="provider-media-heading">
        <p class="provider-eyebrow">{{ __('provider_portal.media.eyebrow') }}</p>
        <h2 id="provider-media-heading">{{ __('provider_portal.media.title') }}</h2>
        <p>{{ __('provider_portal.media.help') }}</p>
        @include('provider.partials.requirements-guide', [
            'id' => 'provider-media-requirements',
            'title' => __('provider_portal.requirements.optional_title'),
            'message' => __('provider_portal.requirements.provider_media'),
            'showRequiredLegend' => true,
        ])
        <div id="provider-media-progress" hidden></div>
        <div class="provider-media-grid">
            <form id="provider-logo-form" class="provider-upload-form provider-editor">
                <div id="provider-logo-preview" class="provider-media-preview provider-upload-form__preview" aria-live="polite"></div>
                <label class="provider-upload-form__field">{{ __('provider_portal.media.logo') }}
                    <input class="provider-upload-form__file" name="logo" type="file" accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp" data-provider-file-input required>
                    <span class="provider-upload-form__picker">
                        <span class="material-symbols-rounded" aria-hidden="true">add_photo_alternate</span>
                        <span class="provider-upload-form__picker-copy">
                            <strong>{{ __('provider_portal.media.choose') }}</strong>
                            <span data-provider-file-name>{{ __('provider_portal.media.none') }}</span>
                        </span>
                    </span>
                    <span class="provider-upload-form__hint">{{ __('provider_portal.media.hint_logo') }}</span>
                </label>
                <button class="provider-button provider-upload-form__submit" type="submit">
                    <span class="material-symbols-rounded" aria-hidden="true">upload</span>
                    {{ __('provider_portal.media.save_logo') }}
                </button>
            </form>
            <form id="provider-cover-form" class="provider-upload-form provider-editor">
                <div id="provider-cover-preview" class="provider-media-preview provider-upload-form__preview" aria-live="polite"></div>
                <label class="provider-upload-form__field">{{ __('provider_portal.media.cover') }}
                    <input class="provider-upload-form__file" name="cover" type="file" accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp" data-provider-file-input required>
                    <span class="provider-upload-form__picker">
                        <span class="material-symbols-rounded" aria-hidden="true">add_photo_alternate</span>
                        <span class="provider-upload-form__picker-copy">
                            <strong>{{ __('provider_portal.media.choose') }}</strong>
                            <span data-provider-file-name>{{ __('provider_portal.media.none') }}</span>
                        </span>
                    </span>
                    <span class="provider-upload-form__hint">{{ __('provider_portal.media.hint_cover') }}</span>
                </label>
                <button class="provider-button provider-upload-form__submit" type="submit">
                    <span class="material-symbols-rounded" aria-hidden="true">upload</span>
                    {{ __('provider_portal.media.save_cover') }}
                </button>
            </form>
        </div>
    </section>
@elseif ($mode === 'location')
    <section class="provider-card" aria-labelledby="provider-location-media-heading">
        <p class="provider-eyebrow">{{ __('provider_portal.media.location_eyebrow') }}</p>
        <h2 id="provider-location-media-heading">{{ __('provider_portal.media.location_title') }}</h2>
        @include('provider.partials.requirements-guide', [
            'id' => 'provider-location-media-requirements',
            'title' => __('provider_portal.requirements.optional_title'),
            'message' => __('provider_portal.requirements.location_media'),
            'showRequiredLegend' => true,
        ])
        <form id="provider-location-image-form" class="provider-operation-form provider-location-media-form">
            <label>{{ __('provider_portal.common.type') }}
                <select name="type" required>
                    <option value="gallery">{{ __('provider_portal.media.gallery') }}</option><option value="facility">{{ __('provider_portal.media.facility') }}</option>
                    <option value="service">{{ __('provider_portal.media.service') }}</option><option value="logo">{{ __('provider_portal.media.logo') }}</option>
                    <option value="cover">{{ __('provider_portal.media.cover') }}</option>
                </select>
            </label>
            <label class="provider-upload-form__field">{{ __('provider_portal.media.image') }}
                <input class="provider-upload-form__file" name="image" type="file" accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp" data-provider-file-input required>
                <span class="provider-upload-form__picker">
                    <span class="material-symbols-rounded" aria-hidden="true">add_photo_alternate</span>
                    <span class="provider-upload-form__picker-copy">
                        <strong>{{ __('provider_portal.media.choose') }}</strong>
                        <span data-provider-file-name>{{ __('provider_portal.media.none') }}</span>
                    </span>
                </span>
                <span class="provider-upload-form__hint">{{ __('provider_portal.media.hint_location') }}</span>
            </label>
            <label>{{ __('provider_portal.media.alt') }}<input name="alt_text" maxlength="255"></label>
            <p class="provider-location-media-limit" data-provider-location-image-limit hidden>
                {{ __('provider_portal.media.limit_location') }}
            </p>
            <button class="provider-button provider-upload-form__submit" type="submit">
                <span class="material-symbols-rounded" aria-hidden="true">upload</span>
                {{ __('provider_portal.media.add') }}
            </button>
        </form>
        <div id="provider-location-images" class="provider-media-grid" aria-live="polite"></div>
    </section>
@endif