@extends('mail.template')

@section('title', 'New Contact Form Message')
@section('subtitle', 'We received a new request through the contact form')

@section('content')
<div class="info-card">
    <h2 class="card-title">
        <i class="fas fa-user"></i>
        Customer Information
    </h2>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-user"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Full Name</div>
            <div class="field-value">{{$name ?? 'Not provided'}}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-envelope"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Email</div>
            <div class="field-value">{{$email ?? 'Not provided'}}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-phone"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Phone</div>
            <div class="field-value">{{$phone ?? 'Not provided'}}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-tag"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Subject</div>
            <div class="field-value">{{$subject ?? 'Not provided'}}</div>
        </div>
    </div>

    <div class="field">
        <div class="field-icon">
            <i class="fas fa-comment"></i>
        </div>
        <div class="field-content">
            <div class="field-label">Message</div>
            <div class="field-value">{{$msg ?? 'Not provided'}}</div>
        </div>
    </div>
</div>
@endsection

@section('footer-text', 'This message was sent through the PermShield website contact form. To reply, please use the email provided by the customer.')