@model IEnumerable<Event>

<div class="container-fluid">
    <div class="row flex-center">
        <a class="btn btn-warning" onclick="getAllEvents()">Delete All Events</a>
        <a class="btn btn-danger">Delete Selected Events</a>
    </div>
    <hr />
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">All Events</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table id="example1" class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th></th>
                                <th>Name</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>


                        </tbody>
                    </table>
                </div>
            </div>
            <!-- /.box-body -->
        </div>
    </div>
</div>

@model IEnumerable<Event>

<div class="container-fluid">
    <div class="row flex-center">
        <a class="btn btn-warning" onclick="getAllEvents()">Delete All Events</a>
        <a class="btn btn-danger">Delete Selected Events</a>
    </div>
    <hr />
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">All Events</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table id="example1" class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th></th>
                                <th>Name</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                        @if (Model == null)
                        {
                            <h2>No Events Yet</h2>

                        }
                        else
                        {
                            foreach (var e in Model)
                            {
                                <tr>
                                    <th scope="row">@e.Id</th>
                                    <td>
                                        <fieldset class="form-group">
                                            <input type="checkbox" id="@e.Id">@*onchange="selected(@e.Id)"*@
                                            <label for="@e.Id"></label>
                                        </fieldset>
                                    </td>
                                    <td>@e.Name</td>
                                    <td>@e.Date</td>
                                    <td>
                                        <a class="blue-text"><i class="fa fa-info-circle"></i></a>
                                        <a class="teal-text" asp-action="Preview" asp-route-id="@e.Id"><i class="fa fa-pencil"></i></a>
                                        <a class="red-text" asp-action="Delete" asp-route-id="@e.Id"><i class="fa fa-times"></i></a>
                                    </td>
                                </tr>
                            }
                        }

                        </tbody>
                    </table>
                </div>
            </div>
            <!-- /.box-body -->
        </div>
    </div>
</div>