@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">
        <div class="fr-webreport-popup-content-export-parameters-col">
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("Wysiwyg")"
                    @onclick="OnWysiwygClick">
                Wysiwyg
            </button>
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("PageBreaks")"
                    @onclick="OnPageBreaksClick">
                @localization.PageBreaks
            </button>
        </div>

        <div class="fr-webreport-popup-content-export-parameters-col">
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("DataOnly")"
                    @onclick="OnDataOnlyClick">
                @localization.DataOnly
            </button>
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("Seamless")"
                    @onclick="OnSeemlessTableClick">
                @localization.Seamless
            </button>
        </div>

        <div class="fr-webreport-popup-content-export-parameters-col">
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("PrintOptimized")"
                    @onclick="OnPrintOptimizedClick">
                @localization.PrintOptimized
            </button>
            <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("SplitPages")"
                    @onclick="OnSplitPagesClick">
                @localization.SplitPages
            </button>
        </div>
    </div>
</div>

<div class="fr-webreport-popup-content-export-parameters">
    <div class="fr-webreport-popup-content-export-parameters-col">
        <label for="printFitSelect" class="mb-1">@localization.PrintScaling</label>
        <select style="width:250px;" class="custom-select" @onchange="OnPrintFitChange" id="printFitSelect">
            <option value="NoScaling" selected>@localization.NoScaling</option>
            <option value="FitSheetOnOnePage">@localization.FitSheetOnOnePage</option>
            <option value="FitAllColumsOnOnePage">@localization.FitAllColumsOnOnePage</option>
            <option value="FitAllRowsOnOnePage">@localization.FitAllRowsOnOnePage</option>
        </select>
        <Slider Min="0.01" Max="5" @bind-Value="FontScale" Step="0.01" Label="@localization.FontScale"></Slider>
    </div>
</div>
