英語多読用の laravel

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=readalot
DB_USERNAME=root
DB_PASSWORD=user

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('books', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->string('level')->nullable();
            $table->timestamps();
        });
    }
    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('books');
    }
};

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('chapters', function (Blueprint $table) {
            $table->id();
            $table->foreignId('book_id')->constrained()->onDelete('cascade'); // 外部キー制約
            $table->string('title');
            $table->longText('content');
            $table->integer('order')->default(0);
            $table->timestamps();
        });
    }
    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('chapters');
    }
};

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Book extends Model
{
    protected $fillable = ['title'];

    public function chapters()
    {
        return $this->hasMany(Chapter::class)->orderBy('order');
    }
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Chapter extends Model
{
    protected $fillable = ['book_id', 'title', 'content', 'order'];

    public function book()
    {
        return $this->belongsTo(Book::class);
    }

    public function paragraphs()
    {
        return $this->hasMany(Paragraph::class)->orderBy('order');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Book;
use App\Models\Chapter;

class BookController extends Controller
{
    // 本の一覧表示
    public function index()
    {
        $books = Book::orderBy('level')->get();
        return view('books.index', compact('books'));
    }

    // 各本の詳細表示
    public function show($id)
    {
        // 本とそのすべての章を取得
        $book = Book::with('chapters')->findOrFail($id);

        return view('books.show', compact('book'));
    }

    // 各章の内容表示
    public function showChapter($id, $chapter)
    {
        $book = Book::findOrFail($id);
        $chapter = Chapter::findOrFail($chapter);
        return view('books.chapter', compact('book', 'chapter'));
    }
}

@extends('layouts.app')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-6 prose prose-lg">
    <h2>{{ $chapter->title }}</h2>

    {{-- 段落なし、contentを直接表示 --}}
    {!! nl2br(e($chapter->content)) !!}

    <div class="mt-6">
        <a href="{{ url("/books/{$chapter->book_id}") }}" class="text-blue-500">← Back to book</a>
    </div>
</div>
@endsection

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Books by Level') }}
        </h2>
    </x-slot>

    <div class="py-12 max-w-4xl mx-auto">
        <div class="bg-white p-6 shadow rounded">
            @php
                // レベルごとにグループ化
                $groupedBooks = $books->groupBy('level');
            @endphp

            @foreach ($groupedBooks as $level => $booksInLevel)
                <div class="mb-6">
                    <h3 class="text-xl font-semibold text-blue-700 mb-3">
                        Level {{ $level }}
                    </h3>
                    <ul class="list-disc pl-6 space-y-1">
                        @foreach ($booksInLevel as $book)
                            <li>
                                <a href="{{ route('books.show', $book->id) }}"
                                   class="text-blue-600 hover:underline">
                                    {{ $book->title }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endforeach
        </div>
    </div>
</x-app-layout>

<x-app-layout>
    <!-- ページトップ用アンカー -->
    <div id="top"></div>

    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ $book->title }}
        </h2>
    </x-slot>

    <div class="max-w-4xl mx-auto py-8 space-y-8">
        @forelse($book->chapters as $chapter)
            <div class="bg-white shadow-sm rounded-lg p-6">
                <div class="prose prose-lg !font-times text-gray-700">
                    {!! $chapter->content !!}
                </div>
            </div>
        @empty
            <p class="text-gray-500 bg-white shadow-sm rounded-lg p-4">
                この本には章が登録されていません。
            </p>
        @endforelse
    </div>

    <!-- サイド固定トップボタン -->
    <a href="#top"
       class="fixed bottom-8 right-8 bg-blue-600 text-white px-4 py-3 rounded-full shadow-lg hover:bg-blue-700 transition text-lg z-50">
       ↑ Top
    </a>
</x-app-layout>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="{{ csrf_token() }}">

        <title>{{ config('app.name', 'Laravel') }}</title>

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

        <!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    </head>
    <body class="font-sans antialiased">
        <div class="min-h-screen bg-gray-100">
            @include('layouts.navigation')

            <!-- Page Heading -->
            @isset($header)
                <header class="bg-white shadow">
                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                        {{ $header }}
                    </div>
                </header>
            @endisset

            <!-- Page Content -->
            <main>
                {{ $slot }}
            </main>
        </div>
    </body>
</html>