@extends('emails.layout')

@section('title', 'New Custom Package Request')

@section('content')
    <h2 class="greeting">New Custom Package Request</h2>
    
    <p class="message">
        A customer has requested a custom internet package tailored to their specific needs. Please review their requirements and prepare a personalized quotation.
    </p>
    
    <div class="info-box">
        <strong>👤 Customer Information</strong>
        <table class="details-table">
            <tr>
                <td>Name</td>
                <td>{{ $data['name'] }}</td>
            </tr>
            <tr>
                <td>Email</td>
                <td>{{ $data['email'] }}</td>
            </tr>
            <tr>
                <td>Phone</td>
                <td>{{ $data['phone'] }}</td>
            </tr>
            @if(!empty($data['company_name']))
            <tr>
                <td>Company</td>
                <td>{{ $data['company_name'] }}</td>
            </tr>
            @endif
            @if(!empty($data['address']))
            <tr>
                <td>Address</td>
                <td>{{ $data['address'] }}</td>
            </tr>
            @endif
        </table>
    </div>
    
    <div class="success-box">
        <strong>📊 Package Requirements</strong>
        <table class="details-table">
            @if(!empty($data['user_count']))
            <tr>
                <td>Number of Users</td>
                <td>{{ $data['user_count'] }}</td>
            </tr>
            @endif
            @if(!empty($data['bandwidth_requirement']))
            <tr>
                <td>Bandwidth Requirement</td>
                <td>{{ $data['bandwidth_requirement'] }}</td>
            </tr>
            @endif
        </table>
    </div>
    
    <div class="warning-box">
        <strong>📝 Detailed Requirements</strong>
        <p style="margin-top: 12px; line-height: 1.7; white-space: pre-wrap;">{{ $data['requirements'] }}</p>
    </div>
    
    <div class="divider"></div>
    
    <p class="message" style="text-align: center; color: #6b7280; font-size: 14px;">
        <strong>⏰ Action Required:</strong> Please review these requirements and contact the customer within 24 hours with a customized solution.
    </p>
    
    <div style="text-align: center;">
        <a href="mailto:{{ $data['email'] }}" class="btn-primary">
            Contact Customer
        </a>
    </div>
    
    <div style="margin-top: 32px; padding: 20px; background: #f9fafb; border-radius: 12px; text-align: center;">
        <p style="margin: 0; color: #6b7280; font-size: 13px;">
            💡 <strong>Tip:</strong> Custom packages are an excellent opportunity to showcase AFINET's flexibility and build long-term relationships.
        </p>
    </div>
@endsection