#!/usr/bin/env python3
# -*- coding: utf-8 -*-
""" Dash Server """

import dash_bootstrap_components as dbc
from dash import dcc
from dash import html

from datetime import datetime as dt
from datetime import timedelta

from data_handler import PROB
from data_handler import STYLES
from data_handler import DATES
from data_handler import MODELS
from data_handler import WAS
from data_handler import DISCLAIMER_MODELS
from data_handler import DEFAULT_MODEL
from data_handler import DEFAULT_VAR
from data_handler import GRAPH_HEIGHT 

start_date = DATES['start_date']
end_date = DATES['end_date'] or (dt.now() - timedelta(days=1)).strftime("%Y%m%d")

forecast_days = ('Today', 'Tomorrow')

#login_modal = html.Div(
#    id='open-login',
#    children=[
#        dbc.Modal([
#            dbc.ModalHeader("Download authentication"),
#            dbc.ModalBody([
#                dbc.Alert(
#                    "The username/password is incorrect. Please try again or click outside the window to exit.",
#                    id="alert-login-error",
#                    is_open=False,
#                    duration=6000,
#                    fade=True,
#                    color="primary",
#                    style={ 'overflow': 'auto', 'marginBottom': 0 }
#                ),
#                dbc.Alert(
#                    "Sorry, you don't have permission to download the latest forecast. Please download a previous forecast or click outside the window to exit.",
#                    id="alert-login-wrong",
#                    is_open=False,
#                    duration=6000,
#                    fade=True,
#                    color="primary",
#                    style={ 'overflow': 'auto', 'marginBottom': 0 }
#                ),
#                dcc.Input(
#                    id="input_username",
#                    type="text",
#                    placeholder="username",
#                ),
#                dcc.Input(
#                    id="input_password",
#                    type="password",
#                    placeholder="password",
#                ),
#                html.Button('Login', id='submit-login', n_clicks=0),
#            ]),
#            ],
#            id='login-modal',
#            size='sm',
#            centered=True,
#            is_open=False,
#        ),
#    ]
#    #style={'display': 'none'},
#)

time_series = html.Div(
    id='open-timeseries',
    children=[
        dbc.Spinner(
            id='loading-ts-modal',
            fullscreen=True,
            fullscreen_style={'opacity': '0.5', 'zIndex' : '200000'},
            show_initially=False,
            # debounce=200,
            children=[
                dbc.Modal([],
                    id='ts-modal',
                    size='xl',
                    centered=True,
                    is_open=False,
                ),
            ],
        )],
    #style={'display': 'none'},
)


layout_view = html.Div([
    html.Span(
        dbc.DropdownMenu(
            id='map-view-dropdown',
            label='VIEW',
            children=[
                dbc.DropdownMenuItem(
                    STYLES[style]['name'],
                    id=dict(
                        tag='view-style',
                        index=style
                    ),
                    active=active
                )
                for style, active in zip(list(STYLES.keys()), [True if i == 'carto-positron'
                    else False for i in STYLES])
                ],
            direction="up",
        ),
    )])

layout_layers = html.Div([
    html.Span(
        dbc.DropdownMenu(
            id='map-layers-dropdown',
            label='LAYERS',
            children=[
                dbc.DropdownMenuItem('AIRPORTS', id='airports')
            ],
            direction="up",
        ),
    )])

