@component('pdf.components.style') @endcomponent
<table width="100%" class="mt-5 table-salesperson">
    <tr>
        <td width="100%" style="text-align: center" class="text-uppercase font-weight-bold card">Signed Special Terms #{{$invoice_no}}</td>
    </tr>
</table>

{{-- {{$data}} --}}
<table class="table mt-5">
    <thead class="header-gray">
        <tr>
            <th class="text-uppercase font-weight-bold">Model Number</th>
            <th class="text-uppercase font-weight-bold">First Name</th>
            <th class="text-uppercase font-weight-bold">Last Name</th>
            <th class="text-uppercase font-weight-bold">Signature</th>
            <th class="text-uppercase font-weight-bold">Signed On</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($data as $item)
            <tr>
                <td>{{ $item['model'] }}</td>
                <td>{{$item['first_name']}}</td>
                <td>{{$item['last_name']}}</td>
                <td><img src="{{$item['signature_url']}}" style="max-width: 50px"></td>
                <td>{{$item['date']}}</td>
            </tr>
        @empty
            <tr>
                <td colspan="5" style="text-align: center" >No Data</td>
            </tr>
        @endforelse
    </tbody>
    {{-- <tfoot>
        
    </tfoot> --}}
</table>