@{
    ViewBag.Title = "Map";
}

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=0ea4f7d6-01f0-471d-b717-ada9d94faa49&lang=ru_RU" type="text/javascript"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.rangeSlider.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.js"></script>


@section Scripts {@Scripts.Render("~/Scripts/SiteScripts/AjaxQuery.js",
"~/Scripts/SiteScripts/Events.js",
"~/Scripts/SiteScripts/Output.js",
"~/Scripts/SiteScripts/Init.js")}


<div class="row" style="margin-top: 20px">
    <div class="col-xs-1">
        <input id="NameCount" type="text" class="form-control" value="10">
    </div>

    <div class="col-xs-11">
        <div class="input-group">
            <span class="input-group-btn">
                <button id="buttonSearch" class="btn btn-secondary" type="button">Найти</button>
            </span>
            <input id="inputName" type="text" class="form-control" placeholder="Введите название">
        </div>
    </div>

    @*<div class="col-xs-10">
            <div class="input-group">
                <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-search"></i></span>
                <input id="inputName" type="text" class="form-control" placeholder="Введите название">
            </div>
        </div>*@
</div>
<div class="row" style="margin-top: 20px; margin-bottom: 10px">
    <div class="col-xs-8 col-sm-8" style="line-height: 43px;">
        <div class="row" style="position:relative;">
            <span style="position: absolute;top:-15px;left:50%;margin-left:-20px;">Год:</span>
            <div class="col-xs-1" style="margin-top: 18px"><b>1590</b></div>
            <div class="col-xs-10">
                <input type="text" id="slider" class="js-range-slider" value="" />

            </div>
            <div class="col-xs-1" style="margin-top: 18px"><b>2018</b></div>
        </div>
    </div>
    <div class="col-xs-4 col-sm-4">
        <div class="row">
            <div class="col-xs-12">
                <div class="input-group">
                    <span class="input-group-addon">Год: </span>
                    <input id="inputYear" type="text" class="form-control" placeholder="Введите год">
                </div>
            </div>
        </div>
    </div>
</div>

<div id="map" style="width: 100%; height: 1000px; padding-left: 0px; "></div>


