<?php
defined('BASEPATH') OR exit('No direct script access allowed');

?>
<style>


.checkout-page__hotel-information-table--price {
    margin-left: -20px;
    margin-right: -20px
}

.checkout-page__hotel-information-table table {
    width: 100%;
    color: #33495f;
    font-size: 16px
}

.checkout-page__hotel-information-table td {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: middle
}

.checkout-page__hotel-information-table--price td {
    padding-left: 20px;
    padding-right: 20px
}

.checkout-page__hotel-information-table--price td:first-of-type {
    padding-right: 0
}

.checkout-page__hotel-information-table--price .checkout-page__hotel-table-title {
    padding-left: 20px;
    padding-right: 20px
}

.checkout-page__hotel-information-table td:nth-child(2) {
    color: #505050;
    text-align: right
}

.checkout-page__hotel-information-table--green td {
    color: #89bf39!important
}

.checkout-page__hotel-information-table--blue td {
    color: #227eba!important
}

.checkout-page__hotel-information-table--darkyellow td {
    color: #33495f!important;
    background-color: #f2c500;
    font-weight: 400!important
}

.checkout-page__hotel-information-table--darkyellow td:nth-child(2) {
    font-size: 24px
}

.checkout-page__hotel-information-table--lightyellow td {
    color: #33495f!important;
    background-color: #fef4cd
}

.checkout-page__hotel-information-table--lightyellow td em {
    color: #33495f!important
}

.checkout-page__hotel-information-table td .radiobox {
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    position: relative;
    margin-top: -3px;
    margin-right: 7px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.checkout-page__hotel-information-table td.active .radiobox:before {
    content: " ";
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #33495f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.checkout-page__hotel-information-table tr.alternative-price {
    cursor: pointer
}

.checkout-page__hotel-information-table tr.alternative-price td.green-text {
    color: #89bf39;
    font-weight: 700
}

.checkout-page__hotel-information-table tr.alternative-price td em {
    display: inline-block;
    height: 15px;
    padding: 5px 2px;
    font-size: 12px
}

.checkout-page__hotel-information-table--info {
    color: #227eba;
    padding: 10px 10px 20px 0
}

.checkout-page__hotel-information-table .checkout-page-save__desc {
    font-size: 12px;
    line-height: 14px;
    color: #747477;
    width: 100%;
    position: absolute;
    display: block;
    margin-top: 20px;
    font-weight: 400
}

.checkout-page__sidebar-notification {
    position: relative;
    padding: 20px 20px 20px 80px;
    margin-bottom: 30px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 18px;
    background-color: #f3f8fb;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.checkout-page__sidebar-notification strong {
    display: block;
    color: #33495f;
    font-size: 16px;
    line-height: 20px
}

.checkout-page__sidebar-notification .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: 20px;
    margin-top: -10px;
    color: #227eba;
    font-size: 42px
}

.checkout-page__sidebar-notification .icon:before {
    content: "\F195"
}

.checkout-page__promotion-toggle {
    cursor: pointer;
    height: 50px;
    color: #33495f;
    font-size: 14px;
    line-height: 45px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(34, 126, 186, .24)
}

.checkout-page__promotion-toggle em {
    position: relative;
    left: -3px;
    bottom: -2px;
    vertical-align: middle;
    font-size: 22px
}

.checkout-page__promotion-content {
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px
}

.checkout-page__promotion-content .checkout-page__field {
    margin: 0;
    padding-right: 90px;
    float: none;
    max-width: 100%
}

.checkout-page__promotion-content button {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 10px;
    width: 75px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    background-color: #227eba;
    border: 1px solid #227eba;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.checkout-page__promotion-content button:hover {
    color: #227eba;
    background-color: #fff
}

.checkout-page__promotion-content .checkout-page__label--error .status-icon {
    left: auto;
    right: 10px;
    margin-top: 18px
}

.checkout-page__trustpilot-title {
    position: relative;
    padding: 15px;
    font-size: 16px;
    background-color: #ebf1e3;
    border-bottom: 2px solid #81aa4e
}

