@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2 d-flex justify-content-between align-items-center w-100">
        <div>{{ __('team.firstlines') }}</div>
    </h4>

    <div class="card mb-4">
        <div class="card-header">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <span class="font-weight-bold">{{ __('team.firstlines') }} ({{ count($rows) }})</span>
                    <div class="text-muted small">{{ __('team.firstlines_copy') }}</div>
                </div>
                <div class="col-md-4 mt-2 mt-md-0">
                    {!! Form::open([
                        'url' => route('user_team_firstlines'),
                        'method' => 'GET',
                        'class' => 'form-inline justify-content-md-end',
                    ]) !!}
                        {!! Form::select('month', $filterMonths, (int) $selectedMonth, ['class' => 'form-control custom-select form-control-sm mr-2', 'onchange' => 'this.form.submit()']) !!}
                        {!! Form::select('year', array_combine($filterYears, $filterYears), (int) $selectedYear, ['class' => 'form-control custom-select form-control-sm', 'onchange' => 'this.form.submit()']) !!}
                        <noscript><button type="submit" class="btn btn-sm btn-secondary ml-2">{{ __('abo.filter') }}</button></noscript>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
        @if (count($rows) === 0)
            <div class="card-body">
                <p class="text-muted mb-0">{{ __('team.firstlines_none') }}</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr class="text-muted small">
                            <th>{{ __('tables.adviser') }}</th>
                            <th>{{ __('team.career_level') }}</th>
                            <th class="text-right">{{ __('team.firstlines_points') }}</th>
                            <th>{{ __('tables.phone') }}</th>
                            <th>{{ __('tables.email') }}</th>
                            <th>{{ __('team.active_since') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($rows as $row)
                            <tr>
                                <td>
                                    <div class="font-weight-semibold">{{ $row['name'] }}</div>
                                    @unless ($row['is_active_account'])
                                        <span class="badge badge-outline-danger">{{ __('team.account_inactive') }}</span>
                                    @endunless
                                </td>
                                <td class="align-middle small text-muted">{{ $row['career_level'] }}</td>
                                <td class="align-middle text-right font-weight-bold">
                                    {{ \App\Services\Util::formatNumber($row['total_points']) }}
                                </td>
                                <td class="align-middle">
                                    @if ($row['phone'] !== '')
                                        <a href="tel:{{ $row['phone'] }}">{{ $row['phone'] }}</a>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td class="align-middle">
                                    <a href="mailto:{{ $row['email'] }}">{{ $row['email'] }}</a>
                                </td>
                                <td class="align-middle small text-muted">
                                    {{ $row['active_since'] ? formatDate($row['active_since']) : '-' }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
@endsection