@model CheckoutAttributeValueModel
@using Microsoft.AspNetCore.Mvc.Razor;

<link rel="stylesheet" type="text/css" asp-src="@(Common.WwwRoot)/administration/farbtastic/farbtastic.css" />
<script asp-location="Footer" asp-src="@(Common.WwwRoot)/administration/farbtastic/farbtastic.js"></script>
<div asp-validation-summary="All"></div>
<input asp-for="Id" type="hidden" />
<input asp-for="CheckoutAttributeId" type="hidden" />
<input asp-for="DisplayColorSquaresRgb" type="hidden" />

<vc:admin-widget widget-zone="checkout_attribute_top" additional-data="Model" />

@{ Func<int, HelperResult>
          template = @<div class="form-body">
        <div class="form-group">
            <admin-label asp-for="@Model.Locales[item].Name" class="col-sm-3 control-label" />
            <div class="col-md-9 col-sm-9">
                <admin-input asp-for="@Model.Locales[item].Name" />
                <span asp-validation-for="@Model.Locales[item].Name"></span>
            </div>
        </div>
        <input type="hidden" asp-for="@Model.Locales[item].LanguageId" />
    </div>;
}

<div class="form-horizontal">
    <localized-editor localized-template=@template name="checkoutattributevalue-localized" language-ids=@Model.Locales.Select(c=>c.LanguageId).ToList()>
        <div class="form-body">
            <div class="form-group">
                <admin-label asp-for="Name" class="col-sm-3 control-label" />
                <div class="col-md-9 col-sm-9">
                    <admin-input asp-for="Name" />
                    <span asp-validation-for="Name"></span>
                </div>
            </div>
        </div>
    </localized-editor>
    <div class="form-body">
        @if (Model.DisplayColorSquaresRgb)
        {
            <div class="form-group">
                <admin-label asp-for="ColorSquaresRgb" class="col-sm-3 control-label" />
                <div class="col-md-9 col-sm-9">
                    <admin-input asp-for="ColorSquaresRgb" />
                    <div id="color-picker"></div>
                    <script type="text/javascript">
                $(document).ready(function(){
                    $('#color-picker').farbtastic('#@Html.IdFor(model => model.ColorSquaresRgb)');
                });
                    </script>
                    <span asp-validation-for="ColorSquaresRgb"></span>
                </div>
            </div>
        }
        <div class="form-group">
            <admin-label asp-for="PriceAdjustment" class="col-sm-3 control-label" />
            <div class="col-md-9 col-sm-9">
                <admin-input asp-for="PriceAdjustment" /> [@Model.PrimaryStoreCurrencyCode]
                <span asp-validation-for="PriceAdjustment"></span>
            </div>
        </div>
        <div class="form-group">
            <admin-label asp-for="WeightAdjustment" class="col-sm-3 control-label" />
            <div class="col-md-9 col-sm-9">
                <admin-input asp-for="WeightAdjustment" /> [@Model.BaseWeightIn]
                <span asp-validation-for="WeightAdjustment"></span>
            </div>
        </div>
        <div class="form-group">
            <admin-label asp-for="IsPreSelected" class="col-sm-3 control-label" />
            <div class="col-md-9 col-sm-9">
                <label class="mt-checkbox mt-checkbox-outline control control-checkbox">
                    <admin-input asp-for="IsPreSelected" />
                    <div class="control__indicator"></div>
                </label>
                <span asp-validation-for="IsPreSelected"></span>
            </div>
        </div>
        <div class="form-group">
            <admin-label asp-for="DisplayOrder" class="col-sm-3 control-label" />
            <div class="col-md-9 col-sm-9">
                <admin-input asp-for="DisplayOrder" />
                <span asp-validation-for="DisplayOrder"></span>
            </div>
        </div>
        <div class="form-group">
            <div class="offset-sm-3 offset-md-3 col-md-9 col-sm-9">
                <button class="btn btn-success" type="submit" name="save"><i class="fa fa-check"></i> @Loc["Admin.Common.Save"] </button>
                <vc:admin-widget widget-zone="checkout_attribute_value_details_buttons" additional-data="Model" />
            </div>
        </div>
    </div>
</div>
<vc:admin-widget widget-zone="checkout_attribute_bottom" additional-data="Model" />