@extends('layouts.app')

@section('title', __('app.nav_centers'))

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ __('app.nav_centers') }}</h1>
            <p class="muted">{{ __('app.centers_intro') }}</p>
        </div>
    </div>

    <div class="card table-wrap">
        <table>
            <caption class="sr-only">{{ __('app.nav_centers') }}</caption>
            <thead>
            <tr>
                <th scope="col">{{ __('core.name') }}</th>
                <th scope="col">{{ __('app.type') }}</th>
                <th scope="col">{{ __('core.city') }}</th>
                <th scope="col" class="num">{{ __('app.nav_staff') }}</th>
                <th scope="col" class="num">{{ __('app.nav_learners') }}</th>
                <th scope="col" class="num">{{ __('app.vision_blind') }}</th>
                <th scope="col" class="num">{{ __('app.vision_low_vision') }}</th>
            </tr>
            </thead>
            <tbody>
            @foreach($centers as $center)
                <tr>
                    <th scope="row" style="background:none;text-transform:none;letter-spacing:0;font-size:inherit;color:inherit">@include('partials.person', ['name' => $center->t('name')])</th>
                    <td><span class="badge badge-accent">{{ __('app.type_'.$center->type) }}</span></td>
                    <td>{{ $center->t('city') }}</td>
                    <td class="num"><a href="{{ route('staff.index', ['center' => $center->id]) }}">{{ $center->staff_count }}</a></td>
                    <td class="num"><a href="{{ route('learners.index', ['center' => $center->id]) }}">{{ $center->learners_count }}</a></td>
                    <td class="num">{{ $center->blind_count }}</td>
                    <td class="num">{{ $center->low_vision_count }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection