


<?php $__env->startSection('title',$vision->title.' - Fragmanını İzle - Bilet Al '. config('settings.site_title', 'Varsayılan Başlık')); ?>
<?php $__env->startSection('description',$vision->title.' - Vizyonda - Bilet Al '. config('settings.site_title', 'Varsayılan Başlık')); ?>

    
<?php $__env->startSection('content'); ?>

<div class="container-page-custom"  id="site-content" style="padding:0px">
     
 <section class="yds_with_poster">
    <form method="POST" action="/tr-tr/sinema/koltuk_secimi" id="SeanceForm">
        <input type="hidden" id="seanceId" name="seanceId" value="0" />
        <input type="hidden" id="lang" name="lang" value="tr" />
        <input type="hidden" id="key" name="key" />
    </form>
    <div class="yds_cinema_details">
        <div class="yds_cinema_details_info" style="background-image: url(<?php echo e($vision->cover); ?>); background-position: center center;padding: 10px;">
            <div class="yds_container">
                <div class="yds_cinema_details_info_title">
                    
                    <div>
                        <h1><?php echo e($vision->title); ?></h1>
                        <div class="yds_genres">
                        	<?php $parcalatype=explode(',',$vision->type); ?>

                        	<?php $__currentLoopData = $parcalatype; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <span><?php echo e($type); ?></span>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        
                    </div>
                </div>
               	<?php if($vision->director!=''): ?>
                <div class="yds_cinema_details_person">


                        <p>Yönetmen: <span class="yds_white"> <a style="color: #ffffff;" href="#" title="<?php echo e($vision->director); ?>"><?php echo e($vision->director); ?></a></span></p>

                </div>
                <?php endif; ?>
                <div class="yds_cinema_details_buttons">
                            <a href="https://biletinial.com/tr-tr/sinema/<?php echo e($vision->seourl); ?>" title="<?php echo e($vision->title); ?> Bilet Al" target="_blank" class="goseances">BİLETİNİ AL</a>
                                           	<?php if($vision->fragman!=''): ?>  <button class="yds_fragman" id="fragman_open" click="ydsOverlay()">
                            FRAGMAN
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd"
                                      clip-rule="evenodd"
                                      d="M2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM8.39061 7.09172C8.63141 6.96025 8.92479 6.97076 9.15557 7.11912L12.6556 9.36912C12.8702 9.50712 13 9.7448 13 10C13 10.2552 12.8702 10.4929 12.6556 10.6309L9.15557 12.8809C8.92479 13.0292 8.63141 13.0398 8.39061 12.9083C8.1498 12.7768 8 12.5244 8 12.25V7.75C8 7.47565 8.1498 7.22318 8.39061 7.09172Z"
                                      fill="white" />
                            </svg>
                        </button> <?php endif; ?>
                        <div class="yds_overlay" id="fragman_close">
                            <div class="yds_overlay_container">
                                <div class="yds_overlay_button">
                                    <iframe id="videoModalFrame" src="<?php echo e($vision->fragman); ?>?enablejsapi=1&version=3&playerapiid=ytplayer" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

                                    <button class="yds_close" click=" ydsOverlay()"><img src="https://b6s54eznn8xq.merlincdn.net/dist/assets/img/close.svg" alt="close" /></button>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>


        <div class="yds_cinema_movie_thread">
                <div id="cinemaAciklamaDiv" class="yds_cinema_movie_thread_title">
                    <h2><?php echo e($vision->title); ?> Filminin Konusu</h2>
                    <span><?php echo e($vision->title); ?> filminin detayları</span>
                </div>

            <div class="yds_cinema_movie_thread_body">
                <div class="yds_cinema_movie_thread_body-text">
                    <div class="yds_cinema_movie_thread_info">
                            <p><?php echo e($vision->description); ?> </p>
</p>
                    </div>

                    <div class="yds_cinema_movie_thread_detail">
                        <ul>
                                <li>
                                    <strong>Vizyon Tarihi</strong>
                                   <?php echo $vision->vision_date; ?></span>
                                </li>

                            <li>
                                        <strong>Film Türü</strong>
                                    <span><?php echo e($vision->type); ?></span>
                            </li>

                                <li>
                                    <strong>Süre</strong>
                                    <span><?php echo e($vision->time); ?></span>
                                </li>
                        </ul>
                    </div>

                </div>
                <figure class="yds_cinema_movie_thread_body-cover">
                    <img src="/uploads/visions/<?php echo e($vision->image); ?>" alt="<?php echo e($vision->title); ?>">
                </figure>
            </div>
<?php if($vision->players!=''): ?>
                <div class="yds_cinema_movie_thread_title">
                    <h2>Kadro</h2>
                </div>

            <div class="yds_cinema_movie_thread_person_details_flex" id="yds_cinema_movie_yorum">
                        <?php $parcalaplayer=explode(',',$vision->players); ?>

                        <?php $__currentLoopData = $parcalaplayer; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $player): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a title="Paul Mescal" href="#" title="<?php echo e($player); ?>" class="yds_cinema_movie_thread_person_details">
                            <div class="yds_person_details">
                                <p><?php echo e($player); ?></p>
                            </div>
                        </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
            </div>

             <?php endif; ?>
               
        </div>
    </div>
    
  
</section>   
 


</div>


<style type="text/css">
	
.yds_cinema_details {
    width: 100%;
}

