@extends('pdf.reports.layouts.pdf')
@section('style')
    <style>
        table thead tr th,
        table tbody tr td {
            padding: 5px;
        }

        table thead tr{
            background: #cccccc;
        }

        table thead tr th:not(:last-child) {
            border-right: 1px solid #fff;
        }
    </style>
@endsection
@section('content')
    @if (!blank($orders))
        @foreach ($orders as $order)
            <table>
                <thead>
                    <tr>
                        <th width="10%" style="background: transparent;"></th>
                        <th width="20%" style="color: #fff; background: #000;">Homeowner</th>
                        <th width="20%" style="color: #fff; background: #000;">Phone</th>
                        <th width="30%" style="color: #fff; background: #000;">Location</th>
                        <th width="20%" style="color: #fff; background: #000;">Sales/Project Super</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td style="font-weight: bold;">{{ $order->job->id }}</td>
                        <td>{{ optional(optional($order->job)->customer)->FirstName. ' ' . optional(optional($order->job)->customer)->LastName }}</td>
                        <td>{{ optional(optional($order->job)->customer)->Phone1 }}</td>
                        <td>{!! $order->job->customer->Address . ' ' . $order->job->customer->City . '<br>' . optional($order->job->customer->state)->Name . ' ' . $order->job->customer->ZipCode !!}</td>
                        <td>{{ optional(optional(optional($order->job)->salesperson)->contactInfo)->name  }}</td>
                    </tr>
                </tbody>
            </table>
            <table>
                <thead>
                    <tr>
                        <th colspan="3" width="50%" style="background: #ccc;">Subcontractor (assigned to)</th>
                        <th colspan="2" width="50%" style="background: #ccc;">Workorder Description (scope of work)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            WorkOrder
                            <span style="font-weight: bold;">{{ $order->id }}</span>
                        </td>
                        <td>{!! optional($order->subcontractor)->BusinessName. " <br>" .optional(optional($order->subcontractor)->address)->City. ' ' .optional(optional($order->subcontractor)->address)->State !!}</td>
                        <td>
                            Date Received
                            <span>{{ $order->Received }}</span>
                            <div>Date Promised</div>
                            <span>{{ $order->Promised }}</span>
                        </td>
                        <td colspan="2">{{ $order->Description }}</td>
                    </tr>
                </tbody>
            </table>
            <p>Created by: {{ optional($order->createdBy)->FirstName. ' ' .optional($order->createdBy)->LastName  }}</p>
        @endforeach
    @else
        No one order matched by your request
    @endif
@endsection