Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            access_key = 'your_key';
            let movie = '';
            fetch('http://www.omdbapi.com/?t='+movie+'&apikey='+access_key)
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="m-3 input-group">
                <input type="text" placeholder="Търси" class="form-control input-lg search">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button" id="oimdb">
                        Търси
                    </button>
                </span>
            </div>
        </div>
        <div class="row">
            <div class="m-3 text-center w-100">
                <ol class="list-group">
                    <li class="list-group-item d-flex flex-row">
                        <div class="col-2">
                            <img src="" class="movie-poster" alt="" width="140" height="154">
                        </div>
                        <div class="col-2 pt-3">
                            <span class="movie-title">
                                {{$movie->title}} ({{$movie->year}})
                            </span>
                        </div>
                        <div class="col-4 pt-3">
                            <span class="movie-plot"> {{$movie->plot}}</span>
                        </div>
                        <div class="col-4 pt-3">
                            <span class="movie-rating"> оценка: {{$movie->user_rating}}</span>
                        </div>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</body>
</html>