@using Microsoft.AspNetCore.Mvc.Localization
@inject IViewLocalizer Localizer
@model gehGassi.Web.Models.MapVm

<section id="showMapPresetContainer">
    <input type="hidden" asp-for="Lat" />
    <input type="hidden" asp-for="Lng" />
    <input type="hidden" asp-for="Radius" />
    <input type="hidden" asp-for="RadiusLocked" />

    <div class="container">
        <div class="pageDesc">@Localizer["Map_Desc"]</div>

        <div class="row mb-2">
            <div class="col-8 col-md-6">
                <label class="form-label">@Localizer["Map_Location"]</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-map"></i></span>
                    <input id="location" class="form-control"/>
                </div>
            </div>
            <div class="col-4 col-md-2">
                <label class="form-label d-block">&nbsp;</label>
                <button type="button" id="btnMyLocation" class="btn btn-secondary"><i class="fa fa-map-marker"></i></button>
                <button type="button" id="btnSearch" class="btn btn-secondary"><i class="fa fa-search"></i></button>
            </div>
        </div>

        <div class="row mb-2">
            <div class="col-sm-12">
                <label class="form-label fw-bold">@Localizer["Map_Radius"]</label>
                <div class="input-group">
                    <div id="radiusSlider"></div>
                </div>
            </div>
        </div>

        <div class="row mb-2">
            <div class="col-sm-12">
                <div id="mapContainer" style="width: 100%; height: 550px; display: block;"></div>
            </div>
        </div>

        <div class="row button-row">
            <div class="col-12">
                <div class="">
                    <button type="button" id="btnSelect" class="btn btn-primary">@Localizer["Button_Select"]</button>
                    <button type="button" id="btnClose" class="btn btn-primary">@Localizer["Button_Close"]</button>
                </div>
            </div>
        </div>
    </div>

    @Html.Hidden("jsLookupGeoCodeUrl", Url.Action("LookupGeoCode", "Common"))
    <system-js url="~/scripts/Views/Common/showMapPreset.js" fresh-import="true" load-on-post="true"></system-js>
</section>