@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="5">
                <div style="width: 100%">
                    <img style="width: 180px" src="{{public_path('img/logo_pdf.png')}}">
                </div>
            </th>
        </tr>
        <tr>
            <th colspan="5">
                <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>
        <tr>
            <th colspan="5"><h2>Project Common Instructions</h2></th>
        </tr>
        <tr>
            <th><strong>Gate Code: {{$project->GateCode}}</strong></th>
        </tr>
        <tr>
            <th colspan="5"><h2>Project Phases</h2></th>
        </tr>
        <tr style="border-bottom: 1px solid #ccc;">
            <th>
                <p><strong>Phase Type Desc</strong></p>
            </th>
            <th>
                <p><strong>Scheduled</strong></p>
            </th>
            <th>
                <p><strong>Completed</strong></p>
            </th>
            <th>
                <p><strong>Assigned To</strong></p>
            </th>
            <th>
                <p><strong>Scheduler</strong></p>
            </th>
        </tr>
        </thead>

        <tbody>
        @foreach($project->phases as $phase)
            <tr style="border-top: 1px solid #ccc;" class="bordered">
                <td><strong>{{$phase->type->Name}}</strong></td>
                <td>{{$phase->ScheduledDate}}</td>
                <td>{{$phase->CompletedDate}}</td>
                <td>{{optional($phase->subcontractor)->BusinessName}}</td>
                <td>{{optional($phase->scheduler)->name}}</td>
            </tr>
            <tr>
                <td colspan="2"><p>{{$phase->PhaseNote}}</p></td>
                <td colspan="3"></td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection