marechai/Marechai/Pages/Admin/Details/Document.razor

@{
/******************************************************************************
// MARECHAI: Master repository of computing history artifacts information
// ----------------------------------------------------------------------------
//
// Author(s)      : Natalia Portillo <claunia@claunia.com>
//
// --[ License ] --------------------------------------------------------------
//
//     This program is free software: you can redistribute it and/or modify
//     it under the terms of the GNU General Public License as
//     published by the Free Software Foundation, either version 3 of the
//     License, or (at your option) any later version.
//
//     This program is distributed in the hope that it will be useful,
//     but WITHOUT ANY WARRANTY; without even the implied warranty of
//     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//     GNU General Public License for more details.
//
//     You should have received a copy of the GNU General Public License
//     along with this program.  If not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2003-2020 Natalia Portillo
*******************************************************************************/
}

@page "/admin/documents/details/{Id:long}"
@page "/admin/documents/edit/{Id:long}"
@page "/admin/documents/create"
@using Marechai.Database
@using Marechai.Database.Models
@inherits OwningComponentBase<DocumentsService>
@inject IStringLocalizer<DocumentsService> L
@inject Iso31661NumericService CountriesService
@inject DocumentCompaniesService CompaniesService
@inject DocumentRolesService DocumentRolesService
@inject CompaniesByDocumentService CompaniesByDocumentService
@inject MachineFamiliesService MachineFamiliesService
@inject DocumentsByMachineFamilyService DocumentsByMachineFamilyService
@inject MachinesService MachinesService
@inject DocumentsByMachineService DocumentsByMachineService
@inject DocumentPeopleService PeopleService
@inject PeopleByDocumentService PeopleByDocumentService
@inject IFileReaderService FileReaderService
@inject DocumentScansService DocumentScansService
@inject NavigationManager NavigationManager
@inject IWebHostEnvironment Host
@inject IJSRuntime JSRuntime
@inject Microsoft.AspNetCore.Identity.UserManager<ApplicationUser> UserManager
@inject AuthenticationStateProvider AuthenticationStateProvider
@attribute [Authorize(Roles = "UberAdmin, Admin")]


<h3>@L["Document details"]</h3>
<hr />

@if (!_loaded)
{
    <p align="center">@L["Loading..."]</p>

    return;
}

