forked from Aaron/Kino-Website
Added assets, started actual work on making this a proper multi file webapp. gonna continue tonight
This commit is contained in:
43
src/components/BookingModal.astro
Normal file
43
src/components/BookingModal.astro
Normal file
@@ -0,0 +1,43 @@
|
||||
<div id="booking-modal" class="modal hidden">
|
||||
<div class="modal-content modal-large">
|
||||
<div class="modal-header">
|
||||
<div class="header-text-container">
|
||||
<h2 id="modal-movie-title">Film Titel</h2>
|
||||
<div class="header-sub-info">
|
||||
<p id="modal-info-text">Saal • Zeit</p>
|
||||
<div id="tech-badges" class="tech-badges-container hidden">
|
||||
<img src="/img/Dolby.png" alt="Dolby" class="tech-badge">
|
||||
<img src="/img/dbox.jpg" alt="D-Box" class="tech-badge">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="close-btn">×</span>
|
||||
</div>
|
||||
|
||||
<div class="screen-container">
|
||||
<div class="screen"></div>
|
||||
<p class="screen-text">LEINWAND</p>
|
||||
</div>
|
||||
|
||||
<div class="booking-layout">
|
||||
<div class="seat-map-container">
|
||||
<div id="seat-grid" class="seat-grid-custom"></div>
|
||||
</div>
|
||||
<div id="booking-summary" class="summary-panel hidden">
|
||||
<h3>Deine Auswahl</h3>
|
||||
<div id="summary-items"></div>
|
||||
<div class="summary-total">
|
||||
<div class="divider"></div>
|
||||
<div class="total-row">
|
||||
<span>Gesamtbetrag:</span>
|
||||
<span id="total-price">0,00€</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legend" id="dynamic-legend"></div>
|
||||
|
||||
<button id="btn-confirm-seats" class="btn-primary" style="margin-top:20px">Plätze bestätigen</button>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user