@extends('layouts.emptyPdf')
@section('content')
    <style>
        *, h1, h2, p, span {
            font-family: 'Arial', sans-serif;
        }
        h1 {
            line-height: normal;
            padding: 0;
            margin: 0;
        }
        .black-title {
            background: black;
            color: white;
        }
        .align-left {
            text-align: left;
        }
        .align-right {
            text-align: right;
        }
        .align-center {
            text-align: center;
        }
        .bold {
            font-weight: bold;
        }
        .italic {
            font-style: italic;
        }

        .white-title {
            background: white;
            width: 1%;
        }
        .border-bot1 {
            border-bottom: 1px solid black;
        }
        .border-bot2 {
            border-bottom: 2px solid black;
        }
        .middle-title {
            font-size: 20px;
        }
        .table-top {
            width: 100%;
            margin-top: 20px;
        }
        table th.mini-col, table tr>td.mini-col {
            width: 1%;
        }
        .table-top tr th:first-child, .table-top tr td:first-child {
            width: 69%;
        }
        .table-top tr th:last-child, .table-top tr td:last-child {
            width: 30%;
        }
        .table-top tbody tr:last-child > td:first-child {
            font-weight: bold;
        }
        .table-top tr:last-child {
            border-bottom: 3px solid black;
        }
        .table-top td:last-child {
            border-bottom: 1px solid black;
        }
        .table-bottom {
            width: 100%;
        }
        .table-bottom th, .table-top tr>td {
            width: 15%;
        }
        .table-bottom th.second-col, .table-top tr>td.second-col {
            width: 20%;
        }
        .txt-small {
            font-size: 8px;
        }
        .txt-mid {
            font-size: 14px
        }
        .txt-big {
            font-size: 18px;
        }
        .num-big {
            font-weight: bolder;
        }
        .txt-mid.padding_off {
            padding: 0;
            margin: 0;
        }
        .txt-very-big {
            font-size: 20px;
        }
        .addend-desc{
            width: 100%;
        }
        .addend-desc .title{
            font-weight: bold;
            font-size: 14px;
            border-bottom: 1px solid black;
        }
        .customer-agree{
            width: 100%;
            margin-bottom: 20px;
        }
        .customer-agree .bold-title{
            font-weight: bold;
            font-size: 14px;
            float: left;
        }
        .customer-agree_right {
            margin-top: 20px;
            width: 50%;
            float: right;
        }
        .customer-agree .line{
            width: 100%;
            border-bottom: 1px solid black;
        }
        .customer-agree .text{
            margin-left: 100px;
        }
        .addendum-margin{
            margin-top: 100px
        }
    </style>
