229 lines
14 KiB
HTML
229 lines
14 KiB
HTML
==
|
||
<?php
|
||
function onStart(){
|
||
$this['poster'] = Tps\Movies\Models\MovieSession::orderBy('id', 'desc')->limit(1)->get()->first();
|
||
}
|
||
?>
|
||
==
|
||
<section class="movie">
|
||
<div class="auto_container">
|
||
<div class="movie_wrap">
|
||
<div class="movie_row">
|
||
<h4 class="movie_logo">
|
||
<span>
|
||
<img
|
||
src="{{ 'assets/images/movie-logo.png'|theme }}"
|
||
alt="logo"
|
||
/>
|
||
</span>
|
||
{{'Berkarar Кинотеатр'|_}}
|
||
</h4>
|
||
<a
|
||
href="https://www.instagram.com/berkarar_kinoteatr/"
|
||
class="movie_link">
|
||
<span>
|
||
<svg
|
||
width="17"
|
||
height="17"
|
||
viewBox="0 0 17 17"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M16.1421 1.85786C16.1421 1.30558 15.6944 0.857864 15.1421 0.857864L6.14214 0.857865C5.58985 0.857865 5.14214 1.30558 5.14214 1.85786C5.14214 2.41015 5.58985 2.85786 6.14214 2.85786L14.1421 2.85786L14.1421 10.8579C14.1421 11.4101 14.5899 11.8579 15.1421 11.8579C15.6944 11.8579 16.1421 11.4101 16.1421 10.8579L16.1421 1.85786ZM1.70711 16.7071L15.8492 2.56497L14.435 1.15076L0.292893 15.2929L1.70711 16.7071Z"
|
||
fill="#FFB100"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
@berkarar_kinoteatr
|
||
</a>
|
||
</div>
|
||
|
||
<div class="movie_slider">
|
||
{% for movie in movies %}
|
||
<div class="movie_item">
|
||
<div class="movie_item-info">
|
||
<div class="movie_item-photo">
|
||
<img
|
||
src="{{movie.thumb_image.path}}"
|
||
alt="movie-photo"
|
||
/>
|
||
</div>
|
||
|
||
<h4 class="movie_item-title">{{movie.name}}</h4>
|
||
<h6 class="movie_item-genre">{{movie.genras}}</h6>
|
||
</div>
|
||
|
||
<!-- <h4
|
||
class="movie_item-link modBtn"
|
||
onclick="return showMovieDetails({{ movie|json_encode() }}, {{ movie.image.path|json_encode() }});">
|
||
|
||
{{'Узнать подробней'|_}}
|
||
|
||
<span>
|
||
<svg
|
||
width="14"
|
||
height="12"
|
||
viewBox="0 0 14 12"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M1.16732 6.83336H11.0507L8.02565 10.4667C7.95561 10.551 7.90286 10.6482 7.8704 10.7528C7.83794 10.8575 7.82641 10.9675 7.83647 11.0766C7.85678 11.297 7.9638 11.5002 8.13398 11.6417C8.30416 11.7831 8.52356 11.8512 8.74392 11.8309C8.96428 11.8106 9.16753 11.7035 9.30898 11.5334L13.4756 6.53336C13.5037 6.49359 13.5288 6.45181 13.5507 6.40836C13.5507 6.36669 13.5923 6.34169 13.609 6.30002C13.6468 6.20447 13.6665 6.10276 13.6673 6.00002C13.6665 5.89728 13.6468 5.79557 13.609 5.70002C13.609 5.65836 13.5673 5.63336 13.5507 5.59169C13.5288 5.54824 13.5037 5.50646 13.4756 5.46669L9.30898 0.466689C9.23063 0.37262 9.13251 0.29697 9.02161 0.245119C8.91071 0.193268 8.78974 0.16649 8.66732 0.166689C8.47261 0.166308 8.28391 0.234121 8.13398 0.358355C8.0496 0.428313 7.97985 0.51423 7.92872 0.611186C7.8776 0.708142 7.8461 0.814232 7.83604 0.923379C7.82597 1.03253 7.83754 1.14259 7.87008 1.24726C7.90262 1.35193 7.95548 1.44915 8.02565 1.53336L11.0507 5.16669H1.16732C0.946304 5.16669 0.734342 5.25449 0.578062 5.41077C0.421782 5.56705 0.333984 5.77901 0.333984 6.00002C0.333984 6.22104 0.421782 6.433 0.578062 6.58928C0.734342 6.74556 0.946304 6.83336 1.16732 6.83336Z"
|
||
fill="#292929"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</h4> -->
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
|
||
|
||
{% if poster %}
|
||
<div class="movie_all modBtn" data-tab="#movie_poster">
|
||
<h6 class="">
|
||
{{'Показать все сеансы'|_}}
|
||
|
||
<span>
|
||
<svg width="14" height="12" viewBox="0 0 14 12" fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M1.16732 6.83329H11.0507L8.02565 10.4666C7.95561 10.5509 7.90286 10.6481 7.8704 10.7528C7.83794 10.8574 7.82641 10.9675 7.83647 11.0766C7.85678 11.2969 7.9638 11.5002 8.13398 11.6416C8.30416 11.7831 8.52356 11.8511 8.74392 11.8308C8.96428 11.8105 9.16753 11.7035 9.30898 11.5333L13.4756 6.5333C13.5037 6.49353 13.5288 6.45175 13.5507 6.40829C13.5507 6.36663 13.5923 6.34163 13.609 6.29996C13.6468 6.20441 13.6665 6.1027 13.6673 5.99996C13.6665 5.89722 13.6468 5.79551 13.609 5.69996C13.609 5.6583 13.5673 5.6333 13.5507 5.59163C13.5288 5.54818 13.5037 5.5064 13.4756 5.46663L9.30898 0.466628C9.23063 0.372559 9.13251 0.296909 9.02161 0.245058C8.91071 0.193207 8.78974 0.166429 8.66732 0.166628C8.47261 0.166247 8.28391 0.23406 8.13398 0.358294C8.0496 0.428252 7.97985 0.514169 7.92872 0.611125C7.8776 0.708081 7.8461 0.814171 7.83604 0.923318C7.82597 1.03247 7.83754 1.14253 7.87008 1.2472C7.90262 1.35187 7.95548 1.44909 8.02565 1.53329L11.0507 5.16663H1.16732C0.946304 5.16663 0.734342 5.25443 0.578062 5.41071C0.421782 5.56699 0.333984 5.77895 0.333984 5.99996C0.333984 6.22098 0.421782 6.43294 0.578062 6.58922C0.734342 6.7455 0.946304 6.83329 1.16732 6.83329Z"
|
||
fill="#292929" />
|
||
</svg>
|
||
</span>
|
||
</h6>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="modal movie_desc" id="movie_desc"></div>
|
||
|
||
{% if poster %}
|
||
<!-- Movie poster modal ================ -->
|
||
<div class="modal movie_poster mod" id="movie_poster">
|
||
<div class="inner">
|
||
<div class="modal_close modClose" data-mod="movie_poster">
|
||
<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<ellipse cx="20.4" cy="20" rx="20.4" ry="20" fill="white" />
|
||
<path
|
||
d="M21.8796 19.8865L27.6082 14.189C27.859 13.939 28 13.5998 28 13.2461C28 12.8924 27.859 12.5533 27.6082 12.3032C27.3573 12.0531 27.0171 11.9126 26.6623 11.9126C26.3075 11.9126 25.9673 12.0531 25.7164 12.3032L20.0011 18.0139L14.2858 12.3032C14.035 12.0531 13.6947 11.9126 13.34 11.9126C12.9852 11.9126 12.6449 12.0531 12.3941 12.3032C12.1432 12.5533 12.0023 12.8924 12.0023 13.2461C12.0023 13.5998 12.1432 13.939 12.3941 14.189L18.1227 19.8865L12.3941 25.584C12.2692 25.7074 12.1701 25.8543 12.1025 26.0162C12.0348 26.178 12 26.3516 12 26.5269C12 26.7022 12.0348 26.8758 12.1025 27.0376C12.1701 27.1995 12.2692 27.3464 12.3941 27.4698C12.5179 27.5943 12.6653 27.6931 12.8276 27.7605C12.99 27.828 13.1641 27.8627 13.34 27.8627C13.5158 27.8627 13.69 27.828 13.8523 27.7605C14.0147 27.6931 14.162 27.5943 14.2858 27.4698L20.0011 21.7591L25.7164 27.4698C25.8403 27.5943 25.9876 27.6931 26.15 27.7605C26.3123 27.828 26.4864 27.8627 26.6623 27.8627C26.8382 27.8627 27.0123 27.828 27.1746 27.7605C27.337 27.6931 27.4843 27.5943 27.6082 27.4698C27.7331 27.3464 27.8322 27.1995 27.8998 27.0376C27.9674 26.8758 28.0023 26.7022 28.0023 26.5269C28.0023 26.3516 27.9674 26.178 27.8998 26.0162C27.8322 25.8543 27.7331 25.7074 27.6082 25.584L21.8796 19.8865Z"
|
||
fill="#292929" />
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="movie_poster-photo">
|
||
<img src="{{poster.image.path}}" alt="poster-photo">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
<!-- Movie poster modal end ============ -->
|
||
<script>
|
||
function closeMovieModal() {
|
||
document.getElementById("movie_desc").classList.remove("active");
|
||
}
|
||
function showMovieDetails(movie, image) {
|
||
|
||
var movieBox = document.getElementById("movie_desc");
|
||
movieBox.innerHTML = "";
|
||
|
||
let content = `
|
||
<div class="inner">
|
||
<div class="modal_close" onclick="return closeMovieModal();">
|
||
<svg
|
||
width="41"
|
||
height="40"
|
||
viewBox="0 0 41 40"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<ellipse cx="20.4" cy="20" rx="20.4" ry="20" fill="white" />
|
||
<path
|
||
d="M21.8796 19.8865L27.6082 14.189C27.859 13.939 28 13.5998 28 13.2461C28 12.8924 27.859 12.5533 27.6082 12.3032C27.3573 12.0531 27.0171 11.9126 26.6623 11.9126C26.3075 11.9126 25.9673 12.0531 25.7164 12.3032L20.0011 18.0139L14.2858 12.3032C14.035 12.0531 13.6947 11.9126 13.34 11.9126C12.9852 11.9126 12.6449 12.0531 12.3941 12.3032C12.1432 12.5533 12.0023 12.8924 12.0023 13.2461C12.0023 13.5998 12.1432 13.939 12.3941 14.189L18.1227 19.8865L12.3941 25.584C12.2692 25.7074 12.1701 25.8543 12.1025 26.0162C12.0348 26.178 12 26.3516 12 26.5269C12 26.7022 12.0348 26.8758 12.1025 27.0376C12.1701 27.1995 12.2692 27.3464 12.3941 27.4698C12.5179 27.5943 12.6653 27.6931 12.8276 27.7605C12.99 27.828 13.1641 27.8627 13.34 27.8627C13.5158 27.8627 13.69 27.828 13.8523 27.7605C14.0147 27.6931 14.162 27.5943 14.2858 27.4698L20.0011 21.7591L25.7164 27.4698C25.8403 27.5943 25.9876 27.6931 26.15 27.7605C26.3123 27.828 26.4864 27.8627 26.6623 27.8627C26.8382 27.8627 27.0123 27.828 27.1746 27.7605C27.337 27.6931 27.4843 27.5943 27.6082 27.4698C27.7331 27.3464 27.8322 27.1995 27.8998 27.0376C27.9674 26.8758 28.0023 26.7022 28.0023 26.5269C28.0023 26.3516 27.9674 26.178 27.8998 26.0162C27.8322 25.8543 27.7331 25.7074 27.6082 25.584L21.8796 19.8865Z"
|
||
fill="#292929"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="movie_desc-photo">
|
||
<img src="${image}" alt="movie-photo" />
|
||
</div>
|
||
|
||
<div class="movie_desc-info">
|
||
<h5 class="movie_desc-title">${movie.name}</h5>
|
||
|
||
<div class="movie_desc-row">
|
||
<p class="movie_desc-txt">2022</p>
|
||
<p class="movie_desc-txt">
|
||
<span>
|
||
<svg
|
||
width="25"
|
||
height="25"
|
||
viewBox="0 0 25 25"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M12.4998 2.0835C10.4395 2.0835 8.42559 2.69442 6.71257 3.83902C4.99956 4.98362 3.66443 6.61048 2.87602 8.51388C2.08761 10.4173 1.88132 12.5117 2.28325 14.5324C2.68518 16.553 3.67727 18.4091 5.13407 19.8659C6.59086 21.3227 8.44694 22.3147 10.4676 22.7167C12.4882 23.1186 14.5827 22.9123 16.4861 22.1239C18.3894 21.3355 20.0163 20.0004 21.1609 18.2874C22.3055 16.5743 22.9164 14.5604 22.9164 12.5002C22.9164 11.1322 22.647 9.77769 22.1235 8.51388C21.6 7.25007 20.8327 6.10174 19.8655 5.13447C18.8982 4.16719 17.7499 3.3999 16.4861 2.87642C15.2222 2.35293 13.8677 2.0835 12.4998 2.0835ZM12.4998 20.8335C10.8516 20.8335 9.24042 20.3448 7.87001 19.4291C6.4996 18.5134 5.4315 17.2119 4.80077 15.6892C4.17004 14.1665 4.00501 12.4909 4.32655 10.8744C4.6481 9.2579 5.44177 7.77304 6.60721 6.60761C7.77264 5.44217 9.2575 4.6485 10.874 4.32695C12.4905 4.00541 14.1661 4.17044 15.6888 4.80117C17.2115 5.4319 18.513 6.5 19.4287 7.87041C20.3444 9.24082 20.8331 10.852 20.8331 12.5002C20.8331 14.7103 19.9551 16.8299 18.3923 18.3927C16.8295 19.9555 14.7099 20.8335 12.4998 20.8335Z"
|
||
fill="white"
|
||
/>
|
||
<path
|
||
d="M16.6664 11.4582H13.5414V8.33317C13.5414 8.0569 13.4317 7.79195 13.2363 7.5966C13.041 7.40125 12.776 7.2915 12.4998 7.2915C12.2235 7.2915 11.9585 7.40125 11.7632 7.5966C11.5678 7.79195 11.4581 8.0569 11.4581 8.33317V12.4998C11.4581 12.7761 11.5678 13.0411 11.7632 13.2364C11.9585 13.4318 12.2235 13.5415 12.4998 13.5415H16.6664C16.9427 13.5415 17.2077 13.4318 17.403 13.2364C17.5984 13.0411 17.7081 12.7761 17.7081 12.4998C17.7081 12.2236 17.5984 11.9586 17.403 11.7633C17.2077 11.5679 16.9427 11.4582 16.6664 11.4582Z"
|
||
fill="white"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
|
||
2час 55мин
|
||
</p>
|
||
</div>
|
||
|
||
<p class="movie_desc-text">
|
||
${movie.description}
|
||
</p>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Язык:</b>
|
||
<p class="movie_desc-txt">${movie.languages}</p>
|
||
</div>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Жанры:</b>
|
||
<p class="movie_desc-txt">${movie.genres}</p>
|
||
</div>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Актеры:</b>
|
||
<p class="movie_desc-txt">
|
||
${movie.acters}
|
||
</p>
|
||
</div>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Режисеры:</b>
|
||
<p class="movie_desc-txt">${movie.directors}</p>
|
||
</div>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Страны:</b>
|
||
<p class="movie_desc-txt">${movie.country}</p>
|
||
</div>
|
||
|
||
<div class="movie_desc-row">
|
||
<b>Сеансы:</b>
|
||
<p class="movie_desc-txt">
|
||
${movie.sessions}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`
|
||
;
|
||
|
||
movieBox.insertAdjacentHTML("beforeend", content);
|
||
movieBox.classList.add("active");
|
||
}
|
||
</script>
|