<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Point3D?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>

<?import javafx.scene.control.DatePicker?>
<AnchorPane prefHeight="682.0" prefWidth="1200.0" styleClass="root" stylesheets="@EditFile.css"
            xmlns="http://javafx.com/javafx/23" xmlns:fx="http://javafx.com/fxml/1"
            fx:controller="com.example.clinic.userandmanager.AddFileController">
    <Pane layoutX="10.0" layoutY="10.0" prefHeight="670.0" prefWidth="1180.0" styleClass="content-pane">
        <HBox alignment="CENTER" layoutX="0.0" layoutY="0.0" prefHeight="665.0" prefWidth="1180.0" spacing="20.0"
              styleClass="main-container">
            <VBox prefHeight="652.0" prefWidth="580.0" spacing="15.0" styleClass="info-section">
                <children>
                    <Label styleClass="section-header" text="Personal Information">
                        <graphic>
                            <ImageView fitHeight="45.0" fitWidth="36.0" pickOnBounds="true" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/personalInformation.png"/>
                                </image>
                            </ImageView>
                        </graphic>
                    </Label>
                    <!-- Personal Information Section -->
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/fileNumber.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="File No"/>
                            <TextField fx:id="fileNoField" prefHeight="34.0" prefWidth="400.0" promptText="File No"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/name.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Name"/>
                            <TextField fx:id="nameField" prefHeight="34.0" prefWidth="400.0" promptText="Name"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/mobile.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Mobile"/>
                            <TextField fx:id="mobileField" prefHeight="34.0" prefWidth="400.0" promptText="Mobile"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/homePhone.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Home"/>
                            <TextField fx:id="homeField" prefHeight="34.0" prefWidth="400.0" promptText="Home"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/id.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="ID"/>
                            <TextField fx:id="idField" prefHeight="34.0" prefWidth="400.0" promptText="ID"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/dob.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Date of Birth"/>
                            <ComboBox fx:id="dobComboBox" onAction="#handleDobComboBoxAction" prefHeight="34.0"
                                      prefWidth="400.0"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/gender.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Gender"/>
                            <ComboBox fx:id="genderComboBox" onAction="#handleGenderComboBoxAction" prefHeight="34.0"
                                      prefWidth="400.0"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/nationality.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Nationality"/>
                            <ComboBox fx:id="nationalityComboBox" onAction="#handleNationalityComboBoxAction"
                                      prefHeight="34.0" prefWidth="400.0"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/address.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Address"/>
                            <TextField fx:id="addressField" prefHeight="34.0" prefWidth="400.0" promptText="Address"/>
                        </children>
                    </HBox>
                </children>
            </VBox>

            <VBox prefHeight="652.0" prefWidth="600.0" spacing="15.0" styleClass="info-section">
                <children>
                    <Label styleClass="section-header" text="Insurance Information">
                        <graphic>
                            <ImageView fitHeight="45.0" fitWidth="36.0" pickOnBounds="true" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/insuranceInformation.png"/>
                                </image>
                            </ImageView>
                        </graphic>
                    </Label>
                    <!-- Insurance Information Section -->
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/insuranceNumber.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Insurance Co"/>
                            <TextField fx:id="insuranceCoField" prefHeight="34.0" prefWidth="400.0"
                                       promptText="Insurance co"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/policyHolder.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Policy Holder"/>
                            <TextField fx:id="policyHolderField" prefHeight="34.0" prefWidth="400.0"
                                       promptText="Policy Holder"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/policyNumber.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Policy No"/>
                            <TextField fx:id="policyNoField" prefHeight="34.0" prefWidth="400.0"
                                       promptText="Policy No"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/startDate.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Start Date"/>
                            <DatePicker fx:id="startDatePicker" prefHeight="34.0" prefWidth="400.0"
                                        promptText="Start Date"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/endDate.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="End Date"/>
                            <DatePicker fx:id="endDatePicker" prefHeight="34.0" prefWidth="400.0"
                                        promptText="End Date"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="40.0" fitWidth="40.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/notice.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Notice"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/moreInfo.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="More Info"/>
                            <TextField fx:id="moreInfoField" prefHeight="34.0" prefWidth="400.0"
                                       promptText="More Info"/>
                        </children>
                    </HBox>
                    <HBox alignment="CENTER_LEFT" spacing="10.0">
                        <children>
                            <ImageView fitHeight="20.0" fitWidth="20.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/referral.png"/>
                                </image>
                            </ImageView>
                            <Label style="-fx-font-size: 14px; -fx-font-weight: bold;" text="Referral"/>
                            <ComboBox fx:id="referralComboBox" onAction="#handleReferralComboBoxAction"
                                      prefHeight="34.0" prefWidth="400.0"/>
                        </children>
                    </HBox>
                </children>
                <HBox alignment="CENTER" spacing="10.0">
                    <Button fx:id="scanButton" onAction="#onScanFile" prefHeight="36.0" prefWidth="133.0"
                            styleClass="scan-button" text="Scan File">
                        <graphic>
                            <ImageView fitHeight="22.0" fitWidth="31.0" preserveRatio="true">
                                <image>
                                    <Image url="@../../../Icons/scanFile.png"/>
                                </image>
                            </ImageView>
                        </graphic>
                    </Button>
                </HBox>
            </VBox>
        </HBox>
        <Button fx:id="saveButton" layoutX="500.0" layoutY="620.0" onAction="#onSaveNewFile" prefHeight="37.0"
                prefWidth="181.0" styleClass="save-button" text="Save New File">
            <graphic>
                <ImageView fitHeight="21.0" fitWidth="29.0" preserveRatio="true">
                    <image>
                        <Image url="@../../../Icons/saveFile.png"/>
                    </image>
                </ImageView>
            </graphic>
        </Button>
    </Pane>
    <rotationAxis>
        <Point3D x="50.0" z="1.0"/>
    </rotationAxis>
</AnchorPane>


this is my EditView.fxml please add a search bar on the top centered of it and an icon inside of it from the most left i'm gonna add it's correct path  ,    also add a Search by: with 4 radio buttons All File No  Name ID Phone under the search bar <3 you are the goat and gonna make it also give me the css for the new added components