@inherits NginxBase
@page "/nginx"

<FilesWithEditor CFile="ConfigFile" Filters="Filters" Files="ConfigFiles" FilterFolder="FilterFolder"
								 SelectedFile="SelectedFile" SelectedFileChanged="SelectedFileChanged"
								 TestConfiguration="TestConfiguration" TestResult="TestResult"
								 DeleteFileModal="DeleteFile" DeleteResult="DeleteResult"
								 AddFileModal="ShowAddFileModal" AddResult="AddFileResult">
</FilesWithEditor>
<Modal @ref="AddFileModal">
	<ModalBackdrop />
	<ModalContent IsForm="true" IsCentered="true">
		<ModalHeader>
			<ModalTitle>Add new file form</ModalTitle>
			<CloseButton Clicked="e => CloseModal(AddFileModal)"/>
		</ModalHeader>
		<ModalBody>
			<Blazorise.Bulma.Fields>
				<Blazorise.Bulma.Field>
					<Blazorise.Bulma.FieldLabel>File name</Blazorise.Bulma.FieldLabel>
					<Blazorise.Bulma.FieldBody @bind-FileName="NewFileForm.Name"></Blazorise.Bulma.FieldBody>
					<Blazorise.Bulma.FieldHelp>Service name which is going to be behing di config file</Blazorise.Bulma.FieldHelp>
				</Blazorise.Bulma.Field>
			</Blazorise.Bulma.Fields>
		</ModalBody>
		<ModalFooter>
			<Blazorise.Bulma.Button Color="Color.Secondary" Clicked="e => CloseModal(AddFileModal)">Close</Blazorise.Bulma.Button>
			<Blazorise.Bulma.Button Color="Color.Primary" Clicked="AddFileAsync">Add</Blazorise.Bulma.Button>
		</ModalFooter>
	</ModalContent>
</Modal>
<GeneralNotificationModal ModalReference="GeneralNotificationModal"
													NotificationSettings="GeneralNotificationSettings"></GeneralNotificationModal>
