@extends('layouts.pdf')

@section('content')
    <img src="{{ resource_path('img/logo-v3.png') }}" style="height: 50px;margin-bottom: 20px">

    <h3>{{ $title }}</h3>

    @foreach(collect($documents)->groupBy('category') as $category => $docs)
    <div>
        <h4>{{ $category }}</h4>
        <table class="invoice-info-container table-flex" style="margin-top: 20px">
            <thead>
                <td>
                    <b>Document</b>
                </td>
                <td>
                    Obligatoire
                </td>
                <td>
                    Statut
                </td>
            </thead>
            <tbody>
                @foreach($docs->sortBy('order') as $i => $document)
                <tr>
                    <td>
                        &bull; {{ $document['name'] }}
                    </td>
                    <td>
                        {{ $document['required'] ? 'Oui' : 'Non' }}
                    </td>
                    <td>
                        <span style="color: {{ $document['selected'] ? '#1ee0ac' : '#e85347' }}">
                            {{ $document['selected'] ? 'Validé' : 'Manquant' }}
                        </span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div style="border: 1px solid #cecece; margin-top: 20px;"></div>
    </div>
    @endforeach
@endsection