CINXE.COM
Bilete - Cinemagia
<!DOCTYPE html> <html lang="ro"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-param" content="_csrf"> <meta name="csrf-token" content="cJKB9-iuyVCYbRZRNUYx20JvpdAyQccwXShZEFXZzkUq3uqzpPyxYdshRyNTBXWXJSyVvGAIkHxtfi9EZ77_Jw=="> <title>Bilete - Cinemagia </title> <link type="image/x-icon" href="/include/theme-cinemagia/favicon.ico" rel="icon"> <link href="/assets/90fc1e/css/bootstrap.css?v=1641979794" rel="stylesheet"> <link href="/assets/cb5041c/css/all.min.css?v=1644265989" rel="stylesheet"> <link href="/assets/d165b8b4/glyphicons.css?v=1732609874" rel="stylesheet"> <link href="/include/ui.css?v=1732609874" rel="stylesheet"> <link href="/include/forms.css?v=1732609874" rel="stylesheet"> <link href="/include/theme-cinemagia/styles.css?v=1732609874" rel="stylesheet"> <style> body { background-color: #000000; } footer ul li { color:#ffffff; } </style> <script src="/assets/f0691838/jquery.js?v=1614705114"></script> <script src="/assets/90fc1e/js/bootstrap.bundle.js?v=1641979794"></script> <script src="/assets/68880844/umd/popper.min.js?v=1513247835"></script> <script src="/assets/fdfacf48/underscore-min.js?v=1654173544"></script> <script src="/include/common.js?v=1732609874"></script></head> <body class="prod cinemagia www "> <header> <div class="wrapper"> <a class="logo" href="https://www.cinemagia.ro">Cinemagia</a> </div> </header> <main> <div class="wrapper"> <div class="content" id="main-container"> <div class="movie-header section d-flex"> <div class="d-none d-sm-block mr-3 poster-container"> <img src="https://static.cinemagia.ro/img/resize/db/movie/26/11/113/gladiator-ii-442195l-175x0-w-ca2e5c84.jpg" class="poster" style="max-height:164px;" /> </div> <div class="right-col flex-grow-1"> <h2 class="title"> Gladiator II - 4K (sub) (2024) </h2> <h2 class="title-secondary text-accent">Gladiatorul II - 4K </h2> <p class="tags mb-2"> <span class="badge tag rating rating-ro-n15"> N15 · Nerecomandat 15 </span> <span class="badge tag format format-sub">Subtitrat</span> <span class="badge tag genre">Ac牛iune</span> <span class="badge tag genre">Aventuri</span> <span class="badge tag genre">Dram膬</span> </p> <p class="at-cinema text-secondary m-0"> <i class="fas fa-fw fa-at"></i> Hollywood Multiplex, Sala 3 </p> <p class="date-venue text-secondary m-0"> <i class="fas fa-fw fa-clock"></i> 26 noiembrie 2024, 20:30 - 23:00 </p> <p class="address text-secondary m-0"> <i class="fas fa-fw fa-map-marker-alt"></i> Calea Vitan 55-59, Bucure葯ti 031281 </p> </div><!-- right-col --> <div class="tools ml-3 text-right text-nowrap"> </div><!-- tools --> </div><!-- movie-header --> <form id="w1" class="form-inline section bb-0 pb-0" action="/ro/ui/member/add-to-cart?back=%2Fro%2Fui%2Ftickets%2Findex%3Fshow_provider_id%3D39649%26key%3D6745d04ac48fd-603051ac8315c5f42be9808bd4503e43&key=6745d04ac48fd-603051ac8315c5f42be9808bd4503e43" method="post" onsubmit="loading(this,true);"> <input type="hidden" name="_csrf" value="cJKB9-iuyVCYbRZRNUYx20JvpdAyQccwXShZEFXZzkUq3uqzpPyxYdshRyNTBXWXJSyVvGAIkHxtfi9EZ77_Jw=="><div class="mx-auto form-inline member-auth"> <div class="input-group w-auto"> <input type="text" class="form-control align-middle text-center" name="code" value="" autocomplete="off" placeholder="Serie card/email membru"> <div class="input-group-append"> <button type="submit" class="btn btn-accent">Ok</button> </div> </div> </div> </form> <form id="items-container" class="section" action="/ro/ui/tickets/select-ticket-types?show_id=1423948&key=6745d04ac48fd-603051ac8315c5f42be9808bd4503e43" method="post"> <input type="hidden" name="_csrf" value="cJKB9-iuyVCYbRZRNUYx20JvpdAyQccwXShZEFXZzkUq3uqzpPyxYdshRyNTBXWXJSyVvGAIkHxtfi9EZ77_Jw=="> <ul id="w2" class="tickettypes list-group ticketing-items"><li class="list-group-item "><div class="d-flex"><div class="left-col flex-grow-1"><span class="name" title="">Normal</span> <p class="subtext text-secondary m-0">Bilet pret intreg</p><p class="price m-0">35,00聽lei</span></div><div class="right-col text-right ml-2"> <div class="item-actions ml-auto d-flex h-100"> <a href="#" class="btn-small btn-accent item-act-dec align-self-center _dec"><i class="fa fa-minus _dec"></i></a> <input class="item-qty align-self-center text-center border" type="text" autocomplete="off" name="quantity[11309]" value="0" data-id="11309" data-seats="1" data-price="35.0000" data-category="37" /> <a href="#" class="btn-small btn-accent item-act-inc align-self-center _inc"><i class="fa fa-plus _inc"></i></a> </div><!-- item-actions --> </div></div></li> <li class="list-group-item "><div class="d-flex"><div class="left-col flex-grow-1"><span class="name" title="">Copil</span> <p class="subtext text-secondary m-0">Copil sub 12 ani</p><p class="price m-0">24,00聽lei</span></div><div class="right-col text-right ml-2"> <div class="item-actions ml-auto d-flex h-100"> <a href="#" class="btn-small btn-accent item-act-dec align-self-center _dec"><i class="fa fa-minus _dec"></i></a> <input class="item-qty align-self-center text-center border" type="text" autocomplete="off" name="quantity[11311]" value="0" data-id="11311" data-seats="1" data-price="24.0000" data-category="37" /> <a href="#" class="btn-small btn-accent item-act-inc align-self-center _inc"><i class="fa fa-plus _inc"></i></a> </div><!-- item-actions --> </div></div></li> <li class="list-group-item "><div class="d-flex"><div class="left-col flex-grow-1"><span class="name" title="">Elev</span> <p class="price m-0">26,00聽lei</span></div><div class="right-col text-right ml-2"> <div class="item-actions ml-auto d-flex h-100"> <a href="#" class="btn-small btn-accent item-act-dec align-self-center _dec"><i class="fa fa-minus _dec"></i></a> <input class="item-qty align-self-center text-center border" type="text" autocomplete="off" name="quantity[11313]" value="0" data-id="11313" data-seats="1" data-price="26.0000" data-category="37" /> <a href="#" class="btn-small btn-accent item-act-inc align-self-center _inc"><i class="fa fa-plus _inc"></i></a> </div><!-- item-actions --> </div></div></li> <li class="list-group-item "><div class="d-flex"><div class="left-col flex-grow-1"><span class="name" title="">Student</span> <p class="price m-0">26,00聽lei</span></div><div class="right-col text-right ml-2"> <div class="item-actions ml-auto d-flex h-100"> <a href="#" class="btn-small btn-accent item-act-dec align-self-center _dec"><i class="fa fa-minus _dec"></i></a> <input class="item-qty align-self-center text-center border" type="text" autocomplete="off" name="quantity[11315]" value="0" data-id="11315" data-seats="1" data-price="26.0000" data-category="37" /> <a href="#" class="btn-small btn-accent item-act-inc align-self-center _inc"><i class="fa fa-plus _inc"></i></a> </div><!-- item-actions --> </div></div></li> <li class="list-group-item "><div class="d-flex"><div class="left-col flex-grow-1"><span class="name" title="">Pensionar</span> <p class="price m-0">24,00聽lei</span></div><div class="right-col text-right ml-2"> <div class="item-actions ml-auto d-flex h-100"> <a href="#" class="btn-small btn-accent item-act-dec align-self-center _dec"><i class="fa fa-minus _dec"></i></a> <input class="item-qty align-self-center text-center border" type="text" autocomplete="off" name="quantity[11317]" value="0" data-id="11317" data-seats="1" data-price="24.0000" data-category="37" /> <a href="#" class="btn-small btn-accent item-act-inc align-self-center _inc"><i class="fa fa-plus _inc"></i></a> </div><!-- item-actions --> </div></div></li> <li class="list-group-item row-accent font-weight-bold"><div class="d-flex"><div class="left-col flex-grow-1">Total</div><div class="right-col text-right ml-2"><span class="items-total-price">0,00聽lei</span><br/><small><a class="popover-link" href="#" data-toggle="popover" data-placement="bottom" data-trigger="focus" data-content="Vei putea introduce ulterior codul de voucher, pentru recalcularea totalului de plata.">Ai un cod de voucher?</a></small></div></div></li></ul> <div class="text-center m-3 btn-continue"> <button type="submit" class="btn btn-accent disabled-look">Continu膬</button></div> </form> <script> (function() { $('.popover-link').popover({ container: 'body' }); const limitSeats = true ; const seatsAvailable = parseInt( 397 , 10); const ttsRequired = parseInt( 0 , 10); const maxSeats = parseInt( 6 , 10); const maxSeatsPerTT = parseInt( 0 , 10); const currency = 'lei'; const errorTitle = 'Eroare'; const availableSeatsMessage = 'Mai sunt doar 397 locuri disponibile.'; const noAvailableSeatsMessage = 'Pentru acest spectacol nu mai sunt locuri disponibile.'; const moreSeatsReqMessage = 'Biletele selectate necesita mai multe locuri!'; const maxSeatsMessage = 'Cinematograful permite selectarea de maxim 6 bilete pe comanda.'; const maxSeatsPerTTMessage = 'Cinematograful permite selectarea de maxim 6 locuri pe fiecare tip de bilet.'; const noSeatsMessage = 'Selectia de bilete nu este valida!'; const container = document.querySelector('#main-container'); const submit = document.querySelector('#items-container button[type=submit]'); const elTotalPrice = document.querySelector('#items-container .items-total-price'); const ticketsTotal = () => Array.from(document.querySelectorAll('#items-container input.item-qty')) .reduce((carry, el) => { carry.seats += el.value * el.getAttribute('data-seats'); carry.price += el.value * el.getAttribute('data-price'); return carry; }, { seats: 0, price: 0, }); document.querySelector('#items-container') .addEventListener('click', (event) => { const tt = event.target.closest('li'); if (tt) { event.preventDefault(); let cat_seats_required = cat_seats_selected = 0; let elSeatsValid = elCatSeatsRequired = elCatSeatsSelected = null; const tti = tt.querySelector('.item-qty'); const seats = parseInt(tti.getAttribute('data-seats'), 10) || 1; let value = parseInt(tti.value, 10); const seat_category_id = tti.getAttribute('data-category'); const elCategory = document.querySelector('#category-' + seat_category_id); if (elCategory) { elSeatsValid = elCategory.querySelector('.seats-valid'); elCatSeatsRequired = elCategory.querySelector('.category-seats-required'); elCatSeatsSelected = elCategory.querySelector('.category-seats-selected'); cat_seats_required = elCatSeatsRequired ? parseInt(elCatSeatsRequired.innerHTML, 10) : 0; cat_seats_selected = elCatSeatsSelected ? parseInt(elCatSeatsSelected.innerHTML, 10) : 0; } if (event.target.classList.contains('_dec')) { tti.value = value > 0 ? value - 1 : 0; cat_seats_selected = cat_seats_selected - seats; cat_seats_selected = cat_seats_selected < 0 ? 0 : cat_seats_selected; tti.dispatchEvent(new Event('change')); } else if (event.target.classList.contains('_inc')) { total = ticketsTotal(); if (cat_seats_required > 0 && cat_seats_selected + seats > cat_seats_required) { bootstrapPopoverError(tti, moreSeatsReqMessage); //bootstrapToastError(errorTitle, moreSeatsReqMessage); return false; } else if (limitSeats && seatsAvailable == 0) { bootstrapPopoverError(tti, noAvailableSeatsMessage); //bootstrapToastError(errorTitle, noAvailableSeatsMessage); return false; } else if (seatsAvailable > 0) { if (total.seats + seats > seatsAvailable) { bootstrapPopoverError(tti, availableSeatsMessage); //bootstrapToastError(errorTitle, availableSeatsMessage); return false; } } if (maxSeatsPerTT) { if (seats * (value + 1) > maxSeatsPerTT) { bootstrapPopoverError(tti, maxSeatsPerTTMessage); //bootstrapToastError(errorTitle, maxSeatsPerTTMessage); return false; } } if (maxSeats) { if (total.seats + seats > maxSeats) { bootstrapPopoverError(tti, maxSeatsMessage); //bootstrapToastError(errorTitle, maxSeatsMessage); return false; } } tti.value = value + 1; cat_seats_selected = cat_seats_selected + seats; tti.dispatchEvent(new Event('change')); } else { return false; } tt.classList.toggle('item-selected', tti.value > 0); total = ticketsTotal(); // refresh dupa ce s-a decrementat/incrementat value //document.querySelector('#items-container .items-total-count .value').innerHTML = total.seats; elTotalPrice.innerHTML = total.price + ' ' + currency; if (elCatSeatsSelected) { elCatSeatsSelected.innerHTML = cat_seats_selected; } if (elSeatsValid) { elSeatsValid.classList.toggle('invisible', cat_seats_selected != cat_seats_required); } submit.classList.toggle('disabled-look', !total.seats || (ttsRequired > 0 && total.seats < ttsRequired)); return false; } }); document.querySelector('#items-container') .addEventListener('submit', (event) => { loading(container, true); loadingBtn(event.submitter, true); const total = ticketsTotal(); if (!total.seats) { event.preventDefault(); loading(container, false); loadingBtn(event.submitter, false); bootstrapPopoverError(event.submitter, noSeatsMessage, { placement: 'top', }); //bootstrapToastError(errorTitle, noSeatsMessage); return false; } if (maxSeats && total.seats > maxSeats) { event.preventDefault(); loading(container, false); loadingBtn(event.submitter, false); bootstrapPopoverError(event.submitter, maxSeatsMessage, { placement: 'top', }); //bootstrapToastError(errorTitle, maxSeatsMessage); return false; } }, true); })(); </script> </div> </div> </main> <footer> <div class="wrapper"> <ul class="list-unstyled d-flex flex-wrap justify-content-center"><li class="text-nowrap m-2"><a href="https://bilete.cinemagia.ro/bilete/terms/" class="text-reset">Termeni 葯i condi葲ii</a></li> <li class="text-nowrap m-2"><a href="https://www.cinemagia.ro/contact/" class="text-reset">Contact</a></li></ul> </div> </footer> <script src="/assets/725e65ed/yii.js?v=1644585160"></script> <script src="/assets/725e65ed/yii.activeForm.js?v=1644585160"></script> <script>jQuery(function ($) { jQuery('#w1').yiiActiveForm([], {"errorSummary":".alert.alert-danger","errorCssClass":"is-invalid","successCssClass":"is-valid","validationStateOn":"input"}); });</script></body> </html>