@using Microsoft.AspNetCore.Mvc.Localization
@using gehGassi.Web.Helper
@using gehGassi.Permissions
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Menu_Pins"];
}
@section pageTitle{
    <a href="@Url.Action("Index", "Pin")">@Localizer["Menu_Pins"]</a>
}

<section id="pinsContainer">
    <div id="list">
        <div id="listContainer">
            <div id="gridToolbar" class="gridToolbar">
                <div style="line-height: 40px; padding-left: 10px;">
                    <button id="btnAdd" title="@Localizer["Button_Create"]" type="button" class="btn btn-primary btn-sm" cb-permissions="@Tools.PermissionList(Permission.PinsManage, Permission.PinsCreate)"><i class="fa fa-circle-plus"></i></button>
                    <button id="btnEdit" title="@Localizer["Button_Edit"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" cb-permissions="@Tools.PermissionList(Permission.PinsManage, Permission.PinsEdit)"><i class="fa fa-pencil"></i></button>
                    <button id="btnDelete" title="@Localizer["Button_Delete"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" cb-permissions="@Tools.PermissionList(Permission.PinsManage, Permission.PinsDelete)"><i class="fa fa-trash"></i></button>
	                <div class="columnChooser">
		                <button id="btnColumns" title="" type="button" class="btn btn-primary btn-sm"><i class="fa fa-columns"></i></button>
	                </div>
	                <div class="searchBar">
                        <input id="search" type="text" class="form-control" placeholder="@Localizer["Common_Placeholder_Search"]" />
                    </div>
                </div>
            </div>
            <div id="gridPins"></div>
        </div>
    </div>
    <div id="detail" style="display: none;">

    </div>
    @Html.Hidden("jsGetUrl", Url.Action("GetPins", "Pin"))
    @Html.Hidden("jsCreateUrl", Url.Action("Create", "Pin"))
    @Html.Hidden("jsEditUrl", Url.Action("Edit", "Pin"))
    @Html.Hidden("jsDeleteUrl", Url.Action("Delete", "Pin"))
	
	@section ScriptsExternal{
		<environment names="Development">
			<script src="~/lib/uppload/index.umd.js"></script>
		</environment>
		<environment names="Production,Staging,Live">
			<script src="~/lib/uppload/index.umd.min.js"></script>
		</environment>
	}
	@section Scripts{
        <system-js url="~/scripts/Views/Pin/index.js" fresh-import="true"></system-js>
	}
	@section Css
	{
		<environment names="Development">
            <link href="~/css/Uppload.css" rel="stylesheet" asp-append-version="false">
            <link href="~/css/leaflet.css" rel="stylesheet" asp-append-version="false">
		</environment>
		<environment names="Production,Staging,Live">
            <link href="~/css/Uppload.min.css" rel="stylesheet" asp-append-version="true">
            <link href="~/css/leaflet.min.css" rel="stylesheet" asp-append-version="true">
		</environment>
	}
</section>