Laravel Tutorial Development Tutorials, Guides & Insights

   @extends('layouts.app')

   @section('title', 'Search Posts')

   @section('content')
       <h1>Search Posts</h1>

       <form action="{{ route('search.results') }}" method="GET">
           <input type="text" name="query" class="search-input" placeholder="Search posts..." required>
           <button type="submit" class="button">Search</button>
       </form>

       @if(isset($posts))
           <h2>Results for "{{ $query }}"</h2>

           @forelse($posts as $post)
               <div class="post">
                   <h3 class="post-title">{{ $post->title }}</h3>
                   <p class="post-content">{{ Str::limit($post->content, 150) }}</p>
                   <a href="{{ route('post.show', $post->id) }}" class="button">Read More</a>
               </div>
           @empty
               <p>No results found for your query.</p>
           @endforelse
       @endif
   @endsection

In resources/views/posts/show.blade.php:

Add the directive in AppServiceProvider:

   use Illuminate\Support\Facades\Blade;

   public function boot()
   {
       Blade::directive('uppercase', function ($expression) {
           return "<?php echo strtoupper($expression); ?>";
       });
   }