time_slider = html.Div([
    html.Span(
        dcc.DatePickerSingle(
            id='model-date-picker',
            min_date_allowed=dt.strptime(start_date, "%Y%m%d"),
            max_date_allowed=dt.strptime(end_date, "%Y%m%d"),
            initial_visible_month=dt.strptime(end_date, "%Y%m%d"),
            display_format='DD MMM YYYY',
            date=end_date,
            clearable=True,
            placeholder='DD MON YYYY',
            reopen_calendar_on_clear=True,
        ),
        className="timesliderline",
    ),
    html.Span(
        children=[
        html.Button(title='Play',
                    id='btn-play', n_clicks=0,
                    className='fa fa-play text-center'),
        html.Button(title='Stop',
                    id='btn-stop', n_clicks=0,
                    className='fa fa-pause text-center')],
        className="timesliderline anim-buttons",
    ),
    html.Span(
        dcc.Slider(
            id='slider-graph',
            min=0, max=72, step=3, value=0,
            marks={
                tstep: '{:d}'.format(tstep)
                # if tstep%2 == 0 else ''
                for tstep in range(0, 75, 3)
            },
            # updatemode='drag',
        ),
        className="timesliderline",
    ),
    html.Div(DISCLAIMER_MODELS,
        className='disclaimer'),
    ],
    className="timeslider"
)


prob_time_slider = html.Div([
    html.Span(
        dcc.DatePickerSingle(
            id='prob-date-picker',
            min_date_allowed=dt.strptime(start_date, "%Y%m%d"),
            max_date_allowed=dt.strptime(end_date, "%Y%m%d"),
            initial_visible_month=dt.strptime(end_date, "%Y%m%d"),
            display_format='DD MMM YYYY',
            date=end_date,
            clearable=True,
            placeholder='DD MON YYYY',
            reopen_calendar_on_clear=True,
        ),
        className="timesliderline",
    ),
    html.Span(
        dcc.Slider(
            id='prob-slider-graph',
            min=0, max=1, step=1, value=0,
            marks={
                tstep: forecast_days[tstep]
                for tstep in range(2)
            },
        ),
        className="timesliderline",
    ),
    html.Div(DISCLAIMER_MODELS,
        className='disclaimer'),
    ],
    className="timeslider"
)


was_time_slider = html.Div([
    html.Span(
        dcc.DatePickerSingle(
            id='was-date-picker',
            min_date_allowed=dt.strptime(start_date, "%Y%m%d"),
            max_date_allowed=dt.strptime(end_date, "%Y%m%d"),
            initial_visible_month=dt.strptime(end_date, "%Y%m%d"),
            display_format='DD MMM YYYY',
            date=end_date,
            clearable=True,
            placeholder='DD MON YYYY',
            reopen_calendar_on_clear=True,
        ),
        className="timesliderline",
    ),
    html.Span(
        dcc.Slider(
            id='was-slider-graph',
            min=1, max=2, step=1, value=1,
            marks={
                tstep: forecast_days[tstep-1]
                for tstep in range(1, 3)
            },
        ),
        className="timesliderline",
    ),
    html.Div(DISCLAIMER_MODELS,
        className='disclaimer'),
    ],
    className="timeslider"
)


