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

<section id="dogRacesContainer">
    <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.SettingsManage, Permission.SettingsDogRaces)"><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.SettingsManage, Permission.SettingsDogRaces)"><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.SettingsManage, Permission.SettingsDogRaces)"><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="gridDogRaces"></div>
        </div>
    </div>
    <div id="detail" style="display: none;">

    </div>
	
    <script id="photoTemplate" type="text/x-template">
        <div class="image">
            <img class="img-logo-small" src="${photo}" alt="${name}" />
        </div>
    </script>

    @Html.Hidden("jsGetUrl", Url.Action("GetDogRaces", "DogRace"))
    @Html.Hidden("jsCreateUrl", Url.Action("Create", "DogRace"))
    @Html.Hidden("jsEditUrl", Url.Action("Edit", "DogRace"))
    @Html.Hidden("jsDeleteUrl", Url.Action("Delete", "DogRace"))
	
	@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/DogRace/index.js" fresh-import="true"></system-js>
	}
	@section Css
	{
		<environment names="Development">
			<link href="~/css/Uppload.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">
		</environment>
	}
</section>