@extends('emails.layout')

@section('title', 'Your Quotation is Ready')

@section('content')
    <h2 class="greeting">Hello {{ $quotation->customer->name }},</h2>
    
    <p class="message">
        Great news! Your quotation for <strong>{{ $quotation->package->name }}</strong> is ready for review.
    </p>
    
    <div class="success-box">
        <strong>📋 Quotation Reference:</strong> {{ $quotation->reference }}<br>
        <strong>📅 Valid Until:</strong> {{ \Carbon\Carbon::parse($quotation->valid_until)->format('F j, Y') }}
    </div>
    
    <h3 style="color: #111827; font-size: 18px; margin: 32px 0 16px 0;">Package Details</h3>
    
    <table class="details-table">
        <tr>
            <td>Package</td>
            <td>{{ $quotation->package->name }} ({{ $quotation->package->speed_mbps }}Mbps)</td>
        </tr>
        <tr>
            <td>Monthly Subscription</td>
            <td>${{ number_format($quotation->monthly_price, 2) }}/month</td>
        </tr>
        <tr>
            <td>Installation Fee</td>
            <td>${{ number_format($quotation->installation_fee, 2) }}</td>
        </tr>
        @if($quotation->extension_cost > 0)
        <tr>
            <td>Infrastructure Extension</td>
            <td style="color: #f59e0b;">${{ number_format($quotation->extension_cost, 2) }}</td>
        </tr>
        @endif
        <tr>
            <td>Equipment Cost</td>
            <td>${{ number_format($quotation->equipment_cost, 2) }}</td>
        </tr>
        <tr style="border-top: 2px solid #6b21a8;">
            <td><strong>Total Setup Cost</strong></td>
            <td style="color: #6b21a8; font-size: 18px;"><strong>${{ number_format($quotation->total_amount, 2) }}</strong></td>
        </tr>
    </table>
    
    @if($quotation->extension_cost > 0)
    <div class="warning-box">
        <strong>⚠️ Extension Cost Notice:</strong><br>
        Your location requires fibre infrastructure extension. The extension cost is subject to site survey confirmation.
    </div>
    @endif
    
    <div style="text-align: center; margin: 40px 0;">
        <a href="{{ config('app.url') }}/quotations/{{ $quotation->id }}" class="btn-primary">
            View Full Quotation
        </a>
    </div>
    
    <div class="info-box">
        <strong>📌 Next Steps:</strong><br>
        1. Review the quotation details<br>
        2. Accept the quotation if you're happy with the terms<br>
        3. Complete KYC verification<br>
        4. Proceed to payment
    </div>
    
    <p class="message">
        This quotation is valid for 30 days. If you have any questions about the pricing or terms, please don't hesitate to contact our sales team.
    </p>
    
    <div class="divider"></div>
    
    <p style="color: #6b7280; font-size: 14px; text-align: center;">
        Service Address: {{ $quotation->service_address }}
    </p>
@endsection