<div class="modal fade" id="notificationModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" style="padding-left: 5px;padding-right: 5px;">
                <!--ko foreach: GroupBy(ko.toJS($root.SignalRNotifications()),"senderName")-->
                <div class="col-xs-12 col-md-12 col-sm-12 inline notHeader">
                    <span class="cartItemName" style="text-transform:uppercase" data-bind="text:'Gönderen : ' +($data.key)"></span>
                </div>
                <!--ko foreach:$data.list-->
                <div class="row" style="margin:5px;">
                    <div class="col-xs-7 col-md-7 col-sm-7 inline nopadding">
                        <span class="cartItemName" style="text-transform:uppercase;" data-bind="text:message"></span>
                    </div>
                    <div class="col-xs-5 col-md-5 col-sm-5 inline nopadding">
                        <button class="btn btn-primary btn-xs" style="padding:5px; margin:0px;" data-bind="click:function(){ $root.ChangeNotificationStatu('2',$data) }">Gördüm</button>
                        <button class="btn btn-primary btn-xs" style="padding:5px; margin:0px;" data-bind="click:function(){ $root.ChangeNotificationStatu('3',$data) }">Tamamladım</button>
                    </div>
                </div>
                <!--/ko-->
                <!--/ko-->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm" data-bind="click:function(){$('#notificationModal').modal('hide')}">Kapat</button>
            </div>
        </div>

    </div>
</div>
<div class="modal fade" id="NotificationPopup" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-body" style="padding-top: 20px; padding-bottom:0px;margin:0px; ">
                <h4 class="modal-title" id="NotificationSender" style="display:none"></h4>
                <hr />
                <div id="NotificationMessage"></div>
                <hr />
                <h4 class="modal-title" id="NotificationGarsonId" style="display:none"></h4>
            </div>
            <div class="modal-footer" style="padding-top:0px">
                <button type="button" class="btn btn-primary btn-sm" data-bind="click:$root.SetStateNow" data-dismiss="modal">Gördüm</button>
                <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">Kapat</button>
            </div>
        </div>
    </div>
</div>