def tab_forecast(window='models'):
    models_children = [
            html.Div(
                id=dict(
                    tag='tab-name',
                    index='models',
                    )
                ),
#        login_modal,
        dbc.Alert(
            "To explore the forecast, please select a variable and click on APPLY.",
            id="alert-forecast",
            is_open=True,
            duration=6000,
            fade=True,
            color="primary",
            style={ 'overflow': 'auto', 'marginBottom': 0 }
        ),
        dbc.Alert(
            "If you close the location tooltip, please refresh the page before clicking on another specific location on the map.",
            id="alert-popup",
            is_open=False,
            duration=6000,
            fade=True,
            color="primary",
            style={ 'overflow': 'auto', 'marginBottom': 0 }
        ),
        html.Div(
            id='div-collection',
#            children=[dbc.Spinner(
#            id='loading-graph-collection',
#            #debounce=10,
#            show_initially=False,
            children=[
                dbc.Container(
                    id='graph-collection',
                    children=[
                    ],
                    fluid=True,
                    ),
               ]
#            )],
        ),
        html.Div(
            [dcc.Store(id="model-clicked-coords"),
             dcc.Store(id="current-popups-stored")]
        ),
        html.Div(
            dcc.Interval(id='slider-interval',
                interval=1000,
                n_intervals=0,
                disabled=True
        )),
        html.Div([
            time_slider,
            layout_view,
            # layout_layers,
            ],
            id='layout-dropdown',
            className="layout-dropdown",
        ),
        time_series,
    ]

    was_children = [
            html.Div(
                id=dict(
                    tag='tab-name',
                    index='was',
                    )
                ),
        dbc.Spinner(
            html.Div(
                children=[
                    html.Div(
                        id="{'index':'None', 'tag': 'empty-map'}")
                    ],
                id='was-graph',
                className='graph-with-slider'),
        ),
        html.Div([
            was_time_slider,
            layout_view,
            # layout_layers,
            ],
            id='layout-dropdown',
            className="layout-dropdown",
        ),
    ]

    prob_children = [
            html.Div(
                id=dict(
                    tag='tab-name',
                    index='prob',
                    )
                ),
        html.Div(
            id='prob-graph',
            className='graph-with-slider'),
        html.Div([
            prob_time_slider,
            layout_view,
            # layout_layers,
            ],
            id='layout-dropdown',
            className="layout-dropdown",
        ),
    ]

    windows = {
        'models': models_children,
        'was': was_children,
        'prob': prob_children,
    }
    
    return dcc.Tab(label='Forecast',
        id='forecast-tab',
        value='forecast-tab',
        className='horizontal-menu',
        children=windows[window],
    )


