@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="page-title txt-color-blueDark">
      <i class="fa fa-table fa-fw "></i> 
        Table 
      <span>> 
        User
      </span>
    </h1>
  </div>
  <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
      <a class="btn btn-primary pull-right" href="/admin/users/create">
        <i class="fa fa-plus"></i> 
        Add New
      </a>
  </div>
</div>

<!-- widget grid -->
<section id="widget-grid" class="">

  <!-- row -->
  <div class="row">

    <!-- NEW WIDGET START -->
    <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

      <!-- Widget ID (each widget will need unique ID)-->
      <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
        <header>
          <span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>User</h2>

        </header>

        <!-- widget div-->
        <div>
          <!-- end widget edit box -->

          <!-- widget content -->
          <div class="widget-body">
            <div class="table-responsive">
            
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Gender</th>
                    <th>Role</th>
                    <th>Crated At</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($users as $user)        
                    <tr>
                      <td>{{$user->id }}</td>
                      <td>{{$user->name }}</td>
                      <td>{{$user->email }}</td>
                      <td>{{$user->phone }}</td>
                      <td>{{$user->gender }}</td>
                      <td>{{isset($user->role)?$user->role->name:"" }}</td>
                      <td>{{ $user->created_at->format('d/m/Y') }}
                      </td>
                      <td class="action">
                        <a href="/admin/users/{{$user->id}}/edit" class="btn btn-primary"><i class="fa fa-eye"></i></a>
                        <form method="POST" action="/admin/users/{{$user->id}}" style="display:inline">
                         <input name="_method" type="hidden" value="DELETE">
                         {{ csrf_field() }}
                          <button type="submit" class="btn btn-danger" onclick="return confirm('Do you want to delete?')">
                           <i class="fa fa-trash-o" style="color: #FFF;"></i>
                          </button>
                        </form>
                      </td>
                    </tr>
                  @endforeach      
                </tbody>
              </table>
              
            </div>
            <div style="text-align: center">
              {{ $users->links() }}
            </div>
          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->

      </div>
      <!-- end widget -->

      <!-- Widget ID (each widget will need unique ID)-->
      

    </article>
    <!-- WIDGET END -->       

  </div>

  <!-- end row -->

  

  <!-- end row -->

</section>
<!-- end widget grid -->

@endsection