<style>
        table {
                background: #f5f5f5;
                border-collapse: separate;
                box-shadow: inset 0 1px 0 #fff;
                font-size: 12px;
                line-height: 15px;
                margin: 30px auto;
                text-align: left;
                width: 1000px;
        }

        th {
                background: linear-gradient(#777, #444);
                border-left: 1px solid #555;
                border-right: 1px solid #777;
                border-top: 1px solid #555;
                border-bottom: 1px solid #333;
                box-shadow: inset 0 1px 0 #999;
                color: #fff;
                font-weight: bold;
                padding: 10px 15px;
                position: relative;
                text-shadow: 0 1px 0 #000;
        }

        th:after {
                background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .08));
                content: '';
                display: block;
                height: 25%;
                left: 0;
                margin: 1px 0 0 0;
                position: absolute;
                top: 25%;
                width: 100%;
        }

        th:first-child {
                border-left: 1px solid #777;
                box-shadow: inset 1px 1px 0 #999;
        }

        th:last-child {
                box-shadow: inset -1px 1px 0 #999;
        }

        td {
                border-right: 1px solid #fff;
                border-left: 1px solid #e8e8e8;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #e8e8e8;
                padding: 10px 15px;
                position: relative;
                transition: all 300ms;
        }

        td:first-child {
                box-shadow: inset 1px 0 0 #fff;
        }

        td:last-child {
                border-right: 1px solid #e8e8e8;
                box-shadow: inset -1px 0 0 #fff;
        }


        tr:nth-child(odd) td {
                background: #f1f1f1;
        }

        tr:last-of-type td {
                box-shadow: inset 0 -1px 0 #fff;
        }

        tr:last-of-type td:first-child {
                box-shadow: inset 1px -1px 0 #fff;
        }

        tr:last-of-type td:last-child {
                box-shadow: inset -1px -1px 0 #fff;
        }
</style>
<div style="text-align:center;">
        [ <a href="/">돌아가기</a> ]
        <form>
                IP 입력 : <input type=text name="ip" value="{{$ip}}">
                <input type=submit value="검색">
        </form>
</div>
<table class="table table-bordered table-hover table-striped">
        <thead>
                <tr>
                        <th style="text-align:center;width:40px;">CODE</th>
                        <th style="text-align:center;width:60px;">NAME</th>
                        <th style="text-align:center;width:60px;">SERVER</th>
                        <th style="text-align:center;width:80px;">IP</th>
                        <th style="text-align:center;width:80px;">SW</th>
                        <th style="text-align:center;">NOTE</th>
                        <th style="text-align:center;width:80px;">TEL</th>
                        <th style="text-align:center;width:80px;">MAIL</th>
                </tr>
        </thead>
        <tbody>
                @foreach($entities as $key=>$entity)
                <tr>
                        <td>{{ $entity->getClientCode()}}</td>
                        <td>{{$clients[$entity->getClientCode()]->getTitle()}}</td>
                        <td>{{$entity->getServerCode()}}</td>
                        <td>{{$entity->service_ip}}</td>
                        <td>{{$entity->service_os}}</td>
                        <td>{{$entity->service_sw}}</td>
                        <td>{{$clients[$entity->getClientCode()]->getPhone()}}</td>
                        <td>{{$clients[$entity->getClientCode()]->getEmail()}}</td>
                </tr>
                @endforeach
        </tbody>
        <tfoot></tfoot>
</table>
<div style="text-align:center">{{$pagination->render(DBMS_SITE_URL . "/usableServerList.ser", ['ip' => $ip, 'curPage' => $curPage, 'perPage' => $perPage])}}</div>