@using System.Web.Mvc.Html
@using ClientDependency.Core.Mvc
@model LeafDataQuery
@{
    Html.RequiresJs("~/scripts/jquery.validate.min.js", 2);
    Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.min.js", 2);
    Html.RequiresJs("~/scripts/jquery.validate.custom.js", 2);
    Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.bootstrap.js", 2);
    Html.RequiresJs("~/scripts/LeafDataQuery.js", 3);

    var actionName = string.Empty;
    var controllerName = string.Empty;
    var htmlFormAction = string.Empty;

    if (ViewData.ContainsKey("actionName"))
    {
        actionName = (string)ViewData["actionName"];
    }
    if (ViewData.ContainsKey("controllerName"))
    {
        controllerName = (string)ViewData["controllerName"];
    }
    if (ViewData.ContainsKey("htmlFormAction"))
    {
        htmlFormAction = (string)ViewData["htmlFormAction"];
    }
}
@using (Html.BeginUmbracoForm(actionName, controllerName, null, new { action = htmlFormAction, id = "leafdataquery" }))
{
    <div class="row justify-content-end">
        <div class="col text-right pt-2">
            @Html.EditorFor(m => m.usr, new {@class = "click-submit", groupClass = "mb-0"})
        </div>
        <div class="col">
            <div class="input-group">
                <input name="q" type="text" class="form-control" placeholder="Search for..." value="@Model.q">
                <span class="input-group-append">
                    <button class="btn btn-outline-secondary" type="submit">Search</button>
                    <button class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" type="button"
                            data-toggle="collapse" data-target="#additionalSearch" aria-haspopup="true" aria-expanded="false"
                            title="Additional Search Options">
                    </button>
                </span>
            </div>
        </div>
    </div>
    <!-- /input-group -->
    <div class="row @if (Model.HasExtendedParameters) {<text>show</text>} collapse" id="additionalSearch">
        <div class="col">
            <div class="card card-body">
                <div class="row">
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.siteid)
                    </div>
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.species)
                    </div>
                </div>
                <hr/>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-7">
                                @Html.EditorFor(m => m.lat, new {size = "small", append = "&deg;"})
                            </div>
                            <div class="col-5">
                                @Html.EditorFor(m => m.latr, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 border-left">
                        <div class="row">
                            <div class="col-7">
                                @Html.EditorFor(m => m.lon, new {size = "small", append = "&deg;"})
                            </div>
                            <div class="col-5">
                                @Html.EditorFor(m => m.lonr, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
                            </div>
                        </div>
                    </div>
                </div>
                <hr/>
                <div class="text-body font-weight-bold pb-3">Curve Variation range minimum</div>
                <div class="row align-items-end">
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.co2s, new {size = "small", prepend = ">", append = "umol/m"})
                    </div>
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.pari, new {size = "small", prepend = ">", append = "umol/m2/s"})
                    </div>
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.tleaf, new {size = "small", prepend = ">", append = "oC"})
                    </div>
                    <div class="col-md-6">
                        @Html.EditorFor(m => m.phips2, new {size = "small", prepend = ">"})
                    </div>
                </div>
                <hr/>
                <div class="row">
                    <div class="col">
                        @Html.EditorFor(m => m.compl)
                    </div>
                </div>
            </div>
        </div>
    </div>

}