@model IEnumerable<Imza.WebNet.Servis.Models.Auth.AUTH_USERS>

@{
    ViewBag.Title = "Kullanıcı Listesi";
    ViewBag.Modul = "Kullanıcı Yönetimi";
    ViewBag.ModulLink = "/UserOp/Index";
    Layout = "~/Views/Shared/Index.cshtml";
}
<!--[if !IE]><!-->
<style>
    /*
    Generic Styling, for Desktops/Laptops
    */
    table {
        width: 100%;
        border-collapse: collapse;
    }
    /* Zebra striping */
    tr:nth-of-type(odd) {
        background: #eee;
    }

    th {
        font-weight: bold;
    }

    td, th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }

    /*
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */
    @@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

        /* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        tr {
            border: 1px solid #ccc;
        }

        td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

            /*
        Label the data
        */

            td:nth-of-type(1):before {
                content: "Kimlik No";
            }

            td:nth-of-type(2):before {
                content: "Kullanıcı Adı";
            }

            td:nth-of-type(3):before {
                content: "Adı";
            }

            td:nth-of-type(4):before {
                content: "Soyadı";
            }

            td:nth-of-type(5):before {
                content: "Email";
            }
            td:nth-of-type(6):before {
                content: "İşlemler";
            }
    }
</style>
<!--<![endif]-->
<!-- /Page Content -->
@Html.Raw(ViewBag.MesajGoster)
<a href="/UserOp/Create" class="btn btn-default info"> Yeni Kullanıcı</a>
<div class="row">
    <div class="col-md-12">
        <div class="widget box">
            <div class="widget-header">
                <h4><i class="icon-reorder"></i> @ViewBag.Title</h4>

                <div class="toolbar no-padding">
                </div>
            </div>
            <div class="widget-content no-padding">

                <table class="table-striped table-bordered table-hover hover datatable  table-columnfilter">
                    <thead>
                        <tr>

                            <th>
                                @Html.DisplayNameFor(model => model.KIMLIKNO)
                            </th>
                            <th>
                                @Html.DisplayNameFor(model => model.USERNAME)
                            </th>

                            <th>
                                @Html.DisplayNameFor(model => model.NAME)
                            </th>
                            <th>
                                @Html.DisplayNameFor(model => model.SURNAME)
                            </th>
                            <th>
                                @Html.DisplayNameFor(model => model.EMAIL)
                            </th>

                            <th width="125">İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach (var item in Model)
                        {
                            <tr>

                                <th>
                                    @Html.DisplayFor(modelItem => item.KIMLIKNO)
                                </th>
                                <th>
                                    @Html.DisplayFor(modelItem => item.USERNAME)
                                </th>
                                <th>
                                    @Html.DisplayFor(modelItem => item.NAME)
                                </th>
                                <th>
                                    @Html.DisplayFor(modelItem => item.SURNAME)
                                </th>
                                <th>
                                    @Html.DisplayFor(modelItem => item.EMAIL)
                                </th>
                                <th>

                                    <span class="btn-group">
                                        <a href="/UserOp/Edit/@item.USERID" class="btn btn-xs bs-tooltip" title="Düzelt"><i class="icon-pencil"></i></a>
                                        <a href="?Sil=@item.USERID" onclick="javascript:return window.confirm('Silmek istediğinizden emin misiniz?');" class="btn btn-xs bs-tooltip" title="Sil">
                                    <i class="icon-trash"></i>
</a>
                                    </span>
                                </th>
                            </tr>
                        }

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>