import { getMovieById } from './rest_api';

export async function loadMovieData() {
    const id = new URLSearchParams(location.search).get('id');

    const movie = await getMovieById(id);

    document.querySelector('iframe').setAttribute('src', movie.video);
    document.querySelector('#movieTitle').innerHTML = movie.title;
    document.querySelector('#movieDescription').innerHTML = movie.description;

    const movieInfoTemplate = `
        <h3>О фильме</h3>
        <ul class="list-group list-group-flush my-3">
            <li class="list-group-item">
                <span class="fw-bold">Год производства:</span> ${movie.releaseDate}
            </li>
            <li class="list-group-item">
                <span class="fw-bold">Страна:</span> ${movie.country}
            </li>
            <li class="list-group-item">
                <span class="fw-bold">Слоган:</span> <span class="text-secondary">«${movie.tagline}»</span>
            </li>
            <li class="list-group-item">
                <span class="fw-bold">Режиссер:</span> ${movie.director}
            </li>
            <li class="list-group-item">
                <span class="fw-bold">Возраст:</span> ${movie.ageRating}
            </li>
        </ul>
    `;

    document.querySelector('#movieInfoContainer').innerHTML = movieInfoTemplate;
}

export default loadMovieData;