/**
         * List customer notes (public)
         *
         * @access public
         * @return array
         */
        public function display_notes($customer_id = 0)
        {
            ?>
	<script>
	    jQuery('document').ready(function($){
	      var parentBody = window.parent.document.body;
	      $('#customer_notes_popup > .media-modal', parentBody).unblock();
	    });
    </script>
	<style>
	    html{
	      padding-top: 0 !important;
	    }
	    #wpbody-content{
	    	padding: 0 !important;
	    }
		#message,
	    #adminmenuwrap,
	    #screen-meta,
	    #screen-meta-links,
	    #adminmenuback,
	    #wpfooter,
	    #wpadminbar{
	      display: none !important;
	    }
	    #wpcontent{
	      margin: 0 !important;
	      padding: 0 !important;
	    }
	    #wc-crm-page{
	      margin: 1.5em !important;
	    }
		.media-frame-title h1 {
			text-transform: capitalize;
		}
	    #wc-crm-page > h2{display: none;}
    </style>
    <?php 
            global $the_customer;
            $the_customer = new WC_CRM_Customer($customer_id);
            ?>
    <?php 
            if ($customer_id > 0) {
                ?>
	<input type="hidden" id="customer_id" name="customer_id" value="<?php 
                echo $the_customer->customer_id;
                ?>
">			
	<input type="hidden" id="user_id" name="user_id" value="<?php 
                echo $the_customer->user_id;
                ?>
">			
	<input type="hidden" id="order_id" name="order_id" value="<?php 
                echo $the_customer->order_id;
                ?>
">			
	<?php 
            }
            ?>
	<div id="side-sortables" class="meta-box-sortables">
		<div class="postbox " id="woocommerce-customer-notes">
			<div class="inside">
			<ul class="order_notes">
				<?php 
            $notes = $the_customer->get_customer_notes();
            ?>
				<?php 
            if ($notes) {
                foreach ($notes as $note) {
                    ?>
							<li rel="<?php 
                    echo absint($note->comment_ID);
                    ?>
">
								<div class="note_content">
									<?php 
                    echo wpautop(wptexturize(wp_kses_post($note->comment_content)));
                    ?>
								</div>
								<p class="meta">
									<abbr class="exact-date" title="<?php 
                    echo $note->comment_date_gmt;
                    ?>
 GMT"><?php 
                    printf(__('added %s ago', 'wc_crm'), human_time_diff(strtotime($note->comment_date_gmt), current_time('timestamp', 1)));
                    ?>
</abbr>
									<?php 
                    if ($note->comment_author !== __('WooCommerce', 'wc_crm')) {
                        printf(' ' . __('by %s', 'wc_crm'), $note->comment_author);
                    }
                    ?>
									<a href="#" class="delete_customer_note"><?php 
                    _e('Delete note', 'wc_crm');
                    ?>
</a>
								</p>
							</li>
							<?php 
                }
            } else {
                echo '<li>' . __('There are no notes for this customer yet.', 'wc_crm') . '</li>';
            }
            ?>
				</ul>
				<div class="add_note">
					<h4>Add note</h4>
					<p>
						<textarea rows="5" cols="20" class="input-text" id="add_order_note" name="order_note" type="text"></textarea>
					</p>
					<p>
						<a class="add_note_customer button" href="#">Add</a>
					</p>
				</div>
			</div>
		</div>
	</div>
		<?php 
        }