@inherits ExportSettingsBase

<div class="fr-webreport-popup-content-export-parameters">
    <div class="fr-webreport-popup-content-title">
        @localization.Title
    </div>
    <PageSelector ExportParameters="ExportParameters" WebReport="WebReport"></PageSelector>
</div>

<div class="fr-webreport-popup-content-export-parameters">

    <label> @localization.Options</label>
    <div class="fr-webreport-popup-content-export-parameters-row">
        <select style="align-self:flex-start;" class="custom-select" @bind="@(ExportParameters["PdfCompliance"])">
            <option value="None" selected>PDF 1.5</option>
            <option value="PdfA_1a">PDF/A-1a</option>
            <option value="PdfA_2a">PDF/A-2a</option>
            <option value="PdfA_2b">PDF/A-2b</option>
            <option value="PdfA_3a">PDF/A-3a</option>
            <option value="PdfA_3b">PDF/A-3b</option>
            <option value="PdfX_3">PDF/X-3</option>
            <option value="PdfX_4">PDF/X-4</option>
        </select>

        <div class="fr-webreport-popup-content-export-parameters-col">
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("EmbeddingFonts")"
                    @onclick="OnEmbeddedFontsClick">
                @localization.EmbeddedFonts
            </button>

            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("TextInCurves")" @onclick="OnTextInCurvesClick">
                @localization.TextInCurves
            </button>

            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("InteractiveForms")" @onclick="OnInteractiveClick">
                @localization.InteractiveForms
            </button>

            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("Background")" @onclick="OnBackgroundClick">
                @localization.Background
            </button>
        </div>
    </div>
</div>

<div class="fr-webreport-popup-content-export-parameters">

    <label> @localization.Images</label>

    <div class="fr-webreport-popup-content-export-parameters-col">
   
            @if (!CompressionIsDisabled())
            {
                <Slider Min="0.0f" Max="100f" @bind-Value="JpegQuality" Label="@localization.JpegQuality"></Slider>
            }

            @*disabled="@CompressionIsDisabled()"*@
    </div>
    <div class="fr-webreport-popup-content-export-parameters-row">
        <select class="custom-select" @bind="@ExportParameters["ColorSpace"]">
            <option value="RGB" selected>RGB</option>
            <option value="CMYK">CMYK</option>
        </select>


        <select class="custom-select" @onchange="OnImageOptionChange">
            <option value="None" selected>@Localize("NoOptimizations")</option>
            <option value="PrintOptimized">@localization.PrintOptimized</option>
            <option value="ImagesOriginalResolution">@localization.OriginalResolution</option>
        </select>
    </div>
</div>

