import gradio as gr
import requests 
#from bs4 import BeautifulSoup
import cv2
from google_img_source_search import ReverseImageSearcher
from PIL import Image

import os 
import uuid
uid=uuid.uuid4()
size_js="""
    function imgSize(){
        var myImg = document.getElementsByClassName("my_im");
        var realWidth = myImg.naturalWidth;
        var realHeight = myImg.naturalHeight;
        alert("Original width=" + realWidth + ", " + "Original height=" + realHeight);
    }"""


def process_vid(file):
    read_file = Image.open(file)
    read_file.save(f"{uid}-tmp.png")
    action_input = f"{uid}-tmp.png"
    out = os.path.abspath(action_input)
    out_url = f'https://omnibus-reverse-image.hf.space/file={out}'
    return (out_url)

def process_im(file):
    read_file = Image.open(file)
    read_file.save(f"{uid}-tmp.png")
    action_input = f"{uid}-tmp.png"
    out = os.path.abspath(action_input)
    out_url = f'https://omnibus-reverse-image.hf.space/file={out}'
    return (out_url)

def rev_im(image_url):
    #image_url = 'https://i.pinimg.com/originals/c4/50/35/c450352ac6ea8645ead206721673e8fb.png'
    out_list = []
    out_im = []
    html_out = """"""
    rev_img_searcher = ReverseImageSearcher()
    res = rev_img_searcher.search(image_url)
    count = 0
    for search_item in res:
        count+=1
        out_dict={
            'Title': f'{search_item.page_title}',
            'Site': f'{search_item.page_url}',
            'Img': f'{search_item.image_url}',
        }
        print (dir(search_item))
        html_out = f"""{html_out}
        <div>
        Title: {search_item.page_title}<br>
        Site: <a href='{search_item.page_url}' target='_blank' rel='noopener noreferrer'>{search_item.page_url}</a><br>
        Img: <a href='{search_item.image_url}' target='_blank' rel='noopener noreferrer'>{search_item.image_url}</a><br>
        <img class='my_im' src='{search_item.image_url}'><br>
        </div>"""
    return (gr.HTML(f'<h1>Total Found: {count}</h1><br>{html_out}'))

def shuf(tog):
    if tog == "URL":
        return gr.update(visible=True),gr.update(visible=False),gr.update(visible=False)
    if tog == "Image":
        return gr.update(visible=False),gr.update(visible=True),gr.update(visible=False)
    if tog == "Video":
        return gr.update(visible=False),gr.update(visible=False),gr.update(visible=True)



with gr.Blocks() as app:
    with gr.Row():
        gr.Column()
        with gr.Column():
            
            source_tog=gr.Radio(choices=["URL","Image","Video"],value="URL")
            with gr.Box(visible=True) as url_box:
                inp_url=gr.Textbox(label="Image URL")
            with gr.Box(visible=False) as im_box:
                inp_im=gr.Image(label="Search Image",type='filepath')
            with gr.Box(visible=False) as vid_box:
                inp_vid=gr.Video(label="Search Video",type='filepath')
            go_btn=gr.Button()
        gr.Column()            
            #paste_clip = gr.Button("Paste from Clipboard")
    with gr.Row():
        
        html_out = gr.HTML("""""")
    source_tog.change(shuf,[source_tog],[url_box,im_box,vid_box])
    inp_im.change(process_im,inp_im,[inp_url])
    inp_vid.change(process_vid,inp_vid,[inp_url])

    go_btn.click(rev_im,inp_url,[html_out])
app.launch()