@using Leica.Spider.BusinessCenter.Frontend.Utils
@using Leica.Spider.BusinessCenter.WCFInterfaces
@model Leica.Spider.BusinessCenter.Frontend.Models.RegionEditViewModel
@{
    ViewBag.Title = Lang.Raw("IDS_REGION") + " - " + Model.Name;
    var isRegionalRestrictionType = Model.RegionType == RegionType.RegionalRestriction;
}


@section styles {
    @Styles.Render("~/Styles/Admin/Regions/Edit")
    @Styles.Render("~/Content/Leaflet/all")
}

@section scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/Admin/Regions/Edit")
    <leaflet-scripts />
    @Scripts.Render("~/bundles/PendingChanges")
}

<script>
    var geographyGeoJSON = @Html.Raw(Json.Serialize(Model.GeographyGeoJSON));
</script>
<form method="post" enctype="multipart/form-data">
    <div class="tabs-container inputForm">
        <ul class="nav nav-tabs nav-justified tabs-header">
            <li class="active">
                <a data-toggle="tab"
                   href="#details">
                    @Lang.Html("IDS_DETAILS_CAPTION")</a>
            </li>
            @if (isRegionalRestrictionType)
            {
                <li>
                    <a data-toggle="tab"
                       href="#articles">
                        @Lang.Html("IDS_PRODUCT_ARTICLES_CAPTION")</a>
                </li>
            }
        </ul>
        <input type="hidden" asp-for="Id" />
        <div class="tab-content">
            <div sbc-validation-summary="All"></div>
            <div id="details"
                 class="tab-pane active">

                <div class="instructiontext">
                    @Lang.Html("IDS_REGION_VIEW_GENERAL")
                </div>
                <div id="regionDetails"
                     class="editColumns cf">
                    <div class="columnLeft">
                        <div class="regionName editorField">
                            <label asp-for="Name">@Lang.Html("IDS_REGIONS_VIEW_DF_NAME_LABEL")</label>
                            <input type="text" asp-for="Name" />
                            <span asp-validation-for="Name"></span>
                        </div>
                        <div class="regionDescription editorField">
                            <label asp-for="Description">@Lang.Html("IDS_REGIONS_VIEW_DF_DESCRIPTION_LABEL")</label>
                            <textarea asp-for="Description"></textarea>
                            <span asp-validation-for="Description"></span>
                        </div>
                    </div>
                </div>

                <h4>@Lang.Html("IDS_REGIONS_VIEW_REGIONAL_RESTRICTION")</h4>


                <div id="uploadKml"
                     class="editColumns cf">
                    <div class="columnLeft">
                        <div class="kmlFile editorField validationBlock">
                            <label asp-for="KmlFile">@Lang.Html("IDS_REGIONS_VIEW_DF_FILENAME_LABEL")</label>
                            <input type="file"
                                   id="KmlFile"
                                   name="KmlFile"
                                   accept=".kml" />
                        </div>
                    </div>
                    <div class="columnRight">
                        <div class="uploadKmlFileAction editorField">
                            @* By adding the css class cancel to an input, you can disable clientside validation for this button *@
                            <button name="RefreshMapFromKml"
                                    type="submit"
                                    id="RefreshMapFromKml"
                                    value=""
                                    class="btn btn-default">
                                <span class="icon-loop3"></span>
                            </button>

                        </div>
                    </div>
                </div>

                <div id="regionDisplay"
                     class="editorField validationBlock">
                    <input type="hidden" asp-for="PolygonString" />
                    <input type="hidden" asp-for="GeographyGeoJSON" value='@Model.GeographyGeoJSON' />
                    <div id="regionMap"
                         class="map">
                    </div>
                </div>

            </div>

            @if (isRegionalRestrictionType)
            {
                <div id="articles"
                     class="tab-pane">
                    <h4>@Lang.Html("IDS_PRODUCT_ARTICLES_DETAILS")</h4>
                    <div class="AssignedArticlesForProduct">
                        <partial name="_AssignedArticlesForRegion" model="Model.Id" />
                    </div>
                </div>
            }
        </div>

        <footer>
            <a href="@Url.Action("Index", "Regions")"
               class="btn btn-default cancelLink">
                @Lang.Html("IDS_CANCEL")</a>
            <input name="Save"
                   type="submit"
                   value="@Lang.Attr("IDS_TABLE_MESSAGES_SAVE")"
                   class="btn btn-primary"/>
            <input name="SaveAndClose"
                   type="submit"
                   value="@Lang.Attr("IDS_SAVE_AND_CLOSE")"
                   class="btn btn-primary"/>
        </footer>
    </div>
</form>