<?php
$places = $field->fromPage(3)->withNameLike('Miejsce')->findAll();
$baners = $field->fromPage(3)->withNameLike('Rezerwacja Baner')->findAll();
?>
<div class="container">
<h1 class="page-header">Rezerwacje Stolikуw</h1>
<div ng-hide="send" class="row">
<div class="col-sm-5 col-md-4">
<h2 class="page-sub-header">Zarezerwuj</h2>
<form class="reservation-form">
<bts-input-wrap for="name" name="IMIĘ I NAZWISKO" errors="errors.name">
<bts-input-text model="model.name"></bts-input-text>
</bts-input-wrap>
<bts-input-wrap for="tel" name="TELEFON" errors="errors.tel">
<bts-input-text model="model.tel"></bts-input-text>
</bts-input-wrap>
<bts-input-wrap for="email" name="E-MAIL" errors="errors.email">
<bts-input-text model="model.email"></bts-input-text>
</bts-input-wrap>
<bts-input-wrap for="persons" name="ILOŚĆ OSУB" errors="errors.persons">
<bts-input-text model="model.persons"></bts-input-text>
</bts-input-wrap>
<bts-input-wrap for="date" name="GODZINA PRZYJŚCIA" errors="errors.date">
<bts-input-text size="5" bs-timepicker time-format="HH:mm" time-type="string"
model="model.date"></bts-input-text>
</bts-input-wrap>
</form>
<p style="font-size: 12px">Stolik czeka na państwa przez 30 minut od wskazanego czasu przyjścia do klubu. Po tym czasie rezerwacja
jest anulowana </p>
</div>
<div class="col-sm-7 col-md-8">
<h2 class="page-sub-header">Preferowane miejsce</h2>
<div ng-show="errors.seat" class="alert alert-danger">
<p>Proszę wybrać preferowane miejsce:
<p>
</div>
<div class="row">
<div class="col-lg-9">
<h3 class="reservation-header">Sala Kolumnowa</h3>
<div class="reservation-row">
<?php
for ($i = 0; $i < 6; $i++) {
if (!isset($places[$i])) continue;
$name = str_replace("Miejsce - ", "", $places[$i]->name);
$id = "seat{$places[$i]->id}"
?>
<div class="col-xs-3 col-md-2 reservation-seat">
<h5 class="reservation-seat-header"><?php echo $name ?></h5>
<div class="reservation-seat-image-holder">
<?php
if ($places[$i]->preview->hasImage()) {
?>
<img style="width: 100%" class="img-responsive" src="<?php echo $places[$i]->preview->getUrl('small') ?>">
<?php
}
?>
<div class="radio-cust-holder">
<input ng-model="model.seat" id="<?php echo $id ?>" type="radio" name="seat"
value="<?php echo $id ?>">
<label for="<?php echo $id ?>"></label>
</div>
</div>
<p class="reservation-seat-price"><?php echo $places[$i]->value ?></p>
</div>
<?php } ?>
</div>
</div>
<div class="col-lg-3 reservation-quarter-column">
<h3 class="reservation-header">Sala RNB</h3>
<div class="reservation-row">
<?php
for ($i = 6; $i < 8; $i++) {
if (!isset($places[$i])) continue;
$name = str_replace("Miejsce - ", "", $places[$i]->name);
$id = "seat{$places[$i]->id}"
?>
<div class="col-xs-3 col-md-2 col-lg-6 reservation-seat">
<h5 class="reservation-seat-header"><?php echo $name ?></h5>
<div class="reservation-seat-image-holder">
<?php
if ($places[$i]->preview->hasImage()) {
?>
<img style="width: 100%" class="img-responsive" src="<?php echo $places[$i]->preview->getUrl('small') ?>">
<?php
}
?>
<div class="radio-cust-holder">
<input ng-model="model.seat" id="<?php echo $id ?>" type="radio" name="seat"
value="<?php echo $id ?>">
<label for="<?php echo $id ?>"></label>
</div>
</div>
<p class="reservation-seat-price"><?php echo $places[$i]->value ?></p>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<?php
foreach ($baners as $baner) {
if ($baner->value && $baner->preview->hasImage()) {
?>
<div class="col-xs-6 col-sm-3">
<a ng-href="<?php echo $baner->value ?>">
<img class="img-responsive" src="<?php echo $baner->preview->getUrl('medium') ?>">
</a>
</div>
<?php
}
}
?>
</div>
<div ng-show="send" class="alert alert-success">
<p>Rezerwacja została przesłana<p>
</div>
<div ng-hide="send">
<div ng-show="errors.party" class="alert alert-danger">
<p>Proszę wybrać datę lub imprezy:</p>
</div>
<div class="reservation-party-date">
<div class="row">
<div class="col-sm-8 hidden-xs">
<h2 class="reservation-party-date-label pull-left"> Wybierz imprezę lub podaj datę</h2>
<div class="form-group pull-left reservation-select-date" ng-class="{'has-warning': errors.date }">
<bts-input-wrap for="rez-date" name="WYBIERZ DATĘ" errors="errors.date">
<bts-input-text type="date" class="form-control" placeholder="" date-type="string"
bs-datepicker min-date="today"
date-format="yyyy-MM-dd"
model="model.partyDate"></bts-input-text>
</bts-input-wrap>
</div>
</div>
<div class="hidden-xs col-sm-offset-1 col-sm-2">
<button ng-click="submit(model)" class="btn btn-default btn-block">Rezerwuj</button>
</div>
<div class="visible-xs">
<h2 class="reservation-party-date-label pull-left col-xs-12 "> Wybierz imprezę lub podaj datę</h2>
<div class="col-xs-12 form-group pull-left reservation-select-date" ng-class="{'has-warning': errors.date }">
<bts-input-wrap for="rez-date-mobile" name="WYBIERZ DATĘ" errors="errors.date">
<bts-input-text type="date" class="form-control" placeholder="" date-type="string"
bs-datepicker min-date="today"
date-format="yyyy-MM-dd"
trigger ="click"
model="model.partyDate"></bts-input-text>
</bts-input-wrap>
</div>
<div class="col-xs-12">
<button ng-click="submit(model)" class="btn btn-default btn-block reservation-button">Rezerwuj</button>
</div>
</div>
</div>
</div>
</div>
</div>