@extends('layouts.app3')

@section('content')
<div class="container py-5">
    <form action="{{ route('search') }}" method="GET" class="mb-4">
        <div class="input-group">
            <input type="text" name="query" class="form-control" placeholder="Search..." value="{{ $query }}" required>
            <button type="submit" class="btn btn-dark">Search</button>
        </div>
    </form>

    <h2 class="mb-4">Search Results for: <em>{{ $query }}</em></h2>

    @if(count($results) > 0)
        <p class="text-muted mb-4">{{ count($results) }} result(s) found.</p>
        <ul class="list-group">
            @foreach($results as $result)
                <li class="list-group-item">
                    <a href="{{ $result['url'] }}" target="_blank" style="color: #000; text-decoration: none;">
                        <strong>{{ $result['title'] }}</strong>
                    </a>
                    <br>
                    <small class="text-muted">{{ $result['url'] }}</small>
                </li>
            @endforeach
        </ul>
    @else
        <div class="alert alert-warning">
            No results found for <strong>{{ $query }}</strong>. Please try a different keyword.
        </div>
    @endif
</div>
@endsection