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

        <div class="card-body">
            <p>Contact Our Service Team</p>
            
            <table>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">First Name</span> 
                        <span style="color: #202124">{{ $first_name }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Last Name</span> 
                        <span style="color: #202124">{{ $last_name }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Address</span> 
                        <span style="color: #202124">{{ $address }}</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">Phone Number</span> 
                        <span style="color: #202124">{{ $phone_number }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Brand</span> 
                        <span style="color: #202124">{{ $brand }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Main Category</span> 
                        <span style="color: #202124">{{ $category }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Description of issue:</span> <br>
                        <span style="color: #202124">{{ $description }}</span>
                    </td>
                </tr>
            </table>
        </div>                  
    </div>
@endcomponent