@extends('layouts.app')

@section('title', '応募者一覧 - ' . config('app.name'))

@section('content')
    @php
        $isListViewer = auth()->user()->isListViewer();
        $tableColspan = $isListViewer ? 11 : 12;
    @endphp
    <header class="c-toolbar">
        <div class="c-toolbar__row">
            <h2 class="c-toolbar__title">応募者一覧</h2>
        </div>
        <p class="c-toolbar__sub">
            @if ($isListViewer)
                検索で絞り込みできます。
            @else
                検索で絞り込み、詳細の確認・編集は各行のボタンから行えます。
            @endif
        </p>
    </header>

    <div class="c-applicant-workspace">
        <div class="c-applicant-workspace__search">
            @include('applicants.partials.index-search-form')
        </div>

        @if (! $isListViewer && $interviewFollowupAlerts->isNotEmpty())
            <div class="c-applicant-workspace__alerts">
                @include('applicants.partials.interview-followup-alerts')
            </div>
        @endif

        <div class="c-applicant-workspace__list">
            <p class="c-applicant-workspace__count" role="status">
                @if ($applicants->total() > 0)
                    <strong>{{ number_format($applicants->total()) }}</strong> 件中
                    <strong>{{ number_format($applicants->firstItem()) }}〜{{ number_format($applicants->lastItem()) }}</strong> 件を表示
                @else
                    該当する応募者は <strong>0</strong> 件です。
                @endif
            </p>

    {{-- PC（48rem 以上）: テーブル — 出し分けは app.css の .c-applicant-list-table --}}
    <div @class([
        'c-table-wrap',
        'c-applicant-table-wrap',
        'c-applicant-list-table',
        'c-applicant-list-table--viewer' => $isListViewer,
    ])>
        <table class="c-table c-table--applicants">
            <colgroup>
                <col class="c-table__col--applicant-id">
                <col class="c-table__col--applicant-corp">
                <col class="c-table__col--applicant-name">
                <col class="c-table__col--applicant-age">
                <col class="c-table__col--applicant-mid">
                <col class="c-table__col--applicant-mid">
                <col class="c-table__col--applicant-mid">
                <col class="c-table__col--applicant-mid">
                <col class="c-table__col--applicant-date">
                <col class="c-table__col--applicant-status">
                <col class="c-table__col--applicant-join-leave">
                @unless ($isListViewer)
                    <col class="c-table__col--applicant-actions">
                @endunless
            </colgroup>
            <thead>
                <tr>
                    <th scope="col" class="c-table__cell-id"><abbr title="識別番号">ID</abbr></th>
                    <th scope="col" class="c-table__cell-corp">法人</th>
                    <th scope="col" class="c-table__cell-name">名前</th>
                    <th scope="col" class="c-table__cell-age">年齢</th>
                    <th scope="col" class="c-table__cell-text"><abbr title="応募媒体名">媒体</abbr></th>
                    <th scope="col" class="c-table__cell-text"><abbr title="希望店舗">店舗</abbr></th>
                    <th scope="col" class="c-table__cell-text">面接営業所</th>
                    <th scope="col" class="c-table__cell-text">職種</th>
                    <th scope="col" class="c-table__cell-date"><abbr title="確定面接日">面接日</abbr></th>
                    <th scope="col" class="c-table__cell-status"><abbr title="採用可否">可否</abbr></th>
                    <th scope="col" class="c-table__cell-date c-table__cell-join-leave"><abbr title="入社日・退社日">入社／退社</abbr></th>
                    @unless ($isListViewer)
                        <th scope="col" class="c-table__col-actions">操作</th>
                    @endunless
                </tr>
            </thead>
            <tbody>
                @forelse ($applicants as $applicant)
                    <tr>
                        <td class="c-table__cell-id">{{ $applicant->id }}</td>
                        <td class="c-table__cell-corp">
                            <x-applicant.corp-badge :corporation="$applicant->corporation" :compact="true" />
                        </td>
                        <td class="c-table__cell-name">{{ $applicant->applicant_name }}</td>
                        <td class="c-table__cell-age">{{ $applicant->age !== null ? $applicant->age.'歳' : '—' }}</td>
                        <td class="c-table__cell-text">{{ $applicant->mediaSource?->name ?? $applicant->media_name ?: '—' }}</td>
                        <td class="c-table__cell-text">{{ $applicant->store?->name ?? $applicant->desired_store ?: '—' }}</td>
                        <td class="c-table__cell-text">{{ $applicant->office?->name ?? $applicant->desired_office ?: '—' }}</td>
                        <td class="c-table__cell-text">{{ $applicant->jobType?->name ?? $applicant->job_type_name ?: '—' }}</td>
                        <td class="c-table__cell-date">{{ $applicant->interview_date?->format('y/m/d') ?: '—' }}</td>
                        <td class="c-table__cell-status">
                            <x-applicant.hiring-badge class="c-hiring-badge--table" :status="$applicant->hiring_status" />
                        </td>
                        <td class="c-table__cell-date c-table__cell-join-leave">
                            <div class="c-applicant-table-dates">
                                <span class="c-applicant-table-dates__line" title="入社日">入 {{ $applicant->joining_date?->format('y/m/d') ?: '—' }}</span>
                                <span class="c-applicant-table-dates__line" title="退社日">退 {{ $applicant->leaving_date?->format('y/m/d') ?: '—' }}</span>
                            </div>
                        </td>
                        @unless ($isListViewer)
                            <td class="c-table__col-actions">
                                <div class="c-table-actions c-table-actions--compact">
                                    <a href="{{ route('applicants.show', $applicant) }}" class="c-btn c-btn--sm c-btn--secondary c-table-actions__btn">詳細</a>
                                    <a href="{{ route('applicants.edit', $applicant) }}" class="c-btn c-btn--sm c-btn--primary c-table-actions__btn">編集</a>
                                </div>
                            </td>
                        @endunless
                    </tr>
                @empty
                    <tr>
                        <td colspan="{{ $tableColspan }}" class="c-table__empty">
                            @if ($hasActiveFilters)
                                条件に一致する応募者はありません。
                            @else
                                応募者がまだ登録されていません。
                            @endif
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- スマホ（48rem 未満）: カード一覧 — 出し分けは app.css の .c-applicant-list-cards --}}
    <div class="c-applicant-list-cards" aria-label="応募者一覧（カード表示）">
        @forelse ($applicants as $applicant)
            @include('applicants.partials.applicant-list-card', ['applicant' => $applicant])
        @empty
            <p class="c-applicant-list-cards__empty">
                @if ($hasActiveFilters)
                    条件に一致する応募者はありません。
                @else
                    応募者がまだ登録されていません。
                @endif
            </p>
        @endforelse
    </div>

            @if ($applicants->hasPages())
                <div class="c-pagination">
                    {{ $applicants->links() }}
                </div>
            @endif
        </div>
    </div>
@endsection