<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="Payesh.Maui.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:materialTab="http://sharpnado.com"
    Title="{Binding Title}"
    FlowDirection="RightToLeft"
    NavigationPage.HasNavigationBar="False">
    <Grid RowDefinitions="Auto,*,Auto">
        <Frame
            Margin="0,-60,0,0"
            Padding="20,95,20,80"
            BackgroundColor="{StaticResource Primary}"
            BorderColor="Transparent"
            CornerRadius="35"
            HasShadow="False">
            <StackLayout VerticalOptions="Center">

                <Label
                    FontFamily="ShabnamBold"
                    FontSize="Title"
                    Text="پایش بار و انرژی"
                    TextColor="{StaticResource AccentColor}" />
                <Label
                    Margin="0,-5,0,0"
                    FontFamily="Shabnam"
                    FontSize="Caption"
                    Text="سیستم یک پارچه مدیریت و مشاهده گزارشات مصرفی برق در بخش های مختلف شبکه"
                    TextColor="{StaticResource AccentColor}" />
            </StackLayout>
        </Frame>

        <Frame
            Grid.Row="1"
            Margin="-3,-50,-3,-3"
            Padding="0"
            BackgroundColor="{StaticResource AccentColor}"
            CornerRadius="35"
            HasShadow="False">
            <Grid RowDefinitions="*,Auto">

                <Frame
                    Margin="0,0,0,0"
                    Padding="10,10"
                    BackgroundColor="{StaticResource Gray100}"
                    BorderColor="Transparent"
                    CornerRadius="35">

                    <Grid ColumnDefinitions="*,*" RowDefinitions="*,*,*,Auto">
                        <Frame
                            Grid.Row="0"
                            Grid.Column="0"
                            Margin="5"
                            BackgroundColor="White"
                            BorderColor="White"
                            CornerRadius="15"
                            HasShadow="True">
                            <Grid RowDefinitions="*,Auto">
                                <Image Source="https://img.freepik.com/free-vector/factory-concept-illustration_114360-5260.jpg?w=2000" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="ShabnamBold"
                                        FontSize="Large"
                                        Text="صنعتـــــ"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,0,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1" />
                                    <Label
                                        FontFamily="Shabnam"
                                        FontSize="Caption"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                            <Frame.GestureRecognizers>
                                <TapGestureRecognizer Tapped="FactoriesTapGestureRecognizer_OnTapped" />
                            </Frame.GestureRecognizers>
                        </Frame>
                        <Frame
                            Grid.Row="0"
                            Grid.Column="1"
                            Margin="5"
                            BackgroundColor="White"
                            BorderColor="White"
                            CornerRadius="15"
                            HasShadow="True">

                            <Grid RowDefinitions="*,Auto">
                                <Image Margin="-5" Source="https://static.vecteezy.com/system/resources/thumbnails/007/885/609/small_2x/isometric-design-concept-illustration-solar-energy-panels-with-dams-free-vector.jpg" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="ShabnamBold"
                                        FontSize="Large"
                                        Text="تولید"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,0,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <Label
                                        FontFamily="Shabnam"
                                        FontSize="Caption"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                        <Frame
                            Grid.Row="1"
                            Grid.Column="0"
                            Margin="5"
                            BackgroundColor="White"
                            BorderColor="White"
                            CornerRadius="15"
                            HasShadow="True">

                            <Grid RowDefinitions="*,Auto">
                                <Image Margin="-15" Source="https://cdn1.vectorstock.com/i/thumb-large/07/75/smart-home-isometric-vector-28660775.jpg" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="ShabnamBold"
                                        FontSize="Large"
                                        Text="شبکه"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,0,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <Label
                                        FontFamily="Shabnam"
                                        FontSize="Caption"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                        <Frame
                            Grid.Row="1"
                            Grid.Column="1"
                            Margin="5"
                            BackgroundColor="White"
                            BorderColor="White"
                            CornerRadius="15"
                            HasShadow="True">

                            <Grid RowDefinitions="*,Auto">
                                <Image Margin="-5" Source="https://img.freepik.com/free-vector/young-tiny-analysts-preparing-monthly-report-calendar-chart-arrow-flat-vector-illustration-statistics-digital-technology_74855-8749.jpg?w=2000" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="ShabnamBold"
                                        FontSize="Large"
                                        Text="برآورد"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,0,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <Label
                                        FontFamily="Shabnam"
                                        FontSize="Caption"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                        <Frame
                            Grid.Row="2"
                            Grid.Column="0"
                            Grid.ColumnSpan="2"
                            Margin="5"
                            BackgroundColor="White"
                            BorderColor="White"
                            CornerRadius="15"
                            HasShadow="True">

                            <Grid RowDefinitions="*,Auto">
                                <Image Source="customer_service.jpg" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="ShabnamBold"
                                        FontSize="Large"
                                        Text="خدماتـــــ مشترکین"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,0,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <Label
                                        FontFamily="Shabnam"
                                        FontSize="Caption"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                    </Grid>
                </Frame>

                <materialTab:TabHostView
                    x:Name="TabHost"
                    Grid.Row="1"
                    Margin="0,0,0,2">
                    <materialTab:TabHostView.Tabs>
                        <materialTab:MaterialUnderlinedTabItem
                            Padding="10,0"
                            Fill="True"
                            HeightRequest="60"
                            Label="حساب کاربری"
                            SelectedTabColor="{StaticResource Primary}"
                            UnderlineHeight="4"
                            UnselectedLabelColor="White" />

                        <materialTab:MaterialUnderlinedTabItem
                            Padding="10,0"
                            Label="سهمیه بندی"
                            SelectedTabColor="{StaticResource Primary}"
                            UnselectedLabelColor="White" />

                        <materialTab:MaterialUnderlinedTabItem
                            Padding="10,0"
                            Label="گزارشات کلی"
                            SelectedTabColor="{StaticResource Primary}"
                            UnselectedLabelColor="White" />

                        <materialTab:MaterialUnderlinedTabItem
                            Padding="10,0"
                            Label="صفحه اصلی"
                            SelectedTabColor="{StaticResource Primary}"
                            UnselectedLabelColor="White" />
                    </materialTab:TabHostView.Tabs>
                </materialTab:TabHostView>
            </Grid>
        </Frame>


    </Grid>
</ContentPage>
