@extends('layouts.app')

@section('form-title') {{ __('Organisation') }} - {{ $organisation->name }} @endsection
@section('form-sub-title') {{ __($organisation->type_names) }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('organisations.index') }}">{{ __('Organisations') }}</a> </li>
<li class="breadcrumb-item"><a href="{{ route('organisations.show', $organisation->uuid) }}">{{ $organisation->name }}</a> </li>  
@endsection
    
@section('content')

<div class="pcoded-inner-content">
  <div class="main-body">
    <div class="page-wrapper">
      <div class="page-body">
        <div class="row">
          @if(canViewUpdate('create-project'))
          {{-- <div class="col-sm-5">
            <div class="card mb-4">
              <div class="card-header">
                <h5>{{ __('New project') }}</h5>
              </div>
              <div class="card-block">
                <div class="input-group">
                  <a class="btn btn-primary" href="{{ route('projects.create') }}"> 
                    {{ __('Add new project') }} 
                  </a>
                  <a class="btn btn-primary ms-2" href="{{ route('wizard.index') }}"> 
                    {{ __('Add EndUser + Project + Task') }} 
                  </a>
                </div>
              </div>
            </div>
          </div> --}}
          @endif
        </div>
        <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('Users in the group') }}: {{ __($group->name) }}</h5>
            </div>
            <div class="card-block">
              <div class="row mb-3">
                <div class="table-responsive">
                  <table class="table table-striped data-table">
                    <thead>
                      <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Added') }}</th>
                        <th>{{ __('Role') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($users as $user)
                        <tr>
                          <td><a class="a-blue" href="{{ route('users.show', $user->uuid) }}"> {{ $user->name }}</a></td>
                          <td>{{ $user->added }}</td>
                          <td>{{ $user->displayRole() }}</td>
                        </tr>
                      @empty
                        {{-- <tr>
                          <td colspan="6" class="text-center">
                            {{ __('No result found') }}
                          </td>
                        </tr> --}}
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="row text-center">
                {{ $users->links() }}
              </div>
            </div>
          </div>
        </div>
        {{-- Organisation listing end --}}
      </div>
    </div>
  </div>
</div>
@endsection

@push('child-scripts')
<script>
  $('.data-table').footable({
    "paging": {
      "enabled": false,
    },
    "sorting": {
      "enabled": true
    }
  });
</script>
@endpush