@extends('app')
@section('title')Contacts @stop
@section('content')

      <div class="row">
        <div class="col-md-12">
          <h2 class="page-title">Contacts</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;
                    Contacts ( {{ count($contacts) }} )</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" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">User Name</th>
									<th class="sorting_asc" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" aria-sort="ascending">Phone</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">Notes</th>
                                    <th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1">Created date</th>
									<th class="no-sort" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 100px; text-align: center;" aria-label="">Actions</th>
                                  </tr>
                                </thead>
								 @if(count($contacts) > 10)
                                <tfoot>
                                  <tr>
								    <th rowspan="1" colspan="1">Email</th>
									<th rowspan="1" colspan="1">User Name</th>
                                    <th rowspan="1" colspan="1">Phone</th>         
                                    <th rowspan="1" colspan="1">Notes</th>
                                    <th rowspan="1" colspan="1">Created date</th> 
									<th rowspan="1" colspan="1" style= "text-align: center;">Actions</th>  
								  </tr>
                                </tfoot>
								@endif
                                <tbody>
																 @foreach($contacts as $contact)
								                                   <tr role="row" class="{{ $cnt % 2 == 0 ? 'even' : 'odd'}}">
                                    <td class="sorting_1"> {{ $contact->user_email }} </td>
									<td class="sorting_1"> {{ $contact->user_name }} </td>
                                    <td> {{ $contact->user_phone }}</td>
                                    <td>{{ $contact->desc }}</td>
									<td>{{ $contact->created_at }}</td>
									<td style= "text-align: center;">                                 
									@if($contact->read == 1)
										 <a title="Mark as Unread" href="{{ url('admin/unreadUserContact/'.$contact->id) }}"><i class="fa fa-envelope-open"></i>
									@else
							<a  title="Mark as Read" href="{{ url('admin/readUserContact/'.$contact->id) }}">
										<i class="fa fa-envelope"></i>
									@endif
									</a>&nbsp;&nbsp;
                                    <a class="btn-danger" title="Delete" href="{{ url('admin/deleteUserContact/'.$contact->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>
      </div>
  
@endsection