@extends('layouts.app')

@section('form-title') {{ __('New open tasks') }} @endsection
@section('form-sub-title') {{ __('Click a task for more information') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item">{{ __('New open tasks') }} </li> 
@endsection
    
@section('content')

<div class="pcoded-inner-content">
  <div class="main-body">
    <div class="page-wrapper">
      <div class="page-body">
        <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('Projects') }}</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>{{ __('Client') }}</th>
                        <th>{{ __('Task') }}</th>
                        <th>{{ __('Email') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th>{{ __('Created') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($notifications as $notification)
                        <tr>
                          <td>
                            @if(!empty($notification->task->client))
                              <a class="a-blue" href="{{ route('organisations.show', $notification->task->client->uuid) }}">{{ $notification->task->client->name }}</a>
                            @else
                              &nbsp;
                            @endif
                          </td>
                          <td>
                            @if(!empty($notification->task))
                              <a class="a-blue" href="{{ route('tasks.show', $notification->task->uuid) }}">{{ $notification->task->title }}</a>
                            @else
                              &nbsp;
                            @endif
                          </td>
                          <td>
                            @if($notification->sender)
                              <a class="a-blue" href="{{ route('users.show', $notification->sender->uuid) }}">{{ $notification->sender->name }}</a>
                            @else
                              {{ $notification->from }}
                            @endif
                          </td>
                          <td>{{ optional($notification->task)->display_status }}</td>
                          <td>{{ $notification->created_at }}</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">
                {{ $notifications->links() }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

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