@extends('layouts.auth')

@section('content')
    <div class="container-fluid" id="container-wrapper">
        <h1 class="flex-grow-1">{{ $category->name }} Detail</h1>
    </div>

    <div class="card m-2">
        <div class="card-title m-4">
            <h3>{{count($category->nominees)}} Nominees</h3>
        </div>
        <div class="card-body">
            @if (count($category->nominees) > 0)
            <table class="table">
                <thead>
                    <th>#</th>
                    <th>
                        Username
                    </th>
                </thead>
                <tbody>
                    @foreach ($category->nominees as $key => $nominee)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            <td>
                                <p>{{ $nominee->username }} </p>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

         @else
            <div class="card card-body">
                No nominee found
            </div>
         @endif
        </div>
    </div>

@endsection