@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);
}
@using (Html.BeginUmbracoForm("Search", "Queue", null, new {action = "/leaf-data/manage-queue/"}))
{
<div class="input-group pl-5">
    <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>
<!-- /input-group -->
<div class="container">
    <div class="row @if (Model.HasExtendedParameters) {<text>show</text>} collapse" id="additionalSearch">
        <div class="col 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.completed)
                </div>
            </div>
        </div>
    </div>
</div>
}