.checkout-page__trustpilot-title strong {
    color: #505050;
    font-weight: 400
}

.checkout-page__trustpilot-score {
    height: 20px;
    margin-top: 10px;
    color: #73b143;
    font-weight: 700
}

.checkout-page__trustpilot-title .trustpilot-logo {
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    background-color: #f9a21e
}

.checkout-page__trustpilot-title .trustpilot-logo em {
    vertical-align: middle;
    margin-right: 5px
}

.checkout-page__trustpilot-score em {
    vertical-align: middle;
    margin-left: 2px
}

.checkout-page__trustpilot-score span {
    display: inline-block;
    margin-right: 5px
}

.checkout-page__trustpilot-score em.gray {
    color: #c8c8c8
}

.checkout-page__trustpilot-content-container {
    position: relative
}

.checkout-page__trustpilot-content-container .slider-control {
    cursor: pointer;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 18px;
    color: #505050;
    font-size: 50px
}

.checkout-page__trustpilot-content-container .slider-control.slider-right {
    left: auto;
    right: 0
}

.checkout-page__trustpilot-content {
    padding: 20px 50px;
    color: #505050;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.checkout-page__trustpilot-content button {
    display: none!important
}

.checkout-page__trustpilot-name {
    padding-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700
}

.checkout-page__trustpilot-name span {
    display: inline-block;
    margin-right: 5px
}

.checkout-page__trustpilot-name em {
    display: inline-block;
    height: 10px;
    color: #48744f;
    font-size: 16px;
    margin-left: 2px;
    vertical-align: middle
}

.checkout-page__trustpilot-name em.gray {
    color: #c8c8c8
}

.checkout-page__trustpilot-name p {
    color: #a9a9a9;
    font-size: 13px;
    font-weight: 300;
    margin-top: 5px
}

.checkout-page__trustpilot-content strong {
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    font-weight: 700
}

.checkout-page__trustpilot-content p {
    font-size: 14px;
    line-height: 18px
}

.checkbox-recommended-badge {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    color: #fff;
    background-color: #89bf39;
    border-radius: 3px;
    padding: 5px;
    margin-top: -5px;
    margin-left: 30px
}

.checkbox-recommended-badge:before {
    position: absolute;
    right: 100%;
    top: 50%;
    content: "\E028";
    display: block;
    width: 0;
    height: 0;
    margin-top: -8px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #89bf39
}

.checkout-page__section-content--blue {
    color: #fff;
    background-color: #227eba
}

.checkout-page__section-content p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px
}

.checkout-page__section-content .checkout-page__section-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400
}

.checkout-page__back-button {
    display: block;
    position: absolute;
    margin-top: -35px;
    color: #505050
}

.checkout-page__back-button em {
    position: relative;
    top: 2px;
    padding-right: 10px;
    font-size: 15px
}

.checkout-page__tooltip-toggle {
    position: relative;
    cursor: pointer;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: transparent
}

.checkout-page__tooltip-toggle em {
    display: inline-block;
    color: #227eba;
    margin-left: 5px;
    vertical-align: middle
}

.checkout-page__tooltip-toggle img {
    margin-right: 15px
}

.checkout-page__tooltip-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-left: -115px;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 16px;
    z-index: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-box-shadow: 0 0 15 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15 rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15 rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15 rgba(0, 0, 0, .4);
    box-shadow: 0 0 15 rgba(0, 0, 0, .4)
}

.checkout-page__tooltip-toggle:hover .checkout-page__tooltip-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.checkout-page__tooltip-content>div {
    position: relative;
    width: 250px;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #33495f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.checkout-page__tooltip-content>.checkout-page__tooltip--card-fee-info {
    text-align: left;
    height: 135px;
    padding: 10px;
    margin-top: -55px
}

.checkout-page__tooltip-content>div:before {
    position: absolute;
    left: 50%;
    top: 100%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 10px solid transparent;
    border-top-color: #33495f
}

.checkout-page__tooltip-content p {
    min-height: 0;
    color: #fff;
    font-size: 12px;
    margin-top: 5px
}

.checkout-page__tooltip-content strong {
    font-size: 15px;
    display: block
}

