216 lines
13 KiB
Plaintext

@using Microsoft.AspNetCore.Builder
@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.AspNetCore.Mvc.TagHelpers
@using Microsoft.Extensions.Localization
@using Microsoft.Extensions.Options
@using gehGassi.Web.Helper
@using gehGassi.Web.Models
@model gehGassi.Web.Models.PinCartItemCrudVm
@inject IViewLocalizer Localizer
@{
string selectedLanguage = ViewBag.SelectedLanguage;
string fallbackLanguage = ViewBag.FallbackLanguage;
IStringLocalizer annotationsLocalizer = ViewBag.AnnotationsLocalizer;
ViewData["Title"] = Localizer["Button_AddToCart"];
string folderToUse = "temp";
}
<section id="pinAddToCartContainer">
<div>
<div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
<div class="pageDesc">@Localizer["Pin_AddToCart_Desc"]</div>
<form cb-preventsubmit id="frmAddToCartPin" class="form" asp-controller="Shop" asp-action="AddPinToCart" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#pinAddToCartContainer">
<div asp-validation-summary="ModelOnly"></div>
<input type="hidden" asp-for="CartId" />
<input type="hidden" asp-for="CartItemId" />
<input type="hidden" asp-for="ProductId" class="validateAlways" />
<input type="hidden" asp-for="CustomerId" class="validateAlways" />
<input type="hidden" asp-for="Image" class="validateAlways" />
<input type="hidden" asp-for="ProductName" />
<input type="hidden" asp-for="PriceType" />
<input type="hidden" asp-for="PriceAliquotType" />
<input type="hidden" asp-for="ProductStartType" />
<input type="hidden" asp-for="Lat" class="validateAlways"/>
<input type="hidden" asp-for="Lng" class="validateAlways"/>
<input type="hidden" asp-for="Radius" class="validateAlways"/>
<input type="hidden" asp-for="PinRadius" />
<input type="hidden" asp-for="PinPercentPerKm" />
<div id="tabContainer">
<div class="e-tab-header">
<div>@Localizer["Common_Tab_Details"]</div>
<div>@Localizer["Common_Tab_Description"]</div>
<div>@Localizer["Common_Tab_Map"]</div>
</div>
<div class="e-content">
<div class="pt-3 ">
<h4>@Model.ProductName</h4>
<div><span class="fw-bold">@annotationsLocalizer["Product_PinRadius"]</span>: @Model.PinRadius.ToString("N2") | <span class="fw-bold">@annotationsLocalizer["Product_PinPercentPerKm"]</span>: @Model.PinPercentPerKm.ToString("N2")</div>
<div class="mb-2 info-small"><span class="fw-bold">@annotationsLocalizer["Product_PriceType"]</span>: <span>@Model.PriceType.GetDisplayName(annotationsLocalizer)</span> | <span class="fw-bold">@annotationsLocalizer["Product_PriceAliquotType"]</span>: <span>@Model.PriceAliquotType.GetDisplayName(annotationsLocalizer)</span> | <span class="fw-bold">@annotationsLocalizer["Product_ProductStartType"]</span>: <span>@Model.ProductStartType.GetDisplayName(annotationsLocalizer)</span></div>
<div class="row mb-2">
<div class="col-sm-4">
<label class="form-label" asp-for="StartDate"></label>
<div class="e-input-group">
<div class="e-input-group-icon"><i class="fa fa-fw fa-calendar-plus"></i></div>
<input asp-for="StartDate" class="form-control" />
</div>
<span asp-validation-for="StartDate" class="invalid-feedback"></span>
</div>
<div class="col-sm-4">
<label class="form-label" asp-for="EndDate"></label>
<div class="e-input-group">
<div class="e-input-group-icon"><i class="fa fa-fw fa-calendar-xmark"></i></div>
<input asp-for="EndDate" class="form-control" />
</div>
<span asp-validation-for="EndDate" class="invalid-feedback"></span>
</div>
<div class="col-sm-4">
<label class="form-label fw-bold d-block">@Localizer["Common_YourPrice"]</label>
<div><span id="aliquotPrice" class="text-primary fw-bold fs-4">--</span></div>
</div>
</div>
<div class="row mb-2">
<div class="col-sm-3">
<label class="form-label" asp-for="Lat"></label>
<div class="e-input-group">
<div class="e-input-group-icon"><i class="fa fa-fw fa-location-pin"></i></div>
<input id="LatHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
</div>
<span asp-validation-for="Lat" class="invalid-feedback"></span>
</div>
<div class="col-sm-3">
<label class="form-label" asp-for="Lng"></label>
<div class="e-input-group">
<div class="e-input-group-icon"><i class="fa fa-fw fa-location-pin"></i></div>
<input id="LngHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
</div>
<span asp-validation-for="Lng" class="invalid-feedback"></span>
</div>
<div class="col-sm-3">
<label class="form-label" asp-for="Radius"></label>
<div class="e-input-group">
<div class="e-input-group-icon"><i class="fa fa-fw fa-location-arrow"></i></div>
<input id="RadiusHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
</div>
<span asp-validation-for="Radius" class="invalid-feedback"></span>
</div>
<div class="col-sm-3">
<label class="form-label d-block">&nbsp;</label>
@*<button type="button" id="btnFindLatLng" class="btn btn-secondary" disabled="disabled"><i class="fa fa-fw fa-search"></i> Koordianten finden</button>*@
<button type="button" id="btnMap" class="btn btn-secondary"><i class="fa fa-fw fa-map"></i></button>
</div>
</div>
<div class="row mb-4">
<div class="col-sm-12">
<label class="form-label" asp-for="Url"></label>
<div class="input-group">
<span class="input-group-text"><i class="fa fa-link"></i></span>
<input asp-for="Url" class="form-control" />
<span asp-validation-for="Url" class="invalid-feedback"></span>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-12 col-sm-12 col-md-6 col-lg-5">
<div class="text-center">
@if (!string.IsNullOrWhiteSpace(Model.Image))
{
<img id="image" src="/file/temp/@Model.Image" class="upload-image-169-container" alt="" />
}
else
{
<img id="image" class="upload-image-169-container" alt="" />
}
</div>
<div class="text-center">
<span asp-validation-for="Image" class="invalid-feedback"></span>
</div>
<div class="text-center mt-2">
<button type="button" id="btnUploadImage" class="btn btn-primary btn-sm"><i class="fa fa-fw fa-edit"></i></button>
<button type="button" id="btnDeleteImage" class="btn btn-primary btn-sm" style="display: none;"><i class="fa fa-fw fa-trash"></i></button>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-7">
<div class="alert alert-info">
<p>@Localizer["Pin_AddToCart_Image_Desc"]</p>
</div>
</div>
</div>
</div>
<div class="pt-3 ">
<div class="row mb-2">
<div class="col-sm-12">
<div id="tabContainerText">
<div class="e-tab-header">
@foreach (var item in Model.TextVms)
{
<div><img src="~/images/Languages/@(item.Language).png" alt="@item.Language" /></div>
}
</div>
<div class="e-content">
@Html.EditorFor(m => m.TextVms, new{FolderToUse = folderToUse})
</div>
</div>
</div>
</div>
</div>
<div class="pt-3 ">
<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: 450px; display: block;"></div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="text-center">
<button type="button" id="btnSelect" class="btn btn-secondary">@Localizer["Button_Apply"]</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row button-row">
<div class="col-12">
<div class="">
<button type="button" id="btnSave" class="btn btn-primary"><i class="fa fa-cart-plus"></i> @Localizer["Button_AddToCart"]</button>
<button type="button" id="btnCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</button>
</div>
</div>
</div>
</form>
</div>
@Html.Hidden("jsUploadUrl", Url.Action("UploadTempFile", "Common"))
@Html.Hidden("jsRemoveUrl", Url.Action("RemoveTempFile", "Common"))
@Html.Hidden("jsGetAliquotPriceUrl", Url.Action("GetAliquotPrice", "Shop"))
@Html.Hidden("jsLookupGeoCodeUrl", Url.Action("LookupGeoCode", "Common"))
<system-js url="~/scripts/Views/Shop/AddPinToCart.js" fresh-import="true"></system-js>
</section>