import ee
import geemap
import plotly.express as px
import pandas as pd
import solara
import dataclasses
from typing import Callable, cast


df= pd.read_csv('pages/ARR_projects.csv')

developer= df['Project De'].iloc[6]
project_name= df['Project Na'].iloc[6]
project_start = df['Project St'].iloc[6]
project_end = df['Project En'].iloc[6]
project_ID = df['ProjectID'].iloc[6]
registry = df['Registry N'].iloc[6]

class Map(geemap.Map):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.add_ee_data()
        self.add_basemap("Esri.WorldImagery")
        self.add_ee_data()

    def add_ee_data(self):
        # Add Earth Engine dataset

        carbonoffsetscol = ee.FeatureCollection('projects/sat-io/open-datasets/CARBON-OFFSET-PROJECTS-GLOBAL').filter(ee.Filter.eq('Country', 'Brazil'))
        ARR_projects= carbonoffsetscol.filter(ee.Filter.eq('Project Ty', 'ARR'))
        ARR_project_list= ARR_projects.toList(ARR_projects.size()).get(6)

        ARR_project= ee.Feature(ARR_project_list)
        ARR_project_df= geemap.ee_to_gdf(ARR_project)

        fromList = [1,3,4,5,6,49,10,11,12,32,29,50,13,15,18,19,39,20,40,62,41,36,46,47,35,48,21,14,9,26,33,31,22,23,24,30,25,27]
        toList =   [3,3,3,3,3,3,10,10,10,10,10,10,10,15,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,26,26,26,22,22,22,22,22,22]

        #26- Ano de 2023

        land_use_2011=ee.Image('projects/mapbiomas-public/assets/brazil/lulc/collection9/mapbiomas_collection90_integration_v1').select(26)
        land_use_2011= land_use_2011.clipToCollection(ARR_projects)
        land_use_2011_remap= land_use_2011.remap(fromList, toList, 0)
        land_use_2011_remap= land_use_2011_remap.clip(ARR_project)


        #38-Ano de 2023
        land_use_2023=ee.Image('projects/mapbiomas-public/assets/brazil/lulc/collection9/mapbiomas_collection90_integration_v1').select(38)
        land_use_2023= land_use_2023.clipToCollection(ARR_projects)
        land_use_2023_remap= land_use_2023.remap(fromList, toList, 0)
        land_use_2023_remap= land_use_2023_remap.clip(ARR_project)

        legend_dict = {
                '3 - Formação Florestal ': '#1f8d49',
                '10 - Vegetação Herbácea e Arbustiva': '#d6bc74',
                '15 - Pastagem ': '#edde8e',
                '18 - Agricultura/Silvicultura': '#E974ED',
                '22 - Área não Vegetada': '#d4271e' ,
                "26 - Corpo D'água": '#2532e4',    
        }

        vis_params = {
            'palette': ['#1f8d49','#1f8d49','#d6bc74', '#d6bc74','#edde8e', '#edde8e', '#E974ED', '#d4271e', '#2532e4'],
            #'min': 3,
            #'max': 26,
        }

        left_layer = geemap.ee_tile_layer(land_use_2011_remap, vis_params, 'Uso de Solo Mapbiomas 2011')
        right_layer = geemap.ee_tile_layer(land_use_2023_remap, vis_params, 'Uso de Solo Mapbiomas 2023')



        # Add Earth Engine layers to Map
        
        self.centerObject(ARR_project, zoom=13)

        self.add_layer(ARR_project,{},'Projeto de Carbono ARR')   
       
        self.split_map(left_layer, right_layer, left_label='MapBiomas 2011', right_label='MapBiomas 2023',add_close_button=False, layer_control=True ,left_position='topleft',right_position='topright',zoom_control=False,fullscreen_control=False,draw_control=False)

        self.add_legend(title='Uso de Solo Mapbiomas', legend_dict=legend_dict)

        self.add_text(text='Nome: '+ project_name, position='bottomleft', offset_x=0, offset_y=0)

        self.add_text(text='Desenvolvedor do Projeto: ' + developer, position='bottomleft', offset_x=0, offset_y=0)

        self.add_text(text='Data de Término: ' + project_end, position='bottomleft', offset_x=0, offset_y=0)

        self.add_text(text='Data de Início: ' + project_start, position='bottomleft', offset_x=0, offset_y=0)

        self.add_text(text='Registro: '+ registry + ' // ID do Projeto: ' + project_ID, position='bottomleft', offset_x=0, offset_y=0)

        

             


@solara.component
def Page():
    with solara.Column(style={"max-width": "100%",'margin': "10vw"}):
        Map.element(
            height="600px",
        )