@component('mail::layout')
    <div class="card">
        @component('mail::header', ['image' => asset('image/invited.png')])
            <div style="text-align: center; color: white; font-size: 24px; font-family: helvetica neue, helvetica, arial;">
                Company Details
            </div>
        @endcomponent
        <div class="card-body text-left quote-request">         
            <div style="color: rgb(74, 74, 74); font-family: helvetica neue, helvetica, arial;">
                <table width="100%" style="margin: 30px 0px; color: rgb(74, 74, 74); font-family: helvetica neue, helvetica, arial;">
                    <tr>
                        <th>First Name</th>
                        <td>{{ $first_name }}</td>
                    </tr>
                    <tr>
                        <th>Last Name</th>
                        <td>{{ $last_name }}</td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ $email }}</td>
                    </tr>
                    <tr>
                        <th>Company Name</th>
                        <td>{{ $company }}</td>
                    </tr>
                    <tr>
                        <th>Business Type</th>
                        <td>{{ $company_type }}</td>
                    </tr>
                    <tr>
                        <th>Phone Number</th>
                        <td>{{ $phone_number }}</td>
                    </tr>
                    <tr>
                        <th>Store Address</th>
                        <td>{{ $address }}</td>
                    </tr>
                    <tr>
                        <th>Buying Group</th>
                        <td>{{ $vendor }}</td>
                    </tr>
                    <tr>
                        <th>Protection Plans</th>
                        <td>{{ $warranty }}</td>
                    </tr>
                    <tr>
                        <th>Time</th>
                        <td>{{ $time }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
@endcomponent