@extends('layouts.emptypdf')
@section('content')
    <style type="text/css">
        *, h1, h2, p, span {
            font-family: 'Arial', sans-serif;
        }

        .header_date {
            font-size: 13px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        tr.bordered td {
            border-top: 1px solid #ccc;
        }

        .phases_table thead:before{
            margin-top: 60px; display: block;
        }

        .pagenum:before { content: counter(page); }
    </style>

    <table style="border-bottom: 1px solid #ccc;" class="phases_table">
        <thead>
        <tr>
            <th colspan="6">
                <div style="width: 100%">
                    <img style="width: 180px" src="{{public_path('img/logo_pdf.png')}}">
                </div>
            </th>
        </tr>
        <tr>
            <th colspan="6">
                <table style="width: 100%">
                    <tr>
                        <td style="width: 80%;">
                            <span style="font-style:normal;font-weight:normal;font-size:24pt;font-family:Helvetica;color:#333333">Project Schedule</span>
                        </td>
                        <td style="width: 20%; text-align: right">
                            <p class="header_date" style="background: none;font-style:normal;font-weight:normal;font-size:10pt;font-family:Helvetica;color:#333333">{{\Carbon\Carbon::now()->format('j M, Y')}}</p>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 80%;">
                            <p style="font-style:normal;font-weight:bold;font-size:12pt;font-family:Helvetica;color:#333333; background: none;">Office Name: {{$office->OfficeName}}</p>
                        </td>
                        <td style="width: 20%; text-align: right">
                            <p style="font-style:normal;font-weight:normal;font-size:8pt;font-family:Helvetica;color:#2f2f2f; background: none;" class="pagenum"></p>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <th style="width: 15%; font-weight: normal">Project ID</th>
                        <th style="width: 20%; font-weight: normal">Homeowner</th>
                        <th style="width: 25%; font-weight: normal">Project Type</th>
                        <th style="width: 40%"></th>
                    </tr>
                    <tr>
                        <th>{{$project->id}}</th>
                        <th>{{$project->FirstName}} {{$project->LastName}}</th>
                        <th>{{$project->type->Name}}</th>
                        <th></th>
                    </tr>
                </table>
            </th>
        </tr>
        </thead>

        <tbody>
        <tr>
            <td colspan="6" style="height: 30px"></td>
        </tr>
        @foreach($project->workOrders as $workOrder)
            <tr>
                <td>Work Order</td>
                <td>Promised</td>
                <td>Work Order Type</td>
                <td>Assigned To</td>
                <td>Date Completed</td>
                <td>Job Phase</td>
            </tr>
            <tr>
                <td>{{$workOrder->id}}</td>
                <td>{{$workOrder->Promised}}</td>
                <td>{{optional($workOrder->type)->Name}}</td>
                <td>{{optional($workOrder->subcontractor)->BusinessName}}</td>
                <td>{{$workOrder->Completed}}</td>
                <td>{{optional($workOrder->phase->type)->Name}}</td>
            </tr>
            <tr>
                <td colspan="2" style=" border-bottom: 1px solid #ccc;"></td>
                <td colspan="4" style=" border-bottom: 1px solid #ccc;"><p style="white-space: normal">{{$workOrder->Description}}</p></td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection