@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;
    var admin = false;
    var expand = false;

    if (ViewData.ContainsKey("actionName"))
    {
        actionName = (string)ViewData["actionName"];
    }
    if (ViewData.ContainsKey("controllerName"))
    {
        controllerName = (string)ViewData["controllerName"];
    }
    if (ViewData.ContainsKey("htmlFormAction"))
    {
        htmlFormAction = (string)ViewData["htmlFormAction"];
    }
    if (ViewData.ContainsKey("admin"))
    {
        admin = true;
    }
    if (ViewData.ContainsKey("expand") || Model.HasExtendedParameters)
    {
        expand = true;
    }
}
@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 identifier..." value="@Model.q">
                <span class="input-group-append">
                    <button class="btn btn-primary" type="submit">Search</button>
                    <button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split" type="button"
                            data-toggle="collapse" data-target=".search-toggle" aria-haspopup="true" aria-expanded="false"
                            title="Additional Parameters">
                    </button>
                </span>
            </div>
        </div>
    </div>
    <!-- /input-group -->
    <div class="row justify-content-end @if (!expand) {<text>show</text>} collapse search-toggle" id="showAdditionalSearch">
        <div class="col text-right">
            <a href="#" data-toggle="collapse" data-target=".search-toggle" aria-expanded="false"
               title="Additional Search Options"><small class="text-muted"><i><i class="fa fa-caret-right"></i> Additional Parameters</i></small></a>
        </div>
    </div>
    <div class="row @if (expand) {<text>show</text>} collapse search-toggle" id="additionalSearch">
        <div class="col">
            <div class="card card-body">
                <div class="row">
                    <div class="col-3 offset-md-3">Result Type:</div>
                    <div class="col-6">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="dsp" id="@LeafDataQuery.LeafInputSearchParam" value="@LeafDataQuery.LeafInputSearchParam" @if(Model.ShowLeafInput){<text>checked</text>} >
                            <label class="form-check-label" for="@LeafDataQuery.LeafInputSearchParam">
                                Leaf Input Sets
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="dsp" id="@LeafDataQuery.LeafInputDataSearchParam" value="@LeafDataQuery.LeafInputDataSearchParam" @if(Model.ShowLeafInputData){<text>checked</text>} >
                            <label class="form-check-label" for="@LeafDataQuery.LeafInputDataSearchParam">
                                Leaf Data
                            </label>
                        </div>
                    </div>
                </div>
                <hr/>
                <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-lg-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-lg-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 offset-lg-6">
                        @Html.EditorFor(m => m.compl)
                    </div>
                </div>
                @if (admin)
                {
                    <div class="row">
                        <div class="col  offset-lg-6">
                            @Html.EditorFor(m => m.erred)
                        </div>
                    </div>
                }
            </div>
        </div>
    </div>

}