@model CRS.EasyCreator.Models.ButtonModel

<label class="ec-slot-label">@T("Plugins.CRS.EasyCreator.Content.ButtonLabel")</label>
<input asp-for="Label" class="form-control form-control-sm" placeholder="@T("Plugins.CRS.EasyCreator.Content.ButtonLabel")" />

<label class="ec-slot-label mt-1">@T("Plugins.CRS.EasyCreator.Content.ButtonHref")</label>
<input asp-for="Href" class="form-control form-control-sm" placeholder="www.beispiel.de" />

<label class="ec-slot-label mt-1">@T("Plugins.CRS.EasyCreator.Content.ButtonDesign")</label>
<select asp-for="Style" class="form-control form-control-sm">
    <option value="primary">@T("Plugins.CRS.EasyCreator.ButtonDesign.Primary")</option>
    <option value="secondary">@T("Plugins.CRS.EasyCreator.ButtonDesign.Secondary")</option>
    <option value="outline">@T("Plugins.CRS.EasyCreator.ButtonDesign.Outline")</option>
    <option value="link">@T("Plugins.CRS.EasyCreator.ButtonDesign.Link")</option>
</select>

<div class="ec-btn-color">
    <label class="ec-check">
        <input asp-for="UseBgColor" type="checkbox" />
        <span>@T("Plugins.CRS.EasyCreator.Content.ButtonBgColor")</span>
    </label>
    <input asp-for="BgColor" type="color" />
</div>
<div class="ec-btn-color">
    <label class="ec-check">
        <input asp-for="UseBorderColor" type="checkbox" />
        <span>@T("Plugins.CRS.EasyCreator.Content.ButtonBorderColor")</span>
    </label>
    <input asp-for="BorderColor" type="color" />
</div>
<label class="ec-check mt-1">
    <input asp-for="NewTab" type="checkbox" />
    <span>@T("Plugins.CRS.EasyCreator.Content.ButtonNewTab")</span>
</label>