<div>
    <Field>
        <FieldLabel>@L["Title using latin script"]</FieldLabel>
        <Validation Validator="@ValidateTitle">
            <TextEdit ReadOnly="!_editing" @bind-Text="@_model.Title">
                <Feedback>
                    <ValidationError>@L["Please enter a valid title."]</ValidationError>
                </Feedback>
            </TextEdit>
        </Validation>
    </Field>
    @if (_editing || _model.NativeTitle != null)
    {
        <Field>
            <FieldLabel>@L["Native title, that is, title using native script (cyrillic, chinese, etc)"]</FieldLabel>
            @if (_editing)
            {
                <Check TValue="bool" @bind-Checked="@_unknownNativeTitle">@L["Unknown (native title)"]</Check>
            }
            @if (!_editing ||
                 !_unknownNativeTitle)
            {
                <Validation Validator="@ValidateNativeTitle">
                    <TextEdit Disabled="!_editing" @bind-Text="@_model.NativeTitle">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid native title."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
    }
    @if (_editing || _model.Published != null)
    {
        <Field>
            <FieldLabel>@L["Published"]</FieldLabel>
            @if (_editing)
            {
                <Check TValue="bool" @bind-Checked="@_unknownPublished">@L["Unknown (publication date)"]</Check>
            }
            @if (!_editing || !_unknownPublished)
            {
                <Validation Validator="@ValidatePublished">
                    <DateEdit TValue="DateTime?" ReadOnly="!_editing" @bind-Date="@_model.Published" >
                        <Feedback>
                            <ValidationError>@L["Please enter a valid publication date."]</ValidationError>
                        </Feedback>
                    </DateEdit>
                </Validation>
            }
        </Field>
    }
    @if (_editing || _model.CountryId != null)
    {
        <Field>
            <FieldLabel>@L["Country of publication"]</FieldLabel>
            @if (_editing)
            {
                <Check TValue="bool" @bind-Checked="@_unknownCountry">@L["Unknown (country of publication)"]</Check>
            }
            @if (!_editing ||
                 !_unknownCountry)
            {
                <Select Disabled="!_editing" TValue="short?" @bind-SelectedValue="@_model.CountryId">
                    @foreach (var country in _countries)
                    {
                        <SelectItem TValue="short?" Value="@country.Id">@country.Name</SelectItem>
                    }
                </Select>
            }
        </Field>
    }
</div>
<div>
    @if (!_editing && !_editingScan && !_addingScan)
    {
        <Button Color="Color.Primary" Clicked="@OnEditClicked">@L["Edit"]</Button>
    }
    else
    {
        <Button Color="Color.Success" Clicked="@OnSaveClicked">@L["Save"]</Button>
        <Button Color="Color.Danger" Clicked="@OnCancelClicked">@L["Cancel"]</Button>
    }
    <a href="/admin/documents" class="btn btn-secondary">@L["Back to list"]</a>
</div>
@if (!_editing && !_editingScan && !_addingScan)
{
    <hr />
    <h3>@L["Companies involved in this document"]</h3>
    <Button Color="Color.Success" Clicked="OnAddCompanyClick" Disabled="_addingCompany">@L["Add new (company)"]</Button>
    @if (_addingCompany)
    {
        <div>
            <Field>
                <FieldLabel>@L["Company"]</FieldLabel>
                <Select Disabled="_savingCompany" TValue="int?" @bind-SelectedValue="@_addingCompanyId">
                    @foreach (var company in _companies)
                    {
                        <SelectItem TValue="int?" Value="@company.Id">@company.Name</SelectItem>
                    }
                </Select>
            </Field>
            <Field>
                <FieldLabel>@L["Role"]</FieldLabel>
                <Select Disabled="!_editing" TValue="string" @bind-SelectedValue="@_addingCompanyRoleId">
                    @foreach (var role in _roles)
                    {
                        <SelectItem TValue="string" Value="@role.Id">@role.Name</SelectItem>
                    }
                </Select>
            </Field>
            <Button Color="Color.Primary" Clicked="@CancelAddCompany" Disabled="@_savingCompany">@L["Cancel"]</Button>
            <Button Color="Color.Success" Clicked="@ConfirmAddCompany" Disabled="@_savingCompany">@L["Add"]</Button>
        </div>
    }
    @if (_documentCompanies?.Count > 0)
    {
        <div>
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>
                        @L["Company"]
                    </th>
                    <th>
                        @L["Role"]
                    </th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach (var item in _documentCompanies)
                {
                    <tr>
                        <td>
                            @item.Company
                        </td>
                        <td>
                            @item.Role
                        </td>
                        <td>
                            <Button Color="Color.Danger" Clicked="() => {ShowCompanyDeleteModal(item.Id);}" Disabled="@_addingCompany">@L["Delete"]</Button>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        </div>
    }

    <hr />
    <h3>@L["People involved in this document"]</h3>
    <Button Color="Color.Success" Clicked="OnAddPersonClick" Disabled="_addingPerson">@L["Add new (person)"]</Button>
    @if (_addingPerson)
    {
        <div>
            <Field>
                <FieldLabel>@L["Person"]</FieldLabel>
                <Select Disabled="_savingPerson" TValue="int?" @bind-SelectedValue="@_addingPersonId">
                    @foreach (var person in _people)
                    {
                        <SelectItem TValue="int?" Value="@person.Id">@person.FullName</SelectItem>
                    }
                </Select>
            </Field>
            <Field>
                <FieldLabel>@L["Role"]</FieldLabel>
                <Select Disabled="!_editing" TValue="string" @bind-SelectedValue="@_addingPersonRoleId">
                    @foreach (var role in _roles)
                    {
                        <SelectItem TValue="string" Value="@role.Id">@role.Name</SelectItem>
                    }
                </Select>
            </Field>
            <Button Color="Color.Primary" Clicked="@CancelAddPerson" Disabled="@_savingPerson">@L["Cancel"]</Button>
            <Button Color="Color.Success" Clicked="@ConfirmAddPerson" Disabled="@_savingPerson">@L["Add"]</Button>
        </div>
    }
    @if (_documentPeople?.Count > 0)
    {
        <div>
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>
                        @L["Person"]
                    </th>
                    <th>
                        @L["Role"]
                    </th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach (var item in _documentPeople)
                {
                    <tr>
                        <td>
                            @item.FullName
                        </td>
                        <td>
                            @item.Role
                        </td>
                        <td>
                            <Button Color="Color.Danger" Clicked="() => {ShowPersonDeleteModal(item.Id);}" Disabled="@_addingPerson">@L["Delete"]</Button>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        </div>
    }

    <hr />
    <h3>@L["Machine families this document talks about"]</h3>
    <Button Color="Color.Success" Clicked="OnAddFamilyClick" Disabled="_addingMachineFamily">@L["Add new (machine family)"]</Button>
    @if (_addingMachineFamily)
    {
        <div>
            <Field>
                <FieldLabel>@L["Family"]</FieldLabel>
                <Select Disabled="_savingMachineFamily" TValue="int?" @bind-SelectedValue="@_addingMachineFamilyId">
                    @foreach (var family in _machineFamilies)
                    {
                        <SelectItem TValue="int?" Value="@family.Id">@family.Name</SelectItem>
                    }
                </Select>
            </Field>
            <Button Color="Color.Primary" Clicked="@CancelAddFamily" Disabled="@_savingMachineFamily">@L["Cancel"]</Button>
            <Button Color="Color.Success" Clicked="@ConfirmAddFamily" Disabled="@_savingMachineFamily">@L["Add"]</Button>
        </div>
    }
    @if (_documentMachineFamilies?.Count > 0)
    {
        <div>
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>
                        @L["Family"]
                    </th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach (var item in _documentMachineFamilies)
                {
                    <tr>
                        <td>
                            @item.MachineFamily
                        </td>
                        <td>
                            <Button Color="Color.Danger" Clicked="() => {ShowMachineFamilyDeleteModal(item.Id);}" Disabled="@_addingMachineFamily">@L["Delete"]</Button>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        </div>
    }

    <hr />
    <h3>@L["Machines this document talks about"]</h3>
    <Button Color="Color.Success" Clicked="OnAddMachineClick" Disabled="_addingMachine">@L["Add new (machine)"]</Button>
    @if (_addingMachine)
    {
        <div>
            <Field>
                <FieldLabel>@L[""]</FieldLabel>
                <Select Disabled="_savingMachine" TValue="int?" @bind-SelectedValue="@_addingMachineId">
                    @foreach (var machine in _machines)
                    {
                        <SelectItem TValue="int?" Value="@machine.Id">@machine.Name</SelectItem>
                    }
                </Select>
            </Field>
            <Button Color="Color.Primary" Clicked="@CancelAddMachine" Disabled="@_savingMachine">@L["Cancel"]</Button>
            <Button Color="Color.Success" Clicked="@ConfirmAddMachine" Disabled="@_savingMachine">@L["Add"]</Button>
        </div>
    }
    @if (_documentMachines?.Count > 0)
    {
        <div>
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>
                        @L["Machine"]
                    </th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach (var item in _documentMachines)
                {
                    <tr>
                        <td>
                            @item.Machine
                        </td>
                        <td>
                            <Button Color="Color.Danger" Clicked="() => {ShowMachineDeleteModal(item.Id);}" Disabled="@_addingMachine">@L["Delete"]</Button>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        </div>
    }


    <Button Color="Color.Primary" Clicked="@AddScan">@L["Add new scan"]</Button>

    @if(_scans.Count > 0)
    {
        foreach (var scan in _scans)
        {
            <div class="col-md-2">
                <figure class="figure">
                    <picture>
                        <source type="image/avif" srcset="/assets/scans/documents/thumbs/avif/hd/@(scan).avif, /assets/scans/documents/thumbs/avif/1440p/@(scan).avif 2x, /assets/scans/documents/thumbs/avif/4k/@(scan).avif 3x">
                        <source type="image/heic" srcset="/assets/scans/documents/thumbs/heif/hd/@(scan).heic, /assets/scans/documents/thumbs/heif/1440p/@(scan).heic 2x, /assets/scans/documents/thumbs/heif/4k/@(scan).heic 3x">
                        <source type="image/webp" srcset="/assets/scans/documents/thumbs/webp/hd/@(scan).webp, /assets/scans/documents/thumbs/webp/1440p/@(scan).webp 2x, /assets/scans/documents/thumbs/webp/4k/@(scan).webp 3x">
                        <source type="image/jp2" srcset="/assets/scans/documents/thumbs/jp2k/hd/@(scan).jp2, /assets/scans/documents/thumbs/jp2k/1440p/@(scan).jp2 2x, /assets/scans/documents/thumbs/jp2k/4k/@(scan).jp2 3x">
                        <img class="figure-img img-fluid rounded" srcset="/assets/scans/documents/thumbs/jpeg/hd/@(scan).jpg, /assets/scans/documents/thumbs/jpeg/1440p/@(scan).jpg 2x, /assets/scans/documents/thumbs/jpeg/4k/@(scan).jpg 3x" src="/assets/scans/documents/thumbs/jpeg/hd/@(scan).jpg" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                    </picture>
                    <figcaption class="figure-caption">
                        <Button Color="Color.Secondary" Clicked="async () => {await EditScan(scan);}">@L["Delete"]</Button>
                        <Button Color="Color.Danger" Clicked="() => {ShowScanDeleteModal(scan);}">@L["Delete"]</Button>
                    </figcaption>
                </figure>
            </div>
        }
    }

    <Modal @ref="_frmDelete" IsCentered="true" Closing="@ModalClosing">
        <ModalBackdrop />
        <ModalContent Centered="true">
            <ModalHeader>
                <ModalTitle>@_deleteTitle</ModalTitle>
                <CloseButton Clicked="@HideModal" />
            </ModalHeader>
            <ModalBody>
                <Text>@_deleteText</Text>
            </ModalBody>
            <ModalFooter>
                <Button Color="Color.Primary" Clicked="@HideModal" Disabled="@_deleteInProgress">@L["Cancel"]</Button>
                <Button Color="Color.Danger" Clicked="@ConfirmDelete" Disabled="@_deleteInProgress">@L["Delete"]</Button>
            </ModalFooter>
        </ModalContent>
    </Modal>
}

@if(_addingScan && !_editing)
{
    @if(!_uploaded)
    {
        @if(!_uploading)
        {
            <FieldLabel>@L["Choose scan file"]</FieldLabel>
            <input type="file" @ref=_inputUpload /><br/>
            <Field>
                <FieldLabel>@L["Scan type"]</FieldLabel>
                <Select Disabled="!_editingScan" TValue="uint" @bind-SelectedValue="@_uploadScanType">
                    @foreach (uint value in Enum.GetValues(typeof(DocumentScanType)))
                    {
                        <SelectItem TValue="uint" Value="@value">@(((DocumentScanType)value).ToString())</SelectItem>
                    }
                </Select>
            </Field>
            <Field>
                <FieldLabel>@L["Page"]</FieldLabel>
                <Check TValue="bool" @bind-Checked="@_unknownScanPage">@L["Unknown (scan page)"]</Check>
                @if (!_unknownScanPage)
                {
                    <Validation Validator="@ValidateUnsignedIntegerBiggerThanZero">
                        <NumericEdit Disabled="!_editing" TValue="uint?" @bind-Value="@_uploadScanPage">
                            <Feedback>
                                <ValidationError>@L["Please enter a valid scanned page."]</ValidationError>
                            </Feedback>
                        </NumericEdit>
                    </Validation>
                }
            </Field>
            <Button Color="Color.Success" Clicked="@UploadFile" Disabled="@_uploading">@L["Upload"]</Button><br/>
        }
        else
        {
            @L["Uploading..."]
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: @(_progressValue)%;" aria-valuenow="@_progressValue" aria-valuemin="0" aria-valuemax="100">@($"{_progressValue:F2}")%</div>
            </div>
        }
        @if(_uploadError)
        {
            <span class="text-danger">@_uploadErrorMessage</span>
        }
    }
    else
    {
        <h5>@string.Format(L["Image format recognized as {0}"], _imageFormat)</h5>
        @if (_allFinished)
        {
            <span class="text-success">@L["All finished!"]</span>
        }
        <table>
            <tr>
                <td>
                    @L["Extracting Exif information..."]
                </td>
                <td>
                    @if(_extractExif == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_extractExif == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Moving file to proper place..."]
                </td>
                <td>
                    @if(_moveFile == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_moveFile == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_moveFile == true)
                    {
                        <a href="/assets/scans/documents/originals/@($"{_selectedScan.Id}{_selectedScan.OriginalExtension}")" target="_blank">
                            <img src="/assets/scans/documents/originals/@($"{_selectedScan.Id}{_selectedScan.OriginalExtension}")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with an HD resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJpegHdTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpegHdTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpegHdTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jpeg/hd/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jpeg/hd/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with a 1440p resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJpeg1440Th == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpeg1440Th == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpeg1440Th == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jpeg/1440p/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jpeg/1440p/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with a 4K resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJpeg4kTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpeg4kTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpeg4kTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jpeg/4k/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jpeg/4k/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with an HD resolution..."]
                </td>
                <td>
                    @if(_convertJpegHd == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpegHd == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpegHd == true)
                    {
                        <a href="@($"/assets/scans/documents/jpeg/hd/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/jpeg/hd/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with a 1440p resolution..."]
                </td>
                <td>
                    @if(_convertJpeg1440 == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpeg1440 == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpeg1440 == true)
                    {
                        <a href="@($"/assets/scans/documents/jpeg/1440p/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/jpeg/1440p/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG with a 4K resolution..."]
                </td>
                <td>
                    @if(_convertJpeg4k == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJpeg4k == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJpeg4k == true)
                    {
                        <a href="@($"/assets/scans/documents/jpeg/4k/{_selectedScan.Id}.jpg")" target="_blank">
                            <img src="@($"/assets/scans/documents/jpeg/4k/{_selectedScan.Id}.jpg")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with an HD resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJp2kHdTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2kHdTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2kHdTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jp2k/hd/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jp2k/hd/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with a 1440p resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJp2k1440Th == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2k1440Th == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2k1440Th == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jp2k/1440p/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jp2k/1440p/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with a 4K resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertJp2k4kTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2k4kTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2k4kTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/jp2k/4k/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/jp2k/4k/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with an HD resolution..."]
                </td>
                <td>
                    @if(_convertJp2kHd == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2kHd == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2kHd == true)
                    {
                        <a href="@($"/assets/scans/documents/jp2k/hd/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/jp2k/hd/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with a 1440p resolution..."]
                </td>
                <td>
                    @if(_convertJp2k1440 == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2k1440 == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2k1440 == true)
                    {
                        <a href="@($"/assets/scans/documents/jp2k/1440p/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/jp2k/1440p/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to JPEG2000 with a 4K resolution..."]
                </td>
                <td>
                    @if(_convertJp2k4k == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertJp2k4k == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertJp2k4k == true)
                    {
                        <a href="@($"/assets/scans/documents/jp2k/4k/{_selectedScan.Id}.jp2")" target="_blank">
                            <img src="@($"/assets/scans/documents/jp2k/4k/{_selectedScan.Id}.jp2")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with an HD resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertWebpHdTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebpHdTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebpHdTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/webp/hd/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/webp/hd/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with a 1440p resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertWebp1440Th == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebp1440Th == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebp1440Th == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/webp/1440p/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/webp/1440p/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with a 4K resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertWebp4kTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebp4kTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebp4kTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/webp/4k/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/webp/4k/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with an HD resolution..."]
                </td>
                <td>
                    @if(_convertWebpHd == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebpHd == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebpHd == true)
                    {
                        <a href="@($"/assets/scans/documents/webp/hd/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/webp/hd/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with a 1440p resolution..."]
                </td>
                <td>
                    @if(_convertWebp1440 == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebp1440 == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebp1440 == true)
                    {
                        <a href="@($"/assets/scans/documents/webp/1440p/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/webp/1440p/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to WebP with a 4K resolution..."]
                </td>
                <td>
                    @if(_convertWebp4k == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertWebp4k == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertWebp4k == true)
                    {
                        <a href="@($"/assets/scans/documents/webp/4k/{_selectedScan.Id}.webp")" target="_blank">
                            <img src="@($"/assets/scans/documents/webp/4k/{_selectedScan.Id}.webp")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with an HD resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertHeifHdTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeifHdTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeifHdTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/heif/hd/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/heif/hd/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with a 1440p resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertHeif1440Th == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeif1440Th == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeif1440Th == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/heif/1440p/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/heif/1440p/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with a 4K resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertHeif4kTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeif4kTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeif4kTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/heif/4k/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/heif/4k/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with an HD resolution..."]
                </td>
                <td>
                    @if(_convertHeifHd == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeifHd == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeifHd == true)
                    {
                        <a href="@($"/assets/scans/documents/heif/hd/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/heif/hd/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with a 1440p resolution..."]
                </td>
                <td>
                    @if(_convertHeif1440 == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeif1440 == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeif1440 == true)
                    {
                        <a href="@($"/assets/scans/documents/heif/1440p/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/heif/1440p/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to HEIF with a 4K resolution..."]
                </td>
                <td>
                    @if(_convertHeif4k == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertHeif4k == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertHeif4k == true)
                    {
                        <a href="@($"/assets/scans/documents/heif/4k/{_selectedScan.Id}.heic")" target="_blank">
                            <img src="@($"/assets/scans/documents/heif/4k/{_selectedScan.Id}.heic")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with an HD resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertAvifHdTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvifHdTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvifHdTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/avif/hd/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/avif/hd/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with a 1440p resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertAvif1440Th == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvif1440Th == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvif1440Th == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/avif/1440p/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/avif/1440p/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with a 4K resolution (thumbnail)..."]
                </td>
                <td>
                    @if(_convertAvif4kTh == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvif4kTh == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvif4kTh == true)
                    {
                        <a href="@($"/assets/scans/documents/thumbs/avif/4k/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/thumbs/avif/4k/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with an HD resolution..."]
                </td>
                <td>
                    @if(_convertAvifHd == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvifHd == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvifHd == true)
                    {
                        <a href="@($"/assets/scans/documents/avif/hd/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/avif/hd/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with a 1440p resolution..."]
                </td>
                <td>
                    @if(_convertAvif1440 == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvif1440 == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvif1440 == true)
                    {
                        <a href="@($"/assets/scans/documents/avif/1440p/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/avif/1440p/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Converting photo to AV1F with a 4K resolution..."]
                </td>
                <td>
                    @if(_convertAvif4k == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_convertAvif4k == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                    @if(_convertAvif4k == true)
                    {
                        <a href="@($"/assets/scans/documents/avif/4k/{_selectedScan.Id}.avif")" target="_blank">
                            <img src="@($"/assets/scans/documents/avif/4k/{_selectedScan.Id}.avif")" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
                        </a>
                    }
                </td>
            </tr>
            <tr>
                <td>
                    @L["Adding photo to database..."]
                </td>
                <td>
                    @if(_addToDatabase == true)
                    {
                        <span class="text-success">@L["OK!"]</span>
                    }
                    else if(_addToDatabase == false)
                    {
                        <span class="text-danger">@L["Error!"]</span>
                    }
                </td>
                <td>
                </td>
            </tr>
        </table>
    }
}


@if(_editingScan && !_editing)
{
    <div>
        <Field>
            <FieldLabel>@L["Uploaded by"]</FieldLabel>
            <TextEdit Disabled="true" Text="@($"{_scanUser.UserName} <{_scanUser.Email}>")"/>
        </Field>
        <Field>
            <FieldLabel>@L["Uploaded date"]</FieldLabel>
            <TextEdit Disabled="true" Text="@($"{_selectedScan.UploadDate}")"/>
        </Field>
        <Field>
            <FieldLabel>@L["Scan type"]</FieldLabel>
            <Select Disabled="!_editingScan" TValue="uint" @bind-SelectedValue="@ScanType">
                @foreach (uint value in Enum.GetValues(typeof(DocumentScanType)))
                {
                    <SelectItem TValue="uint" Value="@value">@(((DocumentScanType)value).ToString())</SelectItem>
                }
            </Select>
        </Field>
        <Field>
            <FieldLabel>@L["Page"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanPage">@L["Unknown (scan page)"]</Check>
            @if (!_unknownScanPage)
            {
                <Validation Validator="@ValidateUnsignedIntegerBiggerThanZero">
                    <NumericEdit Disabled="!_editing" TValue="uint?" @bind-Value="@_selectedScan.Page">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid scanned page."]</ValidationError>
                        </Feedback>
                    </NumericEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Author"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanAuthor">@L["Unknown (author)"]</Check>
            @if (!_unknownScanAuthor)
            {
                <Validation Validator="@ValidateScanAuthor">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.Author">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid author."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Scanner manufacturer"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanScannerManufacturer">@L["Unknown (scanner manufacturer)"]</Check>
            @if (!_unknownScanScannerManufacturer)
            {
                <Validation Validator="@ValidateScannerManufacturer">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.ScannerManufacturer">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid scanner manufacturer."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Scanner model"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanScannerModel">@L["Unknown (scanner model)"]</Check>
            @if (!_unknownScanScannerModel)
            {
                <Validation Validator="@ValidateScannerModel">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.ScannerModel">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid scanner model."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Color space"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanColorSpace">@L["Unknown (color space)"]</Check>
            @if (!_unknownScanColorSpace)
            {
                <Select Disabled="!_editingScan" TValue="ushort" @bind-SelectedValue="@ScanColorSpace">
                    @foreach (ushort value in Enum.GetValues(typeof(ColorSpace)))
                    {
                        <SelectItem TValue="ushort" Value="@value">@(((ColorSpace)value).ToString())</SelectItem>
                    }
                </Select>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Creation date"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanCreationDate">@L["Unknown (creation date)"]</Check>
            @if (!_unknownScanCreationDate)
            {
                <Validation Validator="@ValidateDate">
                    <DateEdit Disabled="!_editingScan" TValue="DateTime?" @bind-Date="@_selectedScan.CreationDate">
                        <Feedback>
                            <ValidationError>@L["Please enter a correct creation date."]</ValidationError>
                        </Feedback>
                    </DateEdit>
                </Validation>
            }
            </Field>
        <Field>
            <FieldLabel>@L["Exif version"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanExifVersion">@L["Unknown (exif version)"]</Check>
            @if (!_unknownScanExifVersion)
            {
                <Validation Validator="@ValidateExifVersion">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.ExifVersion">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid Exif version."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Horizontal resolution"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanHorizontalResolution">@L["Unknown (horizontal resolution)"]</Check>
            @if (!_unknownScanHorizontalResolution)
            {
                <Validation Validator="@ValidateDoubleBiggerThanZero">
                    <NumericEdit Disabled="!_editingScan" TValue="double?" Decimals="3" @bind-Value="@_selectedScan.HorizontalResolution">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid horizontal resolution."]</ValidationError>
                        </Feedback>
                    </NumericEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Resolution unit"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanResolutionUnit">@L["Unknown (resolution unit)"]</Check>
            @if (!_unknownScanResolutionUnit)
            {
                <Select Disabled="!_editingScan" TValue="ushort" @bind-SelectedValue="@ScanResolutionUnit">
                    @foreach (ushort value in Enum.GetValues(typeof(ResolutionUnit)))
                    {
                        <SelectItem TValue="ushort" Value="@value">@(((ResolutionUnit)value).ToString())</SelectItem>
                    }
                </Select>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Software used"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanSoftwareUsed">@L["Unknown (software used)"]</Check>
            @if (!_unknownScanSoftwareUsed)
            {
                <Validation Validator="@ValidateSoftwareUsed">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.SoftwareUsed">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid software used."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["Vertical resolution"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanVerticalResolution">@L["Unknown (vertical resolution)"]</Check>
            @if (!_unknownScanVerticalResolution)
            {
                <Validation Validator="@ValidateDoubleBiggerThanZero">
                    <NumericEdit Disabled="!_editingScan" TValue="double?" Decimals="3" @bind-Value="@_selectedScan.VerticalResolution">
                        <Feedback>
                            <ValidationError>@L["Please enter a valid vertical resolution."]</ValidationError>
                        </Feedback>
                    </NumericEdit>
                </Validation>
            }
        </Field>
        <Field>
            <FieldLabel>@L["User comments"]</FieldLabel>
            <Check TValue="bool" @bind-Checked="@_unknownScanComments">@L["Unknown or empty (user comments)"]</Check>
            @if (!_unknownScanComments)
            {
                <Validation Validator="@ValidateComments">
                    <TextEdit Disabled="!_editingScan" @bind-Text="@_selectedScan.Comments">
                        <Feedback>
                            <ValidationError>@L["Please enter valid comments."]</ValidationError>
                        </Feedback>
                    </TextEdit>
                </Validation>
            }
        </Field>
        <Button Color="Color.Success" Clicked="@OnSaveScanClicked">@L["Save"]</Button>
        <Button Color="Color.Danger" Clicked="@OnCancelScanClicked">@L["Cancel"]</Button>
    </div>
}