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

            <h3 class="no-print">{{book.title}}</h3>
             <ul uk-tab uk-switcher class="no-print">
                <li><a href="#"><i class="fa fa-book"></i> <?=lang('book_details')?></a></li>
				<?php if (is_right_starts('ist')): ?>
                <li><a href="#" > <i class="fa fa-list-alt"></i> <?=lang('ist_details')?></a></li>
				<?php endif; ?>
            </ul>
            <ul class="uk-switcher uk-margin">
                <li>
				<div class="uk-width-1-2@m">
	
	<h4 > <?=lang('book_details')?></h4>
		<ul class="uk-list uk-list-divider">
			<li>  <?=lang('book_title')?> :<div class="uk-float-left">{{book.title}}</div></li>
			<li> <?=lang('book_details')?> :<div class="uk-float-left">{{book.des}}</div></li>
			<li>  <?=lang('muallif_or_musannif')?>  :<div class="uk-float-left">{{book.muallif_name}}</div></li>
			<li> <?=lang('muhaqqiq_or_mutarjim')?>  :<div class="uk-float-left">{{book.muhaqqiq_name}}</div></li>
			<li><?=lang('publisher')?>  :<div class="uk-float-left">{{book.nashir_name}}</div></li>
			<li> <?=lang('cat')?>  :<div class="uk-float-left">{{book.qism_name}}</div></li>
			<li><?=lang('mujallad_no')?>  :<div class="uk-float-left">{{book.mujalladat}}</div></li>
			<li><?=lang('taba_no')?> :<div class="uk-float-left">{{book.taba_no}}</div></li>
			<li><?=lang('sana_taba')?>  :<div class="uk-float-left">{{book.sana_taba}}</div></li>
			<li><?=lang('lang')?>  :<div class="uk-float-left">{{book.lang}}</div></li>
			
			
		</ul>
					
					</div>

				
				
	
				
					
                </li>
 <?php if (is_right_starts('ist')): ?>
<li>
				 
	<h4><?=lang('book_istiarat')?>: {{book.title}}</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('mustair')?> </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 book_istiarat">
							<td>{{index+1}}</td>
							<td>{{bist.id}}</td>
							<td class="uk-table-link uk-visible-toggle"><a  href="#memberModal" uk-toggle="target: #memberModal"  @click="memberInfo(bist.member_id); memberModelUpd(bist.member_id)"class="uk-link-reset">{{bist.member_name}}</a></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>
				<?php endif; ?>
            </ul>

        </div>
    </div>
    