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

<?import com.gluonhq.charm.glisten.control.ProgressBar?>
<?import javafx.scene.chart.BarChart?>
<?import javafx.scene.chart.CategoryAxis?>
<?import javafx.scene.chart.NumberAxis?>
<?import javafx.scene.chart.PieChart?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>

<AnchorPane id="AnchorPane" fx:id="AnchorPaneDashboard" minHeight="642.0" minWidth="796.0" prefHeight="642.0" prefWidth="796.0" stylesheets="@../../Public/CSS/StylePrincipal.css" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" xmlns="http://javafx.com/javafx/22" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controllers.Home.DashboardController">
   <children>
      <ProgressBar fx:id="ProgressBarLoading" layoutY="52.0" prefHeight="4.0" prefWidth="762.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
      <Pane fx:id="TitrePane" prefHeight="52.0" prefWidth="796.0" styleClass="pane2hautdroit" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
         <children>
            <HBox alignment="BOTTOM_LEFT" layoutX="23.0" layoutY="13.1787109375">
               <children>
                  <Text fx:id="TitrePrincipale" layoutX="23.0" layoutY="34.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Tableau de bord" wrappingWidth="174.72216796875">
                     <font>
                        <Font name="Arial" size="23.0" />
                     </font>
                  </Text>
                  <Text layoutX="176.0" layoutY="31.0" strokeType="OUTSIDE" strokeWidth="0.0" text="  ">
                     <font>
                        <Font name="Arial" size="15.0" />
                     </font>
                  </Text>
                  <Text fx:id="TitreSecondaire" layoutX="163.0" layoutY="34.0" strokeType="OUTSIDE" strokeWidth="0.0" text=" Accueil / Tableau de bord">
                     <font>
                        <Font name="Arial" size="15.0" />
                     </font>
                  </Text>
               </children>
            </HBox>
         </children>
      </Pane>
      <Text fx:id="TextYearDashboard" layoutX="14.0" layoutY="111.0" strokeType="OUTSIDE" strokeWidth="0.0" text="L'année 2022">
         <font>
            <Font name="Verdana" size="29.0" />
         </font>
      </Text>
      <GridPane layoutX="10.0" layoutY="146.0" prefHeight="116.0" prefWidth="776.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="10.0" AnchorPane.topAnchor="146.0">
         <columnConstraints>
            <ColumnConstraints hgrow="SOMETIMES" minWidth="120.0" prefWidth="120.0" />
            <ColumnConstraints hgrow="SOMETIMES" maxWidth="30.0" minWidth="30.0" prefWidth="30.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="120.0" prefWidth="120.0" />
            <ColumnConstraints hgrow="SOMETIMES" maxWidth="30.0" minWidth="30.0" prefWidth="30.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="120.0" prefWidth="120.0" />
         </columnConstraints>
         <rowConstraints>
            <RowConstraints maxHeight="200.0" minHeight="60.0" prefHeight="60.0" vgrow="SOMETIMES" />
         </rowConstraints>
         <children>
            <AnchorPane fx:id="AnchorPaneNbrCheque" style="-fx-background-color: #337ab7; -fx-border-color: #d2d2d2;">
               <children>
                  <AnchorPane layoutX="14.0" styleClass="AnchorPane-Default" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                     <children>
                        <Text fill="#337ab7" layoutX="9.0" layoutY="46.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Nombre des Ventes">
                           <font>
                              <Font name="Arial" size="19.0" />
                           </font>
                        </Text>
                        <GridPane layoutX="8.0" layoutY="70.0" prefHeight="30.0" prefWidth="206.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="5.0">
                          <columnConstraints>
                            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                            <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                          </columnConstraints>
                          <rowConstraints>
                            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                          </rowConstraints>
                           <children>
                              <Text fx:id="TextNbrVente" strokeType="OUTSIDE" strokeWidth="0.0" text="--">
                                 <font>
                                    <Font name="Arial" size="27.0" />
                                 </font>
                              </Text>
                              <ImageView fitHeight="35.0" fitWidth="41.0" GridPane.columnIndex="1">
                                 <image>
                                    <Image url="@../../Public/icon/vente_2.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </GridPane>
                     </children>
                  </AnchorPane>
               </children>
            </AnchorPane>
            <AnchorPane fx:id="AnchorPaneNbrCheque1" style="-fx-background-color: #373737; -fx-border-color: #d2d2d2;" GridPane.columnIndex="2">
               <children>
                  <AnchorPane layoutX="14.0" styleClass="AnchorPane-Default" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                     <children>
                        <Text layoutX="9.0" layoutY="46.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Nombre des Clients">
                           <font>
                              <Font name="Arial" size="19.0" />
                           </font>
                        </Text>
                        <GridPane layoutX="12.0" layoutY="70.0" prefHeight="30.0" prefWidth="206.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="5.0">
                           <columnConstraints>
                              <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                              <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                           </columnConstraints>
                           <rowConstraints>
                              <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                           </rowConstraints>
                           <children>
                              <Text fx:id="TextNbrClient" strokeType="OUTSIDE" strokeWidth="0.0" text="--">
                                 <font>
                                    <Font name="Arial" size="27.0" />
                                 </font>
                              </Text>
                              <ImageView fitHeight="42.0" fitWidth="48.0" GridPane.columnIndex="1">
                                 <image>
                                    <Image url="@../../Public/icon/uses.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </GridPane>
                     </children>
                  </AnchorPane>
               </children>
            </AnchorPane>
            <AnchorPane fx:id="AnchorPaneNbrCheque2" style="-fx-background-color: #4DAE4D; -fx-border-color: #d2d2d2;" GridPane.columnIndex="4">
               <children>
                  <AnchorPane layoutX="14.0" styleClass="AnchorPane-Default" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                     <children>
                        <Text fill="#4dae4d" layoutX="9.0" layoutY="46.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Nombre des Chèques">
                           <font>
                              <Font name="Arial" size="19.0" />
                           </font>
                        </Text>
                        <GridPane layoutX="10.0" layoutY="70.0" prefHeight="30.0" prefWidth="206.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="5.0">
                           <columnConstraints>
                              <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                              <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                           </columnConstraints>
                           <rowConstraints>
                              <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                           </rowConstraints>
                           <children>
                              <Text fx:id="TextNbrCheque" strokeType="OUTSIDE" strokeWidth="0.0" text="--">
                                 <font>
                                    <Font name="Arial" size="27.0" />
                                 </font>
                              </Text>
                              <ImageView GridPane.columnIndex="1">
                                 <image>
                                    <Image url="@../../Public/icon/cheque.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </GridPane>
                     </children>
                  </AnchorPane>
               </children>
            </AnchorPane>
         </children>
      </GridPane>
      <AnchorPane layoutX="10.0" layoutY="315.0" prefHeight="279.0" prefWidth="459.0" styleClass="pane2hautdroit" AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="337.0" AnchorPane.topAnchor="315.0">
         <children>
            <Text fill="#726f6f" layoutX="11.0" layoutY="26.0" strokeType="OUTSIDE" strokeWidth="0.0" text="chiffre d'affaire">
               <font>
                  <Font name="Arial" size="15.0" />
               </font>
            </Text>
            <Separator layoutY="39.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
            <BarChart fx:id="BarChartVente" layoutX="125.0" layoutY="39.0" prefHeight="228.0" prefWidth="437.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
              <xAxis>
                <CategoryAxis side="BOTTOM" />
              </xAxis>
              <yAxis>
                <NumberAxis side="LEFT" />
              </yAxis>
            </BarChart>
         </children>
      </AnchorPane>
      <AnchorPane layoutX="475.0" layoutY="315.0" prefHeight="279.0" prefWidth="321.0" styleClass="pane2hautdroit" AnchorPane.rightAnchor="5.0" AnchorPane.topAnchor="315.0">
         <children>
            <Text fill="#726f6f" layoutX="14.0" layoutY="26.0" strokeType="OUTSIDE" strokeWidth="0.0" text="chiffre d'affaire par magasin">
               <font>
                  <Font name="Arial" size="15.0" />
               </font>
            </Text>
            <Separator layoutY="39.0" prefWidth="321.0" />
            <PieChart fx:id="PieChartVente" layoutX="-1.0" layoutY="51.0" prefHeight="228.0" prefWidth="323.0" />
         </children>
      </AnchorPane>
   </children>
</AnchorPane>
