<style>
    .identityInfo { font-size: 15px; font-weight: bold; padding: 15px; color: #555; }
    .btn-default{letter-spacing:2px !important; font-weight:bold !important;}
    .padding-right-left-10 { padding-right: 10px; padding-left: 10px; }
</style>
<div class="panel-group" id="CustomerInfoAccordion">
    <div class="panel panel-default">
        <div class="panel-heading groupTitle collapsed" data-toggle="collapse" data-parent="CustomerInfoAccordion" aria-expanded="true" href="#customerAccourdion">
            <h4 class="panel-title adisyonTitle">Adisyonu Odaya Gönder</h4>
        </div>
        <div class="panel-collapse collapse" id="customerAccourdion">
            <div class="panel-body">
                <div  data-bind="visible:$root.AppConfig().UseCart == '1'" class="col-xs-12 col-sm-12 col-md-12">
                    <div>Kart No(Önceden okuttuğunuz barkot değeri)</div>
                    <input type="text" class="form-control defaultTextbox" data-bind="value:$root.Customer().CartNo" />
                </div>
                <div  data-bind="visible:$root.AppConfig().UseCart == '0'" class="col-xs-12 col-sm-12 col-md-12">
                    <div>Oda Numarası</div>
                    <input type="text" class="form-control defaultTextbox" data-bind="value:$root.Customer().RoomNo" />
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <button type="button" class="btn btn-block btn-default" data-bind="click:function(){ $root.FindCustomer()}">Sorgula</button>
                </div>
                @*<div class="col-xs-12 col-sm-12 col-md-12">
                    <button type="button" class="btn btn-block btn-default" data-bind="click:function(){ $root.addToRoomAccount()}">Oda Hesabına Ekle</button>
                </div>*@
                <hr />
                @*<!--ko foreach:$root.CustomerData-->
                <div class="col-xs-12 col-sm-12 col-md-12" style="padding: 0px;margin: 0px;">
                    <div class="productLine" data-bind="click:function(){$data.selected(!$data.selected())}">
                        <div class="row" style="padding-top: 10px;padding-bottom: 10px;">
                            <div class="col-xs-1 col-sm-1 col-md-1 selectableDiv">
                                <img height="10" data-bind="attr:{'src': $data.selected() ? icons.arrowDown : icons.ArrowRight }" />
                            </div>
                            <div class="col-xs-8 col-md-7 col-sm-7 inline p0" data-bind="text: 'Misafir: '+$data.Misafir"></div>
                            <div class="col-xs-3 col-md-2 col-sm-2" data-bind="text:'Bakiye: '+$data.Bakiye"></div>
                        </div>
                    </div>
                </div>
                <!--ko if:$data.selected()-->
                <div class="col-xs-12 col-sm-12 col-md-12" style="padding:0px" data-bind="click:function(e,ev) { ev.stopPropagation();}">
                    <div class="col-xs-1 col-md-1 col-sm-1" data-bind="text:'No: ' +$data.KNO"></div>
                    <div class="col-xs-3 col-md-3 col-sm-3 padding-right-left-10" data-bind="text:'Oda No: '+ $data.OdaNo"></div>
                    <div class="col-xs-3 col-md-3 col-sm-3 padding-right-left-10" data-bind="text:'Giriş: '+$data.CheckIn"></div>
                    <div class="col-xs-3 col-md-3 col-sm-3 padding-right-left-10" data-bind="text:'Çıkış: '+$data.CheckOut"></div>
                    <div class="col-xs-1 col-md-1 col-sm-1 padding-right-left-10" data-bind="text:'Vip: '+$data.Vip"></div>
                    <div class="col-xs-12 col-md-12 col-sm-12">
                        <button style="margin: 3px;" type="button" class="btn btn-block btn-default" data-bind="click:$root.AdisyonuOdayaGonder">Odaya Gönder</button>
                    </div>
                </div>
                <!--/ko-->
                <!--/ko-->*@
            </div>
        </div>
    </div>
</div>
