
<div id="memberModal" class="uk-modal-container "  uk-modal="stack: true">
        <div class="uk-modal-dialog uk-modal-body">

            <h3 class="no-print">{{member.name}}</h3>
            <ul uk-tab uk-switcher class="no-print">
                <li><a href="#"><i class="fa fa-user"></i>  <?=lang('member_details')?></a></li>
                <li><a @click="memberModelUpd(member.id); "  > <i class="fa fa-list-alt"></i> <?=lang('member_istiarat')?></a></li>
            </ul>
            <ul class="uk-switcher uk-margin">
                <li>
				<div uk-grid class="uk-grid-larg">
				<div class="uk-width-1-3@m">
	
				<h4 ><?=lang('member_details')?> </h4>
					<ul class="uk-list uk-list-divider">
						<li><?=lang('member_id')?> :<div class="uk-float-left">{{member.id}}</div></li>
						<li> <?=lang('member_name')?> :<div class="uk-float-left">{{member.name}}</div></li>
						<li> <?=lang('contact_no')?>:<div class="uk-float-left">{{member.contact_no}}</div></li>
						<li> <?=lang('email_adrs')?> :<div class="uk-float-left">{{member.email}}</div></li>
						<li><?=lang('adrs')?>  :<div class="uk-float-left">{{member.adrs}}</div></li>
					</ul>
					
				</div>

				<div class="uk-width-1-3@m">
	
				<h4 ><?=lang('other_data')?></h4>
					<ul class="uk-list uk-list-divider">
						<li> <?=lang('total_ist_books')?> :<div class="uk-float-left">{{member_reports.total_books}}</div></li>
						<li> <?=lang('total_ist_times')?> :<div class="uk-float-left">{{member_reports.total_ist}}</div></li>
						<li><?=lang('books_that_not_returnd')?> :<div class="uk-float-left uk-text-danger">{{_.filter(member_istiarat, ['returnd', 0]).length}}</div></li>
					</ul>
					
				</div>
				<div class="uk-width-1-3@m">
	
				<h4><?=lang('crrntly_ist_books')?>: </h4>
					<ul class="uk-list uk-list-divider">
						<li v-for="mid,index in _.filter(member_istiarat, ['returnd', 0])"> - {{mid.title}} <div class="uk-float-left"><span v-if="mid.days_left>0">({{mid.days_left}} <?=lang('day_shortcut')?>) </span>
									<span v-else class="uk-text-danger"><?=lang('must_return')?></span></div></li>
						
					</ul>
					
					<h4><?=lang('books_that_ist_many_times')?></h4>
					<ul class="uk-list uk-list-divider">
						<li v-for="mib,index in member_reports.most_ist_books"> {{mib.title}} : <div class="uk-float-left">{{mib.count}} <?=lang('times')?></div></li>
						
					</ul>
					
					
				</div>
				</div>

				
				
	
				
					
                </li>
                <li>
				 
	<h4><?=lang('member_istiarat')?>: {{member.name}}</h4>

	  <div class="uk-overflow-auto">
                <table class="uk-table uk-table-hover uk-table-middle uk-table-divider">
                    <thead>
            <tr>
                <th>#</th>
                <th><?=lang('ist_id')?></th>
                <th><?=lang('book_title')?></th>

                 <th><?=lang('mueer_amin_maktaba')?></th>
                <th><?=lang('ist_date')?> </th>
               <th><?=lang('days')?></th>
               <th><?=lang('days_left')?></th>
                <th><?=lang('mustarid_amin_maktaba')?></th>
                <th><?=lang('ist_return_date')?></th>
            </tr>
        </thead>
                    <tbody>
                        <tr v-for="bist,index in member_istiarat">
							<td>{{index+1}}</td>
							<td>{{bist.id}}</td>
							<td>{{bist.title}}</td>
							<td>{{bist.user_name}}</td>
							<td>{{bist.date}}</td>
							<td>{{bist.days_limit}}</td>
							<td>
								<span v-if="bist.returnd" class="uk-text-success"><?=lang('returnd')?></span>
								<span v-else >
									<span v-if="bist.days_left>0">{{bist.days_left}}</span>
									<span v-else class="uk-text-danger"><?=lang('must_return')?></span>
								</span>
							</td>
							<td>{{bist.return_user_name }}</td>
							<td>{{bist.return_date }}</td>
                        </tr>

                    </tbody>
                </table>
            </div>

	
			
                </li>
            </ul>

        </div>
    </div>
    