.checkout-page__tooltip-toggle:hover .roomer-tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.checkout-page__card-view {
    position: relative;
    margin-bottom: 30px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.checkout-page__card-view,
.checkout-page__card-view__back,
.checkout-page__card-view__front {
    width: 300px;
    min-height: 175px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.checkout-page__card-view__back,
.checkout-page__card-view__front {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    color: #33495f;
    font-size: 20px;
    font-weight: 300;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: linear-gradient(top, #bbcdd9, #bacbd5);
    background-image: -webkit-linear-gradient(top, #bbcdd9, #bacbd5);
    background-image: -ms-linear-gradient(top, #bbcdd9, #bacbd5)
}

.checkout-page__card-view__front {
    -webkit-transform: perspective(300px) rotateY(0);
    -moz-transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -o-transform: perspective(300px) rotateY(0);
    transform: perspective(300px) rotateY(0)
}

.checkout-page__card-view__back {
    -webkit-transform: perspective(300px) rotateY(-180deg);
    -moz-transform: perspective(300px) rotateY(-180deg);
    -ms-transform: perspective(300px) rotateY(-180deg);
    -o-transform: perspective(300px) rotateY(-180deg);
    transform: perspective(300px) rotateY(-180deg)
}

.checkout-page__card-view--active .checkout-page__card-view__front {
    -webkit-transform: perspective(300px) rotateY(-179.9deg);
    -moz-transform: perspective(300px) rotateY(-179.9deg);
    transform: perspective(300px) rotateY(180deg)
}

.checkout-page__card-view--active .checkout-page__card-view__back {
    -webkit-transform: perspective(300px) rotateY(0);
    -moz-transform: perspective(300px) rotateY(0);
    -ms-transform: perspective(300px) rotateY(0);
    -o-transform: perspective(300px) rotateY(0);
    transform: perspective(300px) rotateY(0)
}
</style>
<?php 

//print_r($package_details);
foreach ($package_details AS $package_details){
?>
<div class="panel panel-success">
<div class="panel-heading" style="background-color: #e31d1a;color: #fff;font-weight: bold;"><?=Genel::dil_ceviri("booking_page_reservation_details")?></div>
<div class="panel-body">
<div class="img-responsive"><img src="<?=genel::sistem_ayarlari(23)?><?=$grup_detay->logo?>"></div>

<div class="" style="margin-top: 20px;margin-bottom: 5px;color: #33495f;font-size: 18px;font-weight: 700;line-height: 22px;"><?=$package_details->package_name?></div>





<div>
<table class="table" style="width: 100%;color: #33495f;font-size: 16px;">
	<tbody>
	<!--	<tr>
			<td><?=Genel::dil_ceviri("booking_page_checkin_date")?></td> <td><?=date("d/m/Y",strtotime($package_details->checkin_date));?></td>
		</tr>
		<tr>
			<td><?=Genel::dil_ceviri("booking_page_checkout_date")?></td><td><?=date('d/m/Y',strtotime($package_details->checkout_date))?></td>
		</tr>
		-->
<?php 

$total_amount=$package_details->total_sales;

$currency=$package_details->currency;
?>	

	<!--	<tr>
			<td><?=Genel::dil_ceviri("booking_page_adult")?></td><td><?=$package_details->room_type?></td>
		</tr>
		<tr>
			<td><?=Genel::dil_ceviri("booking_page_child")?></td><td><?=$package_details->total_sales?> <i class="fa fa-<?=strtolower($package_details->currency)?>"></i></td>
		</tr>
-->
	</tbody></table>
</div>







</div>

<div class="panel-footer" style="color: #33495f !important;background-color: #f2c500;font-weight: 400 !important;">

<div class="col-md-6">
Ödenecek Tutar / Payment Total
</div>

<div class="col-md-6" style="font-size: 22px;font-weight: bold; text-align: right !important">
<?=number_format($total_amount,2,",",".")?> <i class="fa fa-<?=strtolower($currency)?>"></i>
</div>

<div class="clearfix"></div>

    </div>
</div>	




<?php }?>







