blog/resources/views/home.blade.php

@extends('layouts.app')

@section('content')
    <div class="col-md-9 px-4">

        @include('home.photo-partial', ['tags' => $tags])

        @include('home.blog-partial')

        @foreach($posts as $post)

            <h2 class="mt-3">{{$post->title}}</h2>

            <div class="mt-3 pr-2">
                <x-markdown>
                    {{$post->content}}
                </x-markdown>
            </div>
            <div>
                <a href="/">Continue reading...</a>
            </div>

            <div class="text-secondary mt-3">
                <div class="d-inline-flex flex-row gap-3">
                    <div>
                        <i class="bi bi-journal-text"></i> Blog Entry
                    </div>
                    <div>
                        <i class="bi bi-calendar-week"></i> {{$post->created_at->format('Y-m-d')}}
                    </div>
                    <div>
                        <i class="bi bi-tags-fill"></i>

                        @foreach($post->tags as $tag)
                            <a class="text-secondary" href="/">{{$tag->name}}</a>,
                        @endforeach
                    </div>
                </div>

                <div class="pt-2">
                    <hr>
                </div>
            </div>
        @endforeach
    </div>

@endsection