def sidebar_forecast(variables, default_var, models, default_model):
    return [
    html.Div([
        html.Label("Variable"),
        dcc.Dropdown(
            id='variable-dropdown-forecast',
            options=[{'label': variables[variable]['name_sidebar'],
                      'value': variable} for variable in variables],
            value=default_var,
            clearable=False,
            searchable=False,
            optionHeight=50,
        )],
        className="sidebar-first-item",
    ),
    html.Div([
        dbc.Card([
            dbc.CardHeader(html.H2(
                dbc.Button(children=["Models",
                    html.Span(
                        html.I(className='fa fa-solid fa-angle-up'),
                        id='caret1', className="caret-span")
                    ],
                    color="link", id='group-1-toggle', className='dropdown'),
            )),
            dbc.Collapse(
                id='collapse-1',
                is_open=True,
                children=[
                    dbc.CardBody([
                        dbc.Checklist(
                            id='model-dropdown',
                            options=[{'label': models[model]['name'],
                                      'value': model} for model in models],
                            value=[default_model,],
                            className="sidebar-dropdown",
                        ),
                        html.Span([
                            html.Button('APPLY', id='models-apply', n_clicks=0),
                        ],
                        )],
                    )
                ]
            )],
        ),
        dbc.Card([
            dbc.CardHeader(html.H2(
                dbc.Button(children=["Probability of exceedance",
                    html.Span(
                        html.I(className='fa fa-solid fa-angle-up'),
                        id='caret2', className="caret-span-closed")
                    ],
                    color="link", id='group-2-toggle', className='dropdown'),
            )),
            dbc.Collapse(
                id='collapse-2',
                children=[
                    dbc.CardBody([
                        dcc.RadioItems(
                            id='prob-dropdown',
                            options=[],
                            value=None,
                            className="sidebar-dropdown"
                        ),
                        html.Span([
                            html.Button('APPLY', id='prob-apply', n_clicks=0),
                        ]
                        )]
                    )
                ]
            )],
        ),
        dbc.Card([
            dbc.CardHeader(html.H2(
                dbc.Button(children=["Warning Advisory System",
                    html.Span(
                        html.I(className='fa fa-solid fa-angle-up'),
                        id='caret3', className="caret-span-closed")],
                    color="link", id='group-3-toggle', className='dropdown',
                    disabled=False)
            )),
            dbc.Collapse(
                id='collapse-3',
                children=[
                    dbc.CardBody([
                        dcc.RadioItems(
                            id='was-dropdown',
                            options=[{'label': WAS[was]['name'],
                                      'value': was} for was in WAS],
                            value='burkinafaso',
                            className="sidebar-dropdown"
                        ),
                        html.Div(
                            dcc.Store(id="was-previous"),
                        ),
                        html.Span([
                            html.Button('APPLY', id='was-apply', n_clicks=0),
                        ]
                        )]
                    )
                ]
            )],
        ),
    ],
    className="accordion"
    ),
    html.Div([
        dbc.Row([
          dbc.Col(
            dbc.Button(
                "",
                id="info-button",
            ),
            width=3,
            ),
          dbc.Col(
            dbc.Button(
                "DOWNLOAD",
                id="download-button",
            ),
            width=9,
            ),
          ],
          no_gutters=True,
          ),
        dbc.Row([
            dbc.Col([
              dbc.Collapse(
                dbc.Card(dbc.CardBody(
                    [
                        dbc.Button('USER GUIDE',
                            id='btn-userguide-download',
                            n_clicks=0,
                            href="https://dust.aemet.es/products/overview/user-guide/@@download",
                            className='download-section',
                            ),
                        html.P("""
                        Please check out the User Guide for more information."""),
                    ],
                    className="card-text",
                    )),
                id="info-collapse",
                is_open=False,
              ),
              dbc.Collapse(
                dbc.Card(dbc.CardBody(
                    [
                        html.Label("CURRENT SELECTION"),
                        dbc.Button('PNG FRAME',
                            id='btn-frame-download',
                            n_clicks=0,
                            href="#",
                            className='download-section',
                            ),
                        # dbc.Spinner(
                                dcc.Download(
                                    id="frame-download",
                                    base64=True,
                                ),
                          #  ),
                        dbc.Button('GIF ANIM',
                            id='btn-anim-download',
                            n_clicks=0,
                            href="#",
                            external_link=True,
                            target="_blank",
                            className='download-section',
                            ),
#                        html.Button('GIF ANIM',
#                            id='btn-anim-download',
#                            n_clicks=0,
#                            className='download-section',
#                            ),
#                        dbc.Spinner(
#                            dcc.Download(
#                                id="anim-download",
#                                base64=True,
#                                ),
#                            ),
#                        html.Label("ALL MODELS"),
#                        dbc.Button('PNG FRAME',
#                            id='btn-all-frame-download',
#                            n_clicks=0,
#                            href="#",
#                            external_link=True,
#                            target="_blank",
#                            className='download-section',
#                            ),
##                        dbc.Spinner(
##                            dcc.Download(
##                                id="all-frame-download",
##                                base64=True,
##                                ),
##                            ),
#                        dbc.Button('GIF ANIM',
#                            id='btn-all-anim-download',
#                            n_clicks=0,
#                            href="#",
#                            external_link=True,
#                            target="_blank",
#                            className='download-section',
#                            ),
#                        dbc.Spinner(
#                            dcc.Download(
#                                id="all-anim-download",
#                                base64=True,
#                                ),
#                            ),
                        html.Label("NUMERICAL DATA"),
                        dbc.Button('NETCDF',
                            id='btn-netcdf-download',
                            n_clicks=0,
                            href="/products/data-download",
                            external_link=True,
                            target="_blank",
                            className='download-section',
                            ),
#                        html.A('TEST',
#                            id='btn-img-download',
#                            href="#",
#                            # target="_blank",
#                            className='download-section',
#                            ),
#                        dbc.Spinner(
#                            dcc.Download(
#                                id="netcdf-download",
#                                base64=True,
#                                ),
#                            ),
#                        html.P("""This button allows you to get selected models netCDF files."""),
#                        html.P([
#                            """To get access to the forecast archive please click """,
#                            dcc.Link('here', href="https://dust03.bsc.es/products/data-download"),
#                            ]),
                    ],
                    className="card-text",
                    )),
                id="download-collapse",
                is_open=False,
              )
            ]),
        ],
        className="collapsible-cards",
        ),
    ],
    className="sidebar-bottom",
    )
]

