 <!--ko foreach: $root.Customer-->
<div class="bakiyeScreen">
    <div class="col-md-12 col-sm-12 col-xs-12 bakiyeDiv">
        <p class="bakiyeP">Misafir:</p>
        <p class="bakiyeSpan" style="font-size:25px;" data-bind="text:$data.Name()"></p>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 bakiyeDiv">
        <p class="bakiyeP">Oda No:</p>
        <p class="bakiyeSpan" data-bind="text:$data.RoomNo()"></p>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-6 bakiyeDiv">
        <p class="bakiyeP">VIP:</p>
        <p class="bakiyeSpan" data-bind="text:$data.Vip()"></p>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 bakiyeDiv">
        <p class="bakiyeP">CheckIn:</p>
        <p class="bakiyeSpan" data-bind="text:$data.CheckIn()"></p>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 bakiyeDiv">
        <p class="bakiyeP">CheckOut:</p>
        <p class="bakiyeSpan" data-bind="text:$data.CheckOut()"></p>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 bakiyeDiv">
        <p class="bakiyeP">Bakiye:</p>
        <p data-bind="css:$root.BakiyeControl() ? 'bakiyeGreen' : 'bakiyeRed' , text:$data.Bakiye()+' TL'"></p>
    </div>
    <div class="col-md-12 col-sm-12 btn bakiyebutton" data-bind="click: $root.PayFromCart">
        Hesaptan Öde
    </div>
</div>
 <!--/ko-->
