@extends('app')
@section('title') Registered Users @stop
@section('content')

      <div class="row">
        <div class="col-md-12">
          <h2 class="page-title">registered users</h2>
          
          <!-- Zero Configuration Table -->
          <div class="panel">
            <div class="panel-body">
              <div class="">
                <ul class="nav nav-tabs ul-edit responsive">
                  <li class="active"><a data-toggle="tab" href="#tab-activity"><i class="fa fa-wpforms"></i>&nbsp;
                    Users ( {{ count($data['users']) }} )</a></li>                  
                </ul>
                <div class="tab-content" id="generalTabContent">
                  <div class="tab-pane fade active in" id="tab-activity">
                    <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="table-responsive">
                          <form role="form" class="form-horizontal">                                                         
                             <table width="100%" cellspacing="0" class="table table-striped table-bordered dataTable" id="datatables-1" role="grid" aria-describedby="datatables-1_info" >
                                <thead>
                                  <tr role="row">
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">Email</th>
									<th class="sorting_asc" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" aria-sort="ascending">Name</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">Country</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">DOB</th>
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">Favourite Places</th>
									 <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style=" text-align: center;">Actions</th>
									 
                                  </tr>
                                </thead>
								 @if(count($data['users']) > 10)
                                <tfoot>
                                  <tr>
								    <th rowspan="1" colspan="1">Email</th>
                                    <th rowspan="1" colspan="1">Name</th>         
                                    <th rowspan="1" colspan="1">Country</th>
                                    <th rowspan="1" colspan="1">DOB</th>   
									<th rowspan="1" colspan="1">Favourite Places</th>
									<th rowspan="1" colspan="1">
									Actions
									</th>
								  </tr>
                                </tfoot>
								@endif
                                <tbody>
																 @foreach($data['users'] as $user)
								                                   <tr role="row" class="{{ $cnt % 2 == 0 ? 'even' : 'odd'}}">
                                    <td> {{ $user->email }} </td>
									<td class="sorting_1">{{ $user->fullname }}</td>
                                    <td> {{ $user->country_name }}</td>
                                    <td>
                                    @if(empty($user->dob))
                                    &nbsp;
                                    @else
                                    <span class="hidden">{{ date('Y/m/d',strtotime($user->dob)) }}</span>{{ date('d-m-Y',strtotime($user->dob)) }}
									@endif
                                    </td>
									<td>
										@if(count($user->favourites) == 0 )
											NIL
										@else									
											<select class="form-control" style="width:150px;">	    
												@foreach($user->favourites as $favourite)
													<option>{{ $favourite->name }}</option>	
												@endforeach									
											</select>
										@endif
										
									</td>
									<td class="user-options" style= "text-align: center;"> 
                                    <a class="btn-danger" data-target="#popup-delete" data-toggle="modal" title="Delete" data-id="{{$user->id}}" ><i class="fa fa-trash-o"></i></a>								    
                                    </td>
								   </tr>   
								@endforeach
                                </tbody>
                              </table>                              
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
     
@endsection