@inject('request', 'Illuminate\Http\Request')
@extends('layouts.iconbar')

@section('title')
Staff
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('custom_styles')
<link rel="stylesheet" href="{{ url('iconbar/assets/examples/css/pages/user.css') }}">
@endsection

@section('body-class')
page-user
@endsection

@section('content')
<div class="page-content">
  <!-- Panel -->
  <div class="panel">
    <div class="panel-body">
      <form class="page-search-form" role="search">
        <div class="input-search input-search-dark">
          <i class="input-search-icon md-search" aria-hidden="true"></i>
          <input type="text" class="form-control" id="inputSearch" name="search" placeholder="Search Users">
          <button type="button" class="input-search-close icon md-close" aria-label="Close"></button>
        </div>
      </form>

      <div class="nav-tabs-horizontal nav-tabs-animate" data-plugin="tabs">
        <div class="dropdown page-user-sortlist">
          <a href="{{ route('admin.staff.create') }}" class="btn btn-info btn-sm">Add Staff</a>
          <!-- Order By: 
          <a class="dropdown-toggle inline-block" data-toggle="dropdown"
          href="#" aria-expanded="false">Last Active</a>
          <div class="dropdown-menu animation-scale-up animation-top-right animation-duration-250"
          role="menu">
          <a class="active dropdown-item" href="javascript:void(0)">Last Active</a>
          <a class="dropdown-item" href="javascript:void(0)">Username</a>
          <a class="dropdown-item" href="javascript:void(0)">Location</a>
          <a class="dropdown-item" href="javascript:void(0)">Register Date</a> -->
        <!-- </div> -->
      </div>

      <ul class="nav nav-tabs nav-tabs-line" role="tablist">
        <li class="nav-item" role="presentation">
          <a class="active nav-link" data-toggle="tab" href="#all_contacts" aria-controls="all_contacts" role="tab">
            All Staff
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane animation-fade active" id="all_contacts" role="tabpanel">
          <ul class="list-group">
            @forelse($users as $staff)
            <li class="list-group-item">
              <div class="media">
                <div class="pr-0 pr-sm-20 align-self-center">
                  <div class="avatar avatar-online">
                    <img src="{{ $staff->avatar }}" alt="...">
                    <i class="avatar avatar-busy"></i>
                  </div>
                </div>
                <div class="media-body align-self-center">
                  <h5 class="mt-0 mb-5">
                    {{ ucfirst($staff->full_name) }}
                    <!-- <small>Last Access: 1 hour ago</small> -->
                  </h5>
                  <p>
                    <i class="icon icon-color md-smartphone" aria-hidden="true"></i>                            
                    {{ $staff->phone ?? '-' }}
                  </p>
                  <div>
                    <a class="text-action" href="mailto:{{ $staff->email }}">
                      <i class="icon icon-color md-email" aria-hidden="true"></i>
                      {{ $staff->email }}
                    </a>
                  </div>
                </div>
                <div class="pl-0 pl-sm-20 mt-15 mt-sm-0 align-self-center">
                  @can('user_edit')
                  <a href="{{ route('admin.staff.edit', $staff->id) }}" class="btn btn-primary btn-sm">Edit</a>
                  @endcan
                  @can('user_delete')
                  {!! Form::open(array(
                    'style' => 'display: inline-block;',
                    'method' => 'DELETE',
                    'onsubmit' => "return confirm('".trans("global.app_are_you_sure")."');",
                    'route' => ['admin.staff.destroy', $staff->id])) !!}
                    {!! Form::button(trans('global.app_delete'), array('class' => 'btn btn-danger btn-sm', 'type' => 'submit')) !!}
                    {!! Form::close() !!}
                    @endcan
                  </div>
                </div>
              </li>
              @empty
              <li>
                No Records Found!
              </li>
              @endforelse
            </ul>
            <nav>
              {!! $users->links() !!}
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Panel -->
</div>

@stop

@section('javascript')
<script>
  @can('user_delete')
  window.route_mass_crud_entries_destroy = '{{ route('admin.users.mass_destroy') }}';
  @endcan

</script>
@endsection