@component('mail::layout')
    <div class="card">
        @component('mail::header', ['image' => AssetS3('/assets/image/invited.png')])
            <h2 style="text-align: center;">Installation Request (Installation Only)</h2>
        @endcomponent

        <div class="card-body">
            <p>Installation Request Information:</p>
            
            <table>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Name</span> 
                        <span style="color: #202124">{{ $name }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Phone Number</span> 
                        <span style="color: #202124">{{ $phone_number }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Email</span> 
                        <span style="color: #202124 !important">{{ $email }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Zip Code</span> 
                        <span style="color: #202124">{{ $zip_code }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Is the appliance already on site?</span> 
                        <span style="color: #202124">{{ $is_appliance_onsite ? 'Yes' : 'No' }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Appliance Type(s):</span> <br>
                        @foreach ($types as $type)                                
                            <li><span style="color: #202124">{{ $type }}</span></li>
                        @endforeach

                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Brand(s):</span> <br>
                        @foreach ($brands as $brand)                                
                            <li><span style="color: #202124">{{ $brand }}</span></li>
                        @endforeach

                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Model Number(s):</span> <br>
                        @foreach ($model_numbers as $model_number)                                
                            <li><span style="color: #202124">{{ $model_number }}</span></li>
                        @endforeach
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Are we uninstalling/ hauling away the existing old appliance?</span> <br>
                        <span style="color: #202124">{{ $is_uninstalling ? 'Yes' : 'No' }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Does the appliance we are installing need to be moved up/down stairs?</span> <br>
                        <span style="color: #202124">{{ $is_moved_stairs ? 'Yes' : 'No' }}</span>
                    </td>
                </tr>

                @if ($is_moved_stairs)  
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">If the above question is answered “Yes”, how many flights of stairs?</span> <br>
                        <span style="color: #202124">{{ $total_stairs }} stairs</span>
                    </td>
                </tr>
                @endif

                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Does the appliance we are installing need to be moved in front of the install location?</span> <br>
                        <span style="color: #202124">{{ $is_installing_move_location ? 'Yes' : 'No' }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Please provide any additional information or requests:</span> <br>
                        <span style="color: #202124">{{ $additional_info }}</span>
                    </td>
                </tr>
            </table>
        </div>                  
    </div>
@endcomponent