<style>
    .table-hover tbody tr:hover td,
    .table-hover tbody tr td:hover {
        background: #FFD493;

    }
</style>
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Restaurants</h1>
      @{if repository.type == 'admin'}
<!--        <div class="pull-right" style="margin-top:45px;font-size: 18px;">
            <a href="/restaurants/edit/new"><i class="fa fa-plus"></i> New Restaurant</a>-->
			<a href="/restaurants/edit/new" style="width:150px" class="btn btn-default"><i class="fa fa-plus" aria-hidden="true"></i> New restaurant</a>
 <!--       </div>-->
      @{fi}
<!--	  <p><font color="blue"><i class="fa fa-info-circle" aria-hidden="true"></i> Select restaurant to edit</font></p>-->
        <table class="table table-borders table-striped table-hover">
            <thead>
                <tr>
					<th style="width:100px">&nbsp;</th>
                    <th>Active</th>										
                    <th>Name</th>
                    <th>City</th>
					@{if repository.type == 'admin'}
					   <th>Subscription</th>
					   <th>Menu</th> 
					   <th>Credits</th>					   
                    @{fi} 					
					@{if repository.type == 'admin' || user.hasStatistics}
					   <th>Apple</th>	
					   <th>Android</th>	
                    @{fi}                                        
                    <th>Country</th>
<!--                    <th style='max-width: 75px; max-height: 75px;'>Image</th>-->
                </tr>
            </thead>
            <tbody>
                @{foreach item in model.list}
                <tr @{if item.Inactive} style="color:silver" @{fi} title="Click to edit" onclick="document.location.href='/restaurants/edit/@{item.key}'">				  
                  <td class="text-center" style="width:70px; vertical-align: middle">
                    <a href="/menus/@{item.key}/@{item.Menu}" title="Edit Menu"><font size="3" color="#FF9900"><i class="fa fa-cutlery fa-fw"></i></font></a>
                    <!--
                    &nbsp;
                    <a href="/sharesHistory/@{item.key}" title="View Shares"><font size="3" color="#FF9900"><i class="fa fa-share-alt fa-fw"></i></font></a>
                            &nbsp;
                            <a href="/restaurants/edit/@{item.key}" title="Edit Restaurant"><i class="fa fa-edit"></i></a>
                            &nbsp;
                            @{if repository.type == 'admin'}
                            <a href="javascript:void(0)" title="Delete Restaurant" onclick="if(confirm('Are you sure?')){document.location.href='/restaurants/delete/@{item.key}'}">
                                <i class="fa fa-trash"></i>
                            </a>
                            @{fi}
                        </td>
    -->
                    <td style="vertical-align: middle">@{if !item.Inactive} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>					
					<td style="vertical-align: middle">@{item.Name}</td>
                    <td style="vertical-align: middle">@{item.City}</td>
					@{if repository.type == 'admin'}
					  <td style="vertical-align: middle">@{item.Subscription} @{if item.SubscriptionDate && item.SubscriptionDate != ''}(@{item.SubscriptionDate})@{fi}</td>
                      <td style="vertical-align: middle">@{if item.hasActiveDishes} <i class="fa fa-check" aria-hidden="true"></i> @{fi}</td>
					  <td style="vertical-align: middle">@{item.Credits}</td>
					@{fi}   					                    
					@{if repository.type == 'admin' || user.hasStatistics}
					  <td style="vertical-align: middle">@{item['Number of times shown iOS']}</td>
					  <td style="vertical-align: middle">@{item['Number of times shown android']}</td>
					@{fi}                    

                    <td style="vertical-align: middle">@{item.Country}</td>
<!--                    <td style="vertical-align: middle" ><img src="@{item.thumbnail}" style='max-width: 75px; max-height: 75px;' /></td>-->

                </tr>
                @{end}
            </tbody>
        </table>
    </div>
</div>