from flask import Flask, render_template, request, jsonify

def varo_login():
    return '''
    varo.auth().then(auth => {
    if (auth.success) {
		// handle success by calling your api to update the users session
		$.post("/auth", JSON.stringify(auth.data), (response) => {
			window.location = '/site';
		});
	}
    });'''


def preview(data):
    title = data['title']
    link_0 = data['link_0']
    link_1 = data['link_1']
    link_2 = data['link_2']
    link_3 = data['link_3']
    link_0_url = data['link_0_url']
    link_1_url = data['link_1_url']
    link_2_url = data['link_2_url']
    link_3_url = data['link_3_url']
    fg_0 = data['fg_0']
    bg_0 = data['bg_0']
    bg_1 = data['bg_1']
    btn_bg = data['btn_bg']
    btn_fg = data['btn_fg']
    socials = data['socials']
    image = data['image']

    if image != "":
        image = f'<img class="rounded" src="/avatar/{image}" width="128px" height="128px" style="margin-top: 25px;" />'

    links = ""
    links += link(link_0,link_0_url,btn_bg,btn_fg)
    links += link(link_1,link_1_url,btn_bg,btn_fg)
    links += link(link_2,link_2_url,btn_bg,btn_fg)
    links += link(link_3,link_3_url,btn_bg,btn_fg)

    socials = social_links(socials)
    addresss = address_links(data['address'],fg_0)
    
    return render_template('preview_card.html', title=title, links=links, image=image, bg_0=bg_0, bg_1=bg_1, fg_0=fg_0, btn_bg=btn_bg, btn_fg=btn_fg, socials=socials, addresses=addresss)



def link(name,url,btn_bg,btn_fg):
    if url == "" or name == "":
        return ""
    colour = f'background-color: {btn_bg}; color: {btn_fg};'
    return f'<a class="btn btn-primary custom-button" role="button" style="display: block;margin: auto;margin-bottom: 25px;width: 95%; {colour}" target="_blank" href="{url}">{name}</a>'


def social_links(socials):
    html = ''
    for social in socials:
        html += render_template(social['name'] + '.html', url=social['url'])
    return html

def address_links(addresses,foreground):
    html = ''
    for address in addresses:
        token = address['token'].upper()
        html += f'<a href=".well-known/wallets/{token}" target="_blank">{tokenImage(token,foreground)}</a>'
    return html

def tokenImage(token,foreground):
    if is_closer_to_black(foreground):
        return f'<img src="/token/{token}B" width="32px" height="32px" style="margin-top: 25px;" />'
    return f'<img src="/token/{token}W" width="32px" height="32px" style="margin-top: 25px;" />'

def site(data):
    title = data['title']
    link_0 = data['link_0']
    link_1 = data['link_1']
    link_2 = data['link_2']
    link_3 = data['link_3']
    link_0_url = data['link_0_url']
    link_1_url = data['link_1_url']
    link_2_url = data['link_2_url']
    link_3_url = data['link_3_url']
    image = f'/avatar/{data["image"]}'
    links = link(link_0,link_0_url,data['btn_bg'],data['btn_fg'])
    links += link(link_1,link_1_url,data['btn_bg'],data['btn_fg'])
    links += link(link_2,link_2_url,data['btn_bg'],data['btn_fg'])
    links += link(link_3,link_3_url,data['btn_bg'],data['btn_fg'])
    socials = social_links(data['socials'])
    addresses = address_links(data['address'],data['fg_0'])

    html = render_template('page.html', title=title, links=links, image=image,
                           bg_0=data['bg_0'], bg_1=data['bg_1'], fg_0=data['fg_0'],
                           btn_bg=data['btn_bg'], btn_fg=data['btn_fg'],
                            socials=socials, addresses=addresses)
    html = html.replace('/assets/img/favicon.png',f'/avatar/{data["image"]}')
    return html



def hex_to_rgb(hex_color):
    hex_color = hex_color.lstrip('#')
    return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))

def color_distance(color1, color2):
    return sum((c1 - c2) ** 2 for c1, c2 in zip(color1, color2)) ** 0.5

def is_closer_to_black(hex_color):
    white = (255, 255, 255)
    black = (0, 0, 0)
    color = hex_to_rgb(hex_color)
    distance_to_white = color_distance(color, white)
    distance_to_black = color_distance(color, black)
    return distance_to_black < distance_to_white