@if($articles->isNotEmpty())
<div class="row">
    <div class="col-sm-12">
        <button type="button" class="btn mb-3 ms-2 btn-location-to-appowner" style="background-color: #0DB253; color:#FFF;">{{ __('button change location to appwoner', ['appowner' => ucfirst(applicationOwner()->name)]) }}</button>
    </div>
</div>
@endif
<div class="row m-0">
    <div class="table-responsive">
        <table class="table table-striped data-table project-tasks-table">
            <thead>
                <tr>
                    <th>{{ __('Article') }}</th>
                    <th>{{ __('Transport') }}</th>
                    <th>{{ __('Location') }}</th>
                    <th data-sortable="false">{{ __('Article tast status') }}</th>
                    <th>{{ __('Client') }}</th>
                    <th>{{ __('Task deadline') }}</th>
                    <th>{{ __('Project deadline') }}</th>
                    <th>{{ __('Project') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($articles as $article)
                    <tr>
                        <td>
                            <span style="color: {{ articleColor($article->location, $article->article_status) }}">{!! $article->transport_icon !!}</span> 
                            <div class="checkbox-zoom zoom-primary ms-3">
                                <label class="form-label">
                                    <input type="checkbox" class="single-selection" name="articles[]" value="{{ $article->id }}">
                                    <span class="cr">
                                        <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                    </span>
                                    <span><a href="{{ route('tasks.show', $article->uuid) }}" class="a-blue" target="__blank">{{ $article->title }}</a></span>
                                </label>
                            </div>
                        </td>
                        <td>{!! $article->transport_display !!}</td>
                        <td>{!! $article->location_display !!}</td>
                        <td>{{ $article->display_article_status }}</td>
                        <td>
                            @if($article->client)
                            <a href="{{ route('organisations.show', $article->client->uuid) }}" class="a-blue" target="__blank">{{ $article->client->name }}</a>
                            @endif
                        </td>
                        <td>{{ $article->display_deadline }}</td>
                        <td>{{ $article->project->deadline }}</td>
                        <td>
                            @if($article->project)
                            <a 
                                href="{{ route('projects.show', $article->project->uuid) }}" 
                                class="a-blue" target="__blank"
                                data-bs-toggle="tooltip"  
                                data-bs-html="true" 
                                title="{{ strip_tags($article->project->description) }}">
                                {{ $article->project->title }}
                            </a>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@if($articles->isNotEmpty())
<div class="row mb-3">
    <div class="col-sm-12">
        <button type="button" class="btn mt-3 ms-2 btn-location-to-appowner" style="background-color: #0DB253; color:#FFF;">{{ __('button change location to appwoner', ['appowner' => ucfirst(applicationOwner()->name)]) }}</button>
    </div>
</div>
@endif
<div class="row text-center">
    {{ $articles->links() }}
</div>