<main>
    <div >
        <div style="float: left;width: 50%">
            <div style="width: 100%">
                <img style="width: 180px" src="{{public_path('img/logo_pdf.png')}}">
            </div>
            <div style="width: 100%">
                <div>
                    <span class="bold">{{$office->OfficeName}}</span>
                </div>
                <div>
                    <span>{{$office->Address}}</span>
                </div>
                <div>
                    <span>{{$office->City}}, {{$office->state->Name}} {{$office->Postal}}</span>
                </div>
                <div><span>(Office) {{$office->OfficePhone}} (Fax) {{$office->OfficeFax}}</span></div>
            </div>
        </div>
        <div style="float: left; width: 50%; text-align: right">
            <div>
                <h1 class="bold">INVOICE</h1>
            </div>
            @if ($type == 'draw')
                <div>
                    <h1 class="bold">{{$draw->id}}</h1>
                </div>
            @else
                <div>
                    <h1 class="bold">{{$addendum->id}}</h1>
                </div>
            @endif
            <div>
                <span class="txt-very-big ">{{\Carbon\Carbon::now()->format('m/d/Y')}}</span>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>

    <div style="width: 100%; margin-top: 20px">
        <div style="border: 1px solid black; width: 45%; float: left; height: 80px; padding: 10px 10px">
            <div>{{$customer->_name()}}</div>
            <div>{{$customer->Address?$customer->Address.',':''}} {{$customer->City}} {{optional($customer->state)->Name}} {{$customer->ZipCode}}</div>
            @if ($customer->CellPhone)
                <div>Mobile: {{$customer->CellPhone}}</div>
            @endif
        </div>
        <div style="border: 1px solid black; width: 45%; float: right;  height: 80px; padding: 10px 10px">
            <p>Thank you for your business. Please make your check payable to: {{$office->OfficeName}} and use your Job Number ({{$job->id}}) as the Reference on your check.</p>
        </div>
        <div style="clear: both"></div>
    </div>
    <div>
        <table class="table-top">
            <thead>
                <tr>
                    <th class="black-title">Description</th>
                    <th class="mini-col white-title"></th>
                    <th class="black-title align-right">Amount</th>
                </tr>
            </thead>
            @if($type == 'draw')
                <tbody>
                    <tr>
                        <td class="align-left">{{$draw->phase->type->Name}} - Draw Amount</td>
                        <td class="mini-col"></td>
                        <td class="align-right">{{$draw->formatPrice($draw->getDrawAmount())}}</td>
                    </tr>
                    <tr>
                        <td class="align-left">{{$draw->phase->type->Name}} - Draw Payments</td>
                        <td class="mini-col"></td>
                        <td class="align-right">{{$draw->formatPrice($draw->getPayment())}}</td>
                    </tr>
                    <tr>
                        <td class="align-left">{{$draw->phase->type->Name}} - Draw Credits</td>
                        <td class="mini-col"></td>
                        <td class="align-right">{{$draw->getDrawCredits(true)}}</td>
                    </tr>
                    <tr>
                        <td class="align-left">{{$draw->phase->type->Name}} - Addendum(s) Amount</td>
                        <td class="mini-col"></td>
                        <td class="align-right">{{$draw->formatPrice((($draw->addendum) && ($draw->addendum->Amount > 0))?$draw->addendum->Amount:0)}}</td>
                    </tr>
                    <tr>
                        <td class="align-left">{{$draw->phase->type->Name}} - Addendum(s) Payments</td>
                        <td class="mini-col"></td>
                        <td class="align-right border-bot2">{{$draw->formatPrice(($draw->addendum)?$draw->addendum->getPaymentTotal():0)}}</td>
                    </tr>
                    <tr>
                        <td class="align-right bold">{{$draw->phase->type->Name}} - Amount Due:</td>
                        <td class="mini-col"></td>
                        <td class="align-right border-bot1 num-big">{{$draw->getAmountDue()}}</td>
                    </tr>
                </tbody>
            @else
                <tbody>
                <tr>
                    <td class="align-left">{{$addendum->phase->type->Name}} - Addendum Amount</td>
                    <td class="mini-col"></td>
                    <td class="align-right">{{$addendum->formatPrice($addendum->Amount)}}</td>
                </tr>
                <tr>
                    <td class="align-left">{{$addendum->phase->type->Name}} - Addendum Payments</td>
                    <td class="mini-col"></td>
                    <td class="align-right">{{$addendum->formatPrice($addendum->getPaymentTotal())}}</td>
                </tr>
                <tr>
                    <td class="align-right bold">{{$addendum->phase->type->Name}} - Amount Due:</td>
                    <td class="mini-col"></td>
                    <td class="align-right border-bot1 num-big">{{$addendum->getAmountDue()}}</td>
                </tr>
                </tbody>
            @endif
        </table>
        @if ($type == 'addendum' && $addendum->Comment)
            <div class="addend-desc">
                <div class="title">Addendum Description</div>
                <div class="text">
                    <p>{{$addendum->Comment}}</p>
                </div>
            </div>
        @endif
        <div class="middle-wrap border-bot1 {{($type == 'addendum')?"addendum-margin":''}}">
            @if ($type == 'draw')
                <p class="middle-text-top align-left txt-mid">We appreciate being able to serve you!</p>
            @else
                <div class="customer-agree">
                    <div class="bold-title">Customer agrees to pay the above amount</div>
                    <div class="customer-agree_right">
                        <div class="line"></div>
                        <div class="text">Customer Signature/Date</div>
                    </div>
                    <div style="clear: both;"></div>
                </div>
            @endif
            <p class="middle-text-mid txt-mid padding_off">Thank you,</p>
            <p class="middle-text-bot txt-mid italic">{{$office->OfficeName}}</p>
        </div>
        <h2 class="middle-title bold">Account Statement</h2>
        <table class="table-bottom">
            <thead>
            <tr>
                <th class="black-title">Type</th>
                <th class="mini-col white-title"></th>
                <th class="second-col black-title">Phase Description</th>
                <th class="mini-col white-title"></th>
                <th class="black-title align-center">Completed</th>
                <th class="mini-col white-title"></th>
                <th class="black-title align-center">Amount</th>
                <th class="mini-col white-title"></th>
                <th class="black-title align-center">Payments</th>
                <th class="mini-col white-title"></th>
                <th class="black-title align-center">Amount Due</th>
            </tr>
            </thead>
            <tbody>
            @php
            $totalAmount = 0;
            $totalPayment = 0;
                $i =1;
            @endphp
            @foreach ($draws as $jobDraw)
                @php
                    $totalAmount+= $jobDraw->getDrawAmount();
                    $totalPayment+= $jobDraw->getPayment();
                @endphp
                <tr>
                    @if ($i == 1)
                        <td class="align-left {{$i++}}">Draw</td>
                    @else
                        <td class="align-left"></td>
                    @endif
                    <td class="mini-col"></td>
                    <td class="align-left second-col">{{$jobDraw->phase->type->Name}}</td>
                    <td class="mini-col"></td>
                    <td >{{$jobDraw->phase->CompletedDate}}</td>
                    <td class="mini-col"></td>
                    <td class="align-right">{{$jobDraw->formatPrice($jobDraw->getDrawAmount())}}</td>
                    <td class="mini-col"></td>
                    <td class="align-right">{{$jobDraw->formatPrice($jobDraw->getPayment())}}</td>
                    <td class="mini-col"></td>
                    <td class="align-right">{{$jobDraw->formatPrice($jobDraw->getOutstanding())}}</td>
                </tr>
            @endforeach
            @php
                $i =1;
            @endphp
            @foreach ($addendums as $jobAddendum)
                @php
                    $totalAmount+= $jobAddendum->Amount;
                    $totalPayment+= $jobAddendum->getPaymentTotal();
                @endphp
            <tr>
                @if ($i == 1)
                    <td class="align-left {{$i++}}">Addendums</td>
                @else
                    <td class="align-left"></td>
                @endif
                <td class="mini-col"></td>
                <td class="align-left second-col">{{$jobAddendum->phase->type->Name}}</td>
                <td class="mini-col"></td>
                <td >{{$jobAddendum->phase->CompletedDate}}</td>
                <td class="mini-col"></td>
                <td class="align-right">{{$jobAddendum->formatPrice($jobAddendum->Amount)}}</td>
                <td class="mini-col"></td>
                <td class="align-right">{{$jobAddendum->formatPrice($jobAddendum->getPaymentTotal())}}</td>
                <td class="mini-col"></td>
                <td class="align-right">{{$jobAddendum->formatPrice($jobAddendum->Amount - $jobAddendum->getPaymentTotal())}}</td>
            </tr>
            @endforeach
            <tr>
                <td class="txt-small align-left">x=Non-Constable</td>
                <td class="mini-col"></td>
                <td ></td>
                <td class="mini-col"></td>
                <td class="txt-big bold">TOTALS:</td>
                <td class="mini-col"></td>
                <td class="num-big align-right">{{$job->formatPrice($totalAmount)}}</td>
                <td class="mini-col"></td>
                <td class="num-big align-right">{{$job->formatPrice($totalPayment)}}</td>
                <td class="mini-col"></td>
                <td class="num-big align-right">{{$job->formatPrice($totalAmount - $totalPayment)}}</td>
                <td class="mini-col"></td>
            </tr>
            </tbody>
        </table>
    </div>

</main>
@endsection