@extends('site.layouts.main')

@section('content')
<section class="server-updates">
    <div class="container">

        {{-- start types --}}

        @php
        $count = 0;
        @endphp
        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            @foreach ($servers as $type => $server)
            <li class="nav-item">
                <a class="nav-link @if($count ==0) active @endif" id="pills-{{ $type }}-tab" data-toggle="pill"
                    href="#pills-{{ $type }}" role="tab" aria-controls="pills-{{ $type }}"
                    aria-selected="true">{{ ucwords($type) }}</a>
            </li>
            @php
            $count++;
            @endphp
            @endforeach
        </ul>

        {{-- end of types --}}
        <div class="tab-content" id="pills-tabContent">
            @php
            $count = 0;
            @endphp
            @foreach ($servers as $type => $server)

            <div class="tab-pane fade show @if($count ==0) active @endif" id="pills-{{ $type }}" role="tabpanel"
                aria-labelledby="pills-{{ $type }}-tab">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th width="5%" scope="col">#</th>
                            <th width="15%" scope="col">Image</th>
                            <th scope="col">Name</th>
                            <th width="20%" scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($server->toArray() as $index => $ser)

                        <tr>
                            <th class="num" scope="row">{{ $index+1 }}</th>
                            <td><img src="{{ $ser->img }}" alt=""></td>
                            <td>{{ $ser->name }}</td>
                            <td>{{ date('d-m-Y',($ser->date)) }}</td>
                        </tr>
                        @endforeach

                        @php
                        $count++;
                        @endphp
                    </tbody>
                </table>
            </div>
            @endforeach

        </div>
    </div>
</section>
@endsection