@model IEnumerable<ServerDto>
<div class="row">

    <div class="col-md-12">

        <div class="card mb-4">
            <div class="card-header">
                <h3 class="card-title">Servers list</h3>
                <div class="card-tools">
                    <a asp-action="add" class="btn btn-outline-primary mb-2">Add server</a>
                </div>

            </div> <!-- /.card-header -->
            <div class="card-body p-0">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>IP address</th>
                            <th style="width: 40px">Reachable</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var server in Model)
                        {
                            <tr class="align-middle">
                                <td>@server.IPAddress</td>
                                @if (server.IsReachable)
                                {
                                    <td><span class="badge text-bg-success">Yes</span></td>
                                }
                                else
                                {
                                    <td><span class="badge text-bg-danger">No</span></td>
                                }
                            </tr>
                        }
                    </tbody>
                </table>
            </div> <!-- /.card-body -->
        </div> <!-- /.card -->
    </div> <!-- /.col -->
</div>