@model INTRANETv4.Models.File.PermissionViewModel
@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager
@{
    ViewData["Title1"] = "Práva používateľov";
    ViewData["Title2"] = "Práva skupín";
}

<div class="container">
    <div class="row g-pt-50 g-pb-20 justify-content-center" style="margin-left: 0px; margin-right: 0px;">
        <div class="col-lg-8">
            <form method="post" class="g-brd-around g-brd-gray-light-v4 g-pa-30 mx-auto">
                <h4 class="h4 g-color-primary g-font-weight-600 mb-3 text-uppercase">@ViewData["Title1"]</h4>
                <div class="g-my-20">
                    <label>Výber používateľa: </label>
                    <!-- Test data list -->
                    <select class="custom-select">
                        <option>---</option>
                        <option>Rudolf Dokšinský</option>
                        <option>Adela Drobná</option>
                        <option>Ing. Jan Podhorský</option>
                        <option>Mgr. Ľudmila Ostrovská</option>
                        <option>Milan Trstenský</option>
                    </select>
                    <a asp-action="Create" class="btn btn-md u-btn-outline-primary g-ml-5" style="line-height:1.0;">Pridať Používateľa</a>
                </div>
                <!-- Basic Table -->
                <div class="table-responsive">
                    <table class="table table-striped" id="myTable">
                        <thead>
                            <tr class="g-bg-table-header">
                                <th class="align-middle">Meno</th>
                                <th class="align-middle">Skupina</th>
                                <th class="align-middle" style="text-align:center;">Čítanie</th>
                                <th class="align-middle" style="text-align:center;">Zápis</th>
                                <th class="align-middle" style="text-align:center;">Práva</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach(var item in Model.UserList)
                            {
                                <input asp-for="@item.Id" type="hidden">
                                <tr>
                                    <td class="align-middle" align="center">
                                        @item.ApplicationUser.Name
                                        <input asp-for="@item.ApplicationUser.Name" type="hidden">
                                    </td>
                                    <td class="align-middle" align="center">
                                        @item.ApplicationUser.UserGroup.Name
                                        <input asp-for="@item.ApplicationUser.UserGroup.Name" type="checkbox">
                                    </td>
                                    <td class="align-middle" align="center">
                                        <label class="form-check-inline u-check g-pl-25">
                                            <input asp-for="@item.Read" class="g-hidden-xs-up g-pos-abs g-top-0 g-left-0" type="checkbox"><div class="u-check-icon-checkbox-v4 g-absolute-centered--y g-left-0"><i class="fa" data-check-icon=""></i></div>
                                        </label>
                                    </td>
                                    <td class="align-middle" align="center">
                                        <label class="form-check-inline u-check g-pl-25">
                                            <input asp-for="@item.Write" class="g-hidden-xs-up g-pos-abs g-top-0 g-left-0" type="checkbox"><div class="u-check-icon-checkbox-v4 g-absolute-centered--y g-left-0"><i class="fa" data-check-icon=""></i></div>
                                        </label>
                                    </td>
                                    <td class="align-middle" align="center">
                                        <label class="form-check-inline u-check g-pl-25">
                                            <input asp-for="@item.Delete" class="g-hidden-xs-up g-pos-abs g-top-0 g-left-0" type="checkbox"><div class="u-check-icon-checkbox-v4 g-absolute-centered--y g-left-0"><i class="fa" data-check-icon=""></i></div>
                                        </label>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
                <center>
                    <button type="submit" class="btn btn-md u-btn-outline-primary g-ml-5" style="line-height:1.0;">Uložiť</button>
                </center>
            </form>
        </div>
    </div>
</div>

@section Scripts {
<script>
    $(document).on('ready', function () {
        $(".nav-link").removeClass("active");
        $("#nav-files").addClass("active");
        //$(table).find('tbody').append("<tr><td>aaaa</td></tr>");
        //var tableRef = document.getElementById('myTable').getElementsByTagName('tbody')[0];

    });
</script>
}