@extends('layouts.app')

@section('form-title') {{ __('Internal projects') }} @endsection
@section('form-sub-title') {{ __('Click a project to view more information') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('internal-projects.index') }}">{{ __('Internal projects') }}</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('Add internal projects'))
          <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('internal-projects.create') }}"> 
                    {{ __('Add new project') }} 
                  </a>
                </div>
              </div>
            </div>
          </div>
          @endif
          {{-- Add new organisation end --}}
          {{-- <div class="col-sm-7">
            <div class="card">
              <div class="card-header">
                <h5>{{ __('Search organisation') }}</h5>
              </div>
              <div class="card-block">
                <form action="{{ route('projects.search') }}" method="post">
                  @csrf
                  <div class="input-group">
                    <input type="text" name="search" id="search_org" class="form-control" placeholder="{{ __('Search for') }}" value="@if(!empty($search)) {{ $search }} @endif">
                    <button class="btn btn-primary" type="submit" id="btn_search_org">{{ __('Search') }}</button>
                  </div>
                </form>
              </div>
            </div>
          </div> --}}
          {{-- Search end --}}
        </div>
        <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>{{ __('Project') }}</th>
                        <th>{{ __('Deadline') }}</th>
                        <th>{{ __('Owner') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th>{{ __('Created') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($projects as $project)
                        <tr>
                          <td><a class="a-blue" href="{{ route('organisations.show', $project->client->uuid) }}">{{ $project->client->name }}</a></td>
                          <td>
                            <a 
                              class="a-blue" 
                              href="{{ route('internal-projects.show', $project->uuid) }}"
                              data-bs-toggle="tooltip"  
                              data-bs-html="true" 
                              title="{{ strip_tags($project->description) }}"> 
                              {{ $project->title }}
                            </a>
                          </td>
                          <td>{{ $project->deadline }}</td>
                          <td>
                            @if(!empty($project->project_owner))
                            <a class="a-blue" href="{{ route('users.show', $project->projectOwner->uuid) }}" target="__blank"> {{ $project->projectOwner->name }}</a>
                            @endif
                          </td>
                          <td>{{ $project->projectStatus->translated_title }}</td>
                          <td>{{ $project->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">
                {{ $projects->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