@(usuario: models.Usuario, result: Either[String, ResultadoPrevisao],  params: Option[(String, String)] = None)
@main("INE5636 - Trabalho 3") {
    <meta charset="UTF-8">

    <div>
    <img src="@usuario.picture" height="200" width="200"/>
    <h2>Usuário: @usuario.name</h2>
    </div>

    <form action="pesquise" method="get">
    @params match {
        case None => {
        <label for="cidade">Cidade</label>
        <input type="text" name="cidade"/>
        <p>Dias:<input type="number" name="dia"</p>
        }
        case Some((cidade, dia)) => {
        <label for="cidade">Cidade</label>
        <input type="text" name="cidade" value="@cidade"/>
        <p>Dias:<input type="number" name="dia" value="@dia"</p>

        }
    }
        <input type="submit" value="Pesquisar" />
    </form>

    <div id="pesquisa">

            @result match {
                case Left(erro) => { <p> @erro </p>  }
                case Right(resultadoPrevisao) => {
                 <h3>@resultadoPrevisao.cidade - @resultadoPrevisao.pais</h3>

                    <p>@for(previsao <- resultadoPrevisao.previsoes) {
                        <img src=@previsao.picture><br>
                        @previsao.dia<br>
                        @previsao.comentarios<br>
                        Min @previsao.tempMin °C<br>
                        Max @previsao.tempMax °C</br>
                        Umidade @previsao.umidade %</br>
                       }
                    </p>
                 }
            }




    </div>


    <a href="/">Sair</a>
}