@php
    use App\Enums\FileCategory;
@endphp

@extends('layouts.app')

@section('title', '編集：' . $applicant->applicant_name . ' - ' . config('app.name'))

@section('content')
    <header class="c-toolbar">
        <div class="c-toolbar__row">
            <h2 class="c-toolbar__title">応募者の編集</h2>
            <div class="c-toolbar__actions">
                <a href="{{ route('applicants.show', $applicant) }}" class="c-btn c-btn--secondary">詳細へ</a>
                <a href="{{ route('applicants.index') }}" class="c-btn c-btn--ghost">一覧へ</a>
            </div>
        </div>
        <p class="c-toolbar__sub">左で基本情報、右で添付ファイル（カテゴリ別）を管理します。広い画面では左右に並びます。</p>
    </header>

    <p class="c-form-intro">
        必須は「<span class="c-field__required">必須</span>」表示です。ファイルはカテゴリごとにアップロード・削除できます。
    </p>

    @include('applicants.partials.share-links-panel')

    <div class="c-applicant-edit-layout">
        <div class="c-applicant-edit-layout__form">
            <h3 class="c-applicant-edit-layout__heading">基本情報</h3>
            <form method="post" action="{{ route('applicants.update', $applicant) }}" class="c-form c-form--edit-inline">
                @csrf
                @method('PUT')
                @include('applicants._form', ['applicant' => $applicant])

                <div class="c-form-actions">
                    <button type="submit" class="c-btn c-btn--primary">基本情報を保存</button>
                    <a href="{{ route('applicants.show', $applicant) }}" class="c-btn c-btn--secondary">詳細へ</a>
                </div>
            </form>
        </div>

        <div class="c-applicant-edit-layout__files">
            <h3 class="c-applicant-edit-layout__heading">添付ファイル</h3>
            <p class="c-applicant-edit-layout__files-lead">カテゴリごとにアップロード・削除ができます。</p>

            @foreach (FileCategory::cases() as $cat)
                <x-applicant.file-panel
                    :applicant="$applicant"
                    :category="$cat"
                    :files="$applicant->filesByCategory($cat)"
                    :read-only="false"
                />
            @endforeach
        </div>
    </div>
@endsection