@page
@model ZpcBulletinBoard.Pages.Boards.IndexModel

@{
    ViewData["Title"] = "Oglasne deske - Pregled";
    Layout = "~/Pages/Layouts/_Layout.cshtml";
}

@section Styles {
    <link rel="stylesheet" href="~/css/boards/index.css" asp-append-version="true" />
}

<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
    <span>
        <span class="text-muted font-weight-light">
            <i>Oglasne deske</i>
            /</span> Pregled
    </span>
</h4>

<div class="row">
    <div class="col-12 mb-2 text-right">
        <div class="btn-group">
            <input id="inpSearchBoard" class="form-control" type="text" value="" placeholder="Iskanje..." autocomplete="off">
            <button id="btnRefresh" type="submit" class="btn btn-secondary" aria-label="Osveži" title="Osveži">
                <i class="opacity-75 ion ion-md-refresh"></i>
            </button>
        </div>
    </div>
</div>

<div class="card">
    <h6 class="card-header">
        Seznam oglasnih desk
    </h6>
    <div class="div-boards">
        <table class="table card-table table-hover">
            <thead>
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.Boards[0].Name)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Boards[0].Ratio)
                </th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach (var item in Model.Boards)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Ratio)
                    </td>
                    <td>
                            <a class="btn btn-xs icon-btn btn-outline-success borderless" asp-page="View" asp-route-guid="@item.Guid" data-toggle="tooltip" data-placement="top" title="Urejanje" data-state="secondary"><i class="fas fa-external-link"></i></a>
                        <a class="btn btn-xs icon-btn btn-outline-secondary borderless" asp-page="AddEdit" asp-route-guid="@item.Guid" data-toggle="tooltip" data-placement="top" title="Urejanje" data-state="secondary"><i class="fas fa-pencil-alt"></i></a>
                    </td>
                </tr>
            }
            </tbody>
        </table>
    </div>
    <div class="card-footer py-3 text-right">
        <a asp-page="AddEdit" class="btn btn-primary">Dodaj novo</a>
    </div>
</div>

@section Scripts {
    <script src="~/js/boards/index.js" asp-append-version="true"></script>

}