@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 ($projects)
        <table  style="border-collapse: separate; border-spacing: 2px; width: 100%; table-layout: fixed" >
            <thead style="border-bottom: #333333 1px solid;">
            <tr style="font-size: 8px; font-weight: bold;">
                <th width="65px" style="font-size: 14px; background: #cccccc; margin-right: 3px; padding: 4px 2px">Project #</th>
                <th width="180px" style="font-size: 14px; background: #cccccc; margin-right: 3px; padding: 4px 2px">Name</th>
                <th style="font-size: 14px;  background: #cccccc; margin-right: 3px; padding: 4px 2px; text-align: right">Total Owed</th>
                <th style="font-size: 14px; background: #cccccc; margin-right: 3px; padding: 4px 2px; text-align: center">Phone 1</th>
                <th style="font-size: 14px; background: #cccccc; margin-right: 3px; padding: 4px 2px; text-align: center">Phone 2</th>
                <th style="font-size: 14px; background: #cccccc; padding: 4px 2px; text-align: center">Warranty Date</th>
            </tr>
            </thead>
            <tbody>
                @php
                    $totalFundOwed = 0;
                @endphp
                @foreach($projects as $project)
                    @php
                        $totalFundOwed += $project->getSummary()['FundsYetOwed'];
                    @endphp
                    <tr style="font-size: 8px;  border-top: 1px solid;">
                        <td style="font-size: 14px;padding: 4px 2px">{{ $project->id }}</td>
                        <td style="font-size: 14px;padding: 4px 2px">{{ $project->fullName }}</td>
                        <td align="left" style="font-size: 14px;padding: 4px 2px">{{ AppHelper::formatPrice($project->getSummary()['FundsYetOwed']) }}</td>
                        <td align="center" style="font-size: 14px;padding: 4px 2px">{{ $project->customer->Phone1 }}</td>
                        <td align="center" style="font-size: 14px;padding: 4px 2px">{{ $project->customer->Phone2 }}</td>
                        <td align="center" style="font-size: 14px;padding: 4px 2px"></td>
                    </tr>
                    <tr style="font-size: 8px; ">
                        <td colspan="2" style="font-size: 14px;padding: 4px 2px">{!! $project->customer->Address . ' ' . $project->customer->City . ', ' . $project->customer->state->Name . ' <br>' . $project->customer->ZipCode  !!}</td>
                        <td colspan="4" align="left" style="font-size: 14px;padding: 4px 2px">{{ $project->customer->Email }}</td>
                    </tr>
                    <tr style="font-size: 8px; ">
                        <td style="font-size: 14px;padding: 4px 2px">{{ (isset($project->alternateContact->FirstName) && isset($project->alternateContact->LastName)) ? $project->alternateContact->FirstName . ' ' . $project->alternateContact->FirstName : '' }}</td>
                        <td colspan="5"> {{ $project->alternateContact->Phone1 ?? '' }} {{ $project->alternateContact->Phone2 ?? '' }} {{ $project->alternateContact->Email ?? '' }}</td>
                    </tr>
                @endforeach
                <tr height="20px"><td ></td></tr>
                <tr height="40px">
                    <td width="100px"></td>
                    <td style="font-size: 14px; padding-right: 20px; font-weight: bold;" align="right">{{ $office->OfficeName }}</td>
                    <td style="font-size: 14px; ">{{ AppHelper::formatPrice($totalFundOwed) }}</td>
                </tr>
            </tbody>
        </table>
    @else
        No reports matching the condition
    @endif
@endsection