@extends('layouts.app')

@section('title')
    All User
@endsection

@section('description')
    All User is here.
@endsection

@section('breadcrumb')
    <li class="active"><a href="/users">All User</a></li>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="box">
            <div class="box-header">

              <div class="box-title">
                <div class="input-group input-group-sm" style="width: 250px;">
                  <input type="text" name="table_search" class="form-control pull-right" placeholder="Search">

                  <div class="input-group-btn">
                    <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                  </div>
                </div>
              </div>

              <div class="box-tools">
                  {{ $users->links() }}
              </div>

            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
              @if (session('message'))
                  <div class="alert alert-{{session('status')}} ">
                      {{ session('message') }}
                  </div>
              @endif
              
              <table class="table table-hover">
                <tr>
                  <th>#</th>
                  <th>User Name</th>
                  <th>User Email</th>
                  <th>User Phone</th>
                  <th>Avatar</th>
                  <th>Action</th>
                </tr>
                @forelse ($users as $index => $user)
                    <tr>
                    <td>{{ $index+1 }}</td>
                    <td>
                      <a href="{{ $user->path() }}">
                        <img src="">
                      {{ $user->name }}
                      </a>
                    </td>
                    <td><a href="{{ $user->path() }}">{{ $user->email }}</a></td>
                    <td><a href="{{ $user->path() }}">{{ $user->phone_number }}</a></td>
                    <td><a href="{{ $user->path() }}"> <img style="width: 100px; height: 100px;" src=" {{ asset( '/storage/' . $user->avatar ) }} ">  </a></td>

                      @if(Auth::user()->role=='admin')
                       <td> 
                         <a class="btn btn-primary" href="/users/{{$user->id}}/edit/ "> Edit </a>

                          <form style="display: inline;" method="POST" action="/users/{{$user->id}}" > 
                            {{method_field('DELETE')}}
                            <button class="btn btn-danger" type="submit"> Delete </button> 
                          </form>
                      </td>        
                      @endif


                    </tr>                   
                @empty
                    <tr><td>No data.</td></tr>                
                @endforelse
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
    </div>
</div>
@endsection