@extends('_layout.layout')

@section('title') Users
@endsection

@section('modals')
@include('_layout.partials.deletemodal')
@endsection

@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="icon-globe"></i>
          <span class="caption-subject bold uppercase"> Users</span>
        </div>
        <div class="actions">
          <a href="{{route('getCreateUser')}}" class="btn btn-circle white"><i class="icon-plus"></i> Create user </a>
        </div>
      </div>
      <div class="portlet-body">
        <div class="table-responsive">
          <table class="table table-striped table-bordered table-hover"><tbody>
            <tr>
              <th>Name</th>
              <th>Role</th>
              <th>Company</th>

              <th>Email</th>
              <th>Phone</th>

              <th>Balance</th>
              <th style="vertical-align:middle; text-align: center;">Active</th>

              <th style="vertical-align:middle; text-align: center; width: 200px;">Actions</th>
            </tr>
            @foreach($users as $user)
            <tr>
              @if ($user->role==\App\PlatformUser::ROLE_PLATFORM_VENDOR)
              <td><a href="{{route('getUserDashboard',$user->id)}}">{{$user->firstname.' '.$user->lastname}}</a></td>
              @else
              <td>{{$user->firstname.' '.$user->lastname}}</a></td>
              @endif
              <td>{{\App\PlatformUser::roleName($user->role)}}</td>
              <td>
              @if ($user->company)
                {{$user->company->name}}
              @else
                N/A
              @endif
              </td>

              <td>{{$user->email}}</td>
              <td>{{$user->phone}}</td>
              
              <td>
              @if ($user->role==\App\PlatformUser::ROLE_PLATFORM_VENDOR)
                {{$user->balance}}$
              @else
                N/A
              @endif
              </td>

              <td style="text-align: center;">
              @if ($user->active==1)
                <span class="label label-success">Active</span>
              @else
                <span class="label label-warning">Disabled</span>
              @endif
              </td>
              <td style="text-align: center;">
                <a href="{{route('getEditUser',$user->id)}}" class="btn btn-outline btn-circle green btn-sm purple"><i class="fa fa-edit"></i> Edit </a>
                {{ Form::open(['route' => ['deleteUser',$user->id],'class' => 'form-inline inline deleteItemForm',
                    'id' => 'deleteItemForm'.$user->id, 'data-item-id' => $user->id, 'data-item-data' => $user->firstname.' '.$user->lastname ]) }}
                  {{Form::hidden('_method','DELETE')}}
                  <button type="submit" class="btn btn-outline btn-circle dark btn-sm black"><i class="fa fa-trash-o"></i> Delete </a>
                {{ Form::close() }}
              </td>
            </tr>
            @endforeach
          </tbody></table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('page-script')
<script>
  $(".deleteItemForm button").on('click', function (e) {
      e.preventDefault();
      $('#deleteModal .modal-title').html('Confirm delete the user:  <strong>'+$(this).parent().data('item-data'))+'</strong>';
      $('#deleteModal .modal-body').html('Are you sure you want to delete the user?');
      $('#deleteModal-confirmButton').data('item-id',$(this).parent().data('item-id'));
      $('#deleteModal').modal('show');
  });

  $('#deleteModal-confirmButton').on('click', function (e) {
    $("#deleteItemForm"+$(this).data('item-id')).submit();
  });

</script>
@endsection