.yds_cinema_details_info {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 700px;
    max-height: 100vh;
    position: relative;
}
.yds_container {
    width: 1270px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
}
.yds_cinema_details_info_title {
    width: 100%;
    display: Flex;
    align-items: flex-start;
}
.yds_cinema_details_info_title h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 68px;
    color: #ffffff;
}
.yds_genres {
    width: 100%;
    display: flex;
    gap: 12px;
}
.yds_genres span {
    background: rgba(255, 255, 255, 0.1);
}
.yds_genres span {
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.2);
    margin: 8px 0 40px 0;
}
.yds_cinema_details_rating_person {
    margin: 48px 0;
    gap: 48px;
}
.yds_cinema_details_rating, .yds_cinema_details_rating_point {
    flex-direction: column;
}
.yds_cinema_details_rating, .yds_cinema_details_rating_point, .yds_cinema_details_rating_person, .yds_cinema_details_rating_flex {
    display: flex
;
}

.yds_cinema_details_rating, .yds_cinema_details_rating_point, .yds_cinema_details_rating_person, .yds_cinema_details_rating_flex {
    display: flex
;
}

.yds_cinema_details_rating, .yds_cinema_details_rating_point {
    flex-direction: column;
}
.yds_cinema_details_rating img {
    margin-right: 8px;
}
.yds_cinema_details_rating_point_number p {
    font-weight: 700;
    font-size: 36px;
    line-height: 34px;
    color: #ffffff;
    margin-right: 8px;
}
.yds_cinema_details_rating a {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #ffffff;
}
.yds_cinema_details_link {
    width: 100%;
    text-align: right;
}
.yds_cinema_details_person {
    margin-bottom: 48px;
}
.yds_cinema_details_person p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #b4b4b4;
}
.yds_white {
    color: #ffffff;
}
.yds_cinema_details_buttons {
    display: flex
;
    align-items: center;
    gap: 12px;
}

.yds_cinema_details_buttons button:nth-child(1), .yds_cinema_details_buttons a:nth-child(1) {
    font-weight: 600;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    padding: 0 32px;
    border: none;
    background-color: #3dab5d;
    border-radius: 4px;
    height: 44px;
    white-space: nowrap;
    width: 190px;
    text-align: center;
}
.yds_fragman {
    font-weight: 600;
    padding: 0 32px;
    font-size: 14px;
    border-radius: 4px;
    height: 44px;
    white-space: nowrap;
    line-height: 44px;
    color: #ffffff !important;
    background: none !important;
    border: 1px solid #fff !important;
    display: flex
;
    align-items: center;
    width: unset !important;
    text-align: center;
}
.yds_fragman svg {
    margin-left: 10px;
}
.yds_overlay {
    z-index: 110001;
    position: fixed;
    display: none;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
}
.yds_overlay_container {
    display: flex
;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}
.yds_overlay_button {
    display: flex
;
    align-items: flex-start;
}
.yds_overlay_container iframe {
    height: 50vh !important;
    border-radius: 30px;
}
.yds_overlay_button iframe {
    width: 1000px;
    height: 100%;
}
.yds_close {
    z-index: 100;
    background: none;
    border: none;
}
.yds_cinema_details_buttons button img {
    margin-left: 8px;
}

.yds_cinema_movie_thread, .yds_cinema_movie_thread_point {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    max-width: 1270px;
    width: 100%;
    margin: 50px auto;
}


.yds_cinema_movie_thread_title {
    margin-bottom: 12px;
    display: flex
;
    flex-direction: column;
}

.yds_cinema_movie_thread_body {
    width: 100%;
    display: flex
;
    gap: 80px;
}

.yds_cinema_movie_thread_body-text {
    display: flex
;
    flex-direction: column;
    flex: 1;
}
.yds_cinema_movie_thread_info p, .yds_more {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.yds_cinema_movie_thread_info p, .yds_more {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.yds_cinema_movie_thread_info a {
    color: #000;
}
.yds_cinema_movie_thread_detail {
    margin: 20px 0;
}
.yds_cinema_movie_thread_detail ul {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
    margin-bottom: 20px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

.yds_cinema_movie_thread_detail ul  li {
      margin-top: 20px;
}

.yds_cinema_movie_thread_detail ul strong {
    min-width: 110px;
    display: inline-flex
;
}
.yds_cinema_movie_thread_body-cover {
    min-width: 200px;
    max-width: 200px;
}
.yds_cinema_movie_thread_body-cover img {
    width: 100%;
    border-radius: 12px;
}

.yds_cinema_details h2, .yds_cinema_movie_thread_title h2, .yds_cinema_movie_yorum_title h2, .yds_cinema_movie_thread_rules_title h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
}
.yds_cinema_movie_thread_person_details_flex {
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.yds_cinema_movie_thread_person_details {
    margin-top: 0;
}
.yds_cinema_movie_thread_person_details {
    display: flex
;
    align-items: center;
    min-width: 150px;
    margin-top: 12px;
}
.yds_cinema_movie_thread_person_details img {
    margin-right: 12px;
}

.yds_person_details p {
    padding-bottom: 0 !important;
    line-height: 18px !important;
    margin-bottom: 2px;
}
.yds_person_details p, .yds_person_details span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

@media  only screen and (max-width: 1023px) {
    .yds_cinema_movie_thread_body-cover {
        display: none;
    }
}

@media  only screen and (max-width: 1023px) {
    .yds_cinema_movie_thread_detail ul {
        margin-bottom: 0;
    }
}
@media  screen and (max-width: 1023px) {
    .yds_cinema_movie_thread_detail ul {
        font-size: 12px;
        gap: 12px;
    }
}


</style>


<?php $__env->startSection('script'); ?>

<script type="text/javascript">
 $(document).on('ready', function() {

var d = document.getElementById("fragman_open");
var close = document.getElementById("fragman_close");

d.onclick = function(){
	$(".yds_overlay").toggle();
};

close.onclick = function(){
	$(".yds_overlay").toggle();
};

 });

</script>

<?php $__env->stopSection(); ?>


<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/kocaelid/domains/kocaeliduysun.net/public_html/resources/views/modul/vision.blade.php ENDPATH**/ ?>