<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="Payesh.App.Views.MainPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:extensions="http://xamarin.com/schemas/2020/toolkit"
    xmlns:forms="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
    xmlns:materialFrame="http://sharpnado.com"
    xmlns:renders="clr-namespace:Payesh.App.Renders;assembly=Payesh.App"
    Title="{Binding Title}"
    FlowDirection="RightToLeft"
    NavigationPage.HasNavigationBar="False">
    <Grid RowDefinitions="*,3*,Auto">
        <Frame
            Margin="0,-40,0,0"
            Padding="20,35,20,75"
            BackgroundColor="{StaticResource PrimaryColor}"
            CornerRadius="35"
            HasShadow="False">
            <StackLayout VerticalOptions="Center">

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

        <Frame
            Grid.Row="1"
            Grid.RowSpan="2"
            Margin="0,-85,0,-25"
            Padding="0,0,0,120"
            BackgroundColor="{StaticResource AccentColor}"
            CornerRadius="35"
            HasShadow="False">
            <StackLayout>
                <materialFrame:MaterialFrame
                    Margin="0,0,0,-25"
                    Padding="10,10,10,10"
                    CornerRadius="35">

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

                            <Grid RowDefinitions="*,Auto">
                                <forms:CachedImage 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="{StaticResource ShabnameBold}"
                                        FontSize="Large"
                                        Text="تولید"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,-7,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <renders:ExtendedLabel
                                        FontFamily="{StaticResource Shabname}"
                                        FontSize="Caption"
                                        JustifyText="True"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                        <Frame
                            Grid.Row="1"
                            Grid.Column="0"
                            Margin="5"
                            CornerRadius="15">

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

                            <Grid RowDefinitions="*,Auto">
                                <forms:CachedImage 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="{StaticResource ShabnameBold}"
                                        FontSize="Large"
                                        Text="برآورد"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,-7,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <renders:ExtendedLabel
                                        FontFamily="{StaticResource Shabname}"
                                        FontSize="Caption"
                                        JustifyText="True"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                        <Frame
                            Grid.Row="2"
                            Grid.Column="0"
                            Grid.ColumnSpan="2"
                            Margin="5"
                            CornerRadius="15">

                            <Grid RowDefinitions="*,Auto">
                                <forms:CachedImage Source="customerService.jpg" />
                                <StackLayout Grid.Row="1">
                                    <Label
                                        FontFamily="{StaticResource ShabnameBold}"
                                        FontSize="Large"
                                        Text="خدماتـــــ مشترکین"
                                        TextColor="{StaticResource AccentColor}" />
                                    <BoxView
                                        Margin="0,-7,0,0"
                                        BackgroundColor="{StaticResource AccentColor}"
                                        HeightRequest="1"
                                        Opacity="0.3" />
                                    <renders:ExtendedLabel
                                        FontFamily="{StaticResource Shabname}"
                                        FontSize="Caption"
                                        JustifyText="True"
                                        Text="پایش بار و انرژی مورد استفاده در مراکز صنعتی"
                                        TextColor="{StaticResource AccentColor}" />
                                </StackLayout>
                            </Grid>
                        </Frame>
                    </Grid>
                </materialFrame:MaterialFrame>
            </StackLayout>
        </Frame>

        <Frame
            Grid.Row="1"
            Margin="-135"
            Padding="0"
            CornerRadius="100"
            HorizontalOptions="Center"
            IsVisible="False"
            VerticalOptions="Start">
            <forms:CachedImage
                HeightRequest="120"
                Source="fev.png"
                WidthRequest="120" />
        </Frame>
        <Frame
            Grid.Row="2"
            Margin="10,0"
            Padding="0"
            BackgroundColor="Transparent"
            CornerRadius="10"
            HeightRequest="50">
            <materialFrame:TabHostView x:Name="TabHost">
                <materialFrame:TabHostView.Tabs>
                    <materialFrame:MaterialUnderlinedTabItem
                        Padding="10,0"
                        Fill="True"
                        Label="حساب کاربری"
                        SelectedTabColor="{StaticResource PrimaryColor}"
                        UnderlineHeight="4"
                        UnselectedLabelColor="White" />

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

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

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

</ContentPage>