  <div class="uk-grid-small " uk-grid>
   <div class="uk-width-1-4 no-print">
       <div class="uk-card uk-card-default uk-card-body uk-padding-small">
	   <div class=" uk-float-left" v-if="!members_fltrs.search.q==''"><a @click="members_fltrs.search.q=''; get_members()" class="uk-icon-link" uk-icon="icon: close"></a></div>
  <div> <strong><?=lang('search')?> : </strong></div>
  
					<input type="text" class="uk-input  uk-form-small" v-model="members_fltrs.search.q"  v-on:keyup.enter="get_members" placeholder="<?=lang('search_word')?>">
				
					
	</div>

	
   
	</div>
    <div class="uk-width-expand@m">
	<div class="uk-inline loading_search_aya" style='display:none;' ><span class="uk-position-top uk-text-center" ><i class=" fa fa-spinner fa-spin fa-lg"></i></span></div>
<h3 class="uk-heading-bullet"><?=lang('members')?> </h3>

	<div class="uk-flex-righ">
	<?=lang('total')?>:  {{search_members.total_rows}} 
	
	</div>
	<pagination :records="parseInt(search_members.total_rows)" v-model="members_fltrs.page" :per-page="100" @paginate="membersPaging">
  </pagination>
	
 <table class="uk-table uk-table-hover uk-table-small uk-table-divider">
        <thead>
            <tr>
                <th  ><?=lang('member_id')?></th>
                <th><?=lang('member_name')?></th>
                 <th><?=lang('total_ist_books')?></th>
                <th><?=lang('books_that_not_returnd')?> </th>
				<th><?=lang('contact_no')?></th>
                <th><?=lang('email_adrs')?></th>
                <th><?=lang('adrs')?></th>
                <th><?=lang('join_date')?></th>

                
<?php if(is_right('ist_add')): ?>
                <th class="no-print"><?=lang('iara')?></th>
 <?php endif; ?>           </tr>
        </thead>
        <tbody>
            <tr v-for="m,index in search_members.rows">
                <td>{{m.id}}</td>
                <td class="uk-table-link uk-visible-toggle"><a  href="#memberModal" uk-toggle="target: #memberModal"  @click="memberInfo(m.id); memberModelUpd(m.id)"class="uk-link-reset">{{m.name}}<i class=" fa fa-ellipsis-h uk-invisible-hover"></i></a></td>
                <td>{{m.total_ist_books}}</td>
                <td><span class="uk-text-danger">{{m.total_not_returnd}}</span></td>
                <td>{{m.contact_no}}</td>
                <td>{{m.email}}</td>
                <td>{{m.adrs}}</td>
                <td>{{m.reg_date}}</td>

<?php if(is_right('ist_add')): ?>
               
                <td class="no-print">
				
                    <a class="uk-button uk-button-small uk-text-center add" style="background-color:#4caf50; color: #fff" href="#/"  @click="cart.member=m"><i  class="fa fa-circle"></i></a>
                </td>
<?php endif; ?>
            </tr>
        </tbody>
    </table>
	


	</div>	
</div>

<div style=" position: fixed;z-index:10;bottom: 0px;margin-right: auto;margin-left: auto;left: 50%;transform: translate(-50%, 0);">
<div class="uk-button-group uk-animation-slide-top" v-if="cart.items.length>=1" >

    <a href="#/book_cart"  class="uk-button-small uk-button uk-button-primary  "  ><i  class="fa fa-list-alt"></i>
 <?=sprintf(lang('iara_selected_books'),'<span  class="uk-label" style="background-color: #e9f3fe; color: #000"> {{cart.items.length}}</span>')?></a><button @click="cartClear()" class="uk-button uk-button-small uk-button-danger " type="button"><i class="fa fa-close"></i></button>
    </div>
</div>