<div class="mt-3">
    <h2>{{ discovery.name }}
        <button class="btn btn-primary btn-sm" [routerLink]="['/config', 'server', cellIndex]">Back to Cell</button>
    </h2>
    <p>{{ discovery.sizeX }} by {{ discovery.sizeY }} by {{ discovery.sizeZ }}</p>
    <ngb-accordion>
        <ngb-panel title="General Settings">
            <ng-template ngbPanelContent>
                <app-text id="name" label="Name" [(text)]="discovery.name"></app-text>
                <app-number id="worldX" label="World X" [(number)]="discovery.worldX"></app-number>
                <app-number id="worldY" label="World Y" [(number)]="discovery.worldY"></app-number>
                <app-number id="rotation" label="Rotation" [(number)]="discovery.rotation" step="0.000001"
                            min="{{ minRot }}" max="{{ maxRot }}"></app-number>
                <h4>Zone Size</h4>
                <app-number id="sizeX" label="Size X" [(number)]="discovery.sizeX"></app-number>
                <app-number id="sizeY" label="Size Y" [(number)]="discovery.sizeY"></app-number>
                <app-number id="sizeZ" label="Size Z" [(number)]="discovery.sizeZ"
                            help="If the discovery zone has any size, this is normally 40,000"></app-number>
            </ng-template>
        </ngb-panel>
        <ngb-panel title="Discovery Settings">
            <ng-template ngbPanelContent>
                <app-number id="xp" label="XP" [(number)]="discovery.xp"
                            help="XP Gained for discovering this zone. Note this also alters the max XP you can gain by levelling"></app-number>
                <app-checkbox id="allowSea" label="Allow Sea Discovery" [(checkbox)]="discovery.allowSea"
                              help="May not do what you think - Always false on Official Server"></app-checkbox>
                <app-select-object id="explorerNoteIndex" label="Explorer Note" [optionObject]="explorerNotes"
                                   [option]="discovery.explorerNoteIndex" (optionChange)="setExplorerNote($event)"
                                   help="Opens a page in the players Discoveries menu on unlocking"></app-select-object>
            </ng-template>
        </ngb-panel>
        <ngb-panel title="Manual Volumes">
            <ng-template ngbPanelContent>
                <p>Manual Volumes are either specific points on a map, or a particular 'discovery' available in a
                    cell. For example, certain Forests and Pools on an island are discovery zones in the official
                    server. Also the Powerstone locations are a discovery point, however the names for these aren't tied
                    to a specific island.</p>
                <p>When a player enters the area of the 'Volume' or otherwise triggers it (in the case of Powerstones),
                    the discovery zone will be unlocked. This happens whether the player is on land, gliding, or
                    swimming. This only happens with these Manual Volume Discoveries - Normal discovery zones require
                    you to set foot on the area.</p>
                <p>If the Zone size (under general settings) is set to 0 for XYZ, then no shimmer will show around the
                    discovery. Any other size will show a shimmer of that set size, and location, in game.</p>
                <p>Note as well, the location of a Manual Volume discovery doesnt really matter, however it defaults to
                    the center of the cell.</p>
                <app-checkbox id="bIsManuallyPlaced" label="Enable Manual Volume"
                              [(checkbox)]="discovery.bIsManuallyPlaced"></app-checkbox>
                <app-select-list id="ManualVolumeName" label="Manual Volume Name" *ngIf="discovery.bIsManuallyPlaced"
                                 [optionList]="discoveryVolumeNameOptionKeys"
                                 [option]="discovery.ManualVolumeName" (optionChange)="setDiscoveryVolumeName($event)"></app-select-list>
                <button class="btn btn-warning" (click)="setLocationCenterOfCell()">Set Center to Cell Center</button>
            </ng-template>
        </ngb-panel>
    </ngb-accordion>
</div>