@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;
        }
    </style>
    <header>
        <div style="width: 100%">
            <img style="width: 180px" src="{{public_path('img/logo_pdf.png')}}">
        </div>
        <table style="width: 100%">
            <tr>
                <td style="width: 80%;">
                    <h1>Project Card</h1>
                </td>
                <td style="width: 20%">
                    <p class="header_date">{{\Carbon\Carbon::now()->format('M j, Y')}}</p>
                </td>
            </tr>
            <tr>
                <td style="width: 80%;">
                    <p style="font-size: 16px;font-weight: bold;">Office Name: {{$office->OfficeName}}</p>
                </td>
                <td style="width: 20%">
                    <p style="font-size: 16px;font-weight: bold;">Project #{{$project->id}}</p>
                </td>
            </tr>
        </table>
    </header>
    <main >
        @include('proedge.pdf.report.project.blocks.info')

        @include('proedge.pdf.report.project.blocks.contacts')

        @include('proedge.pdf.report.project.blocks.selections')

        @include('proedge.pdf.report.project.blocks.notes')

    </main>
@endsection