@extends('emails.layout')

@section('title', $isGift ? 'Gift Voucher Received' : 'Voucher Purchase Confirmation')

@section('header-title', $isGift ? 'Gift Voucher Received' : 'Voucher Purchase Confirmation')

@section('header-subtitle', $isGift ? 'A special gift awaits you' : 'Your voucher is ready to use')

@section('content')

{{-- Gift Message from Sender (for recipient) --}}
@if($isGift && $giftMessage)
<div class="warning-box" style="background: linear-gradient(135deg, #fef3c7 0%, #fffbf0 100%);">
    <p style="margin-bottom: 8px;"><strong>Personal Message from {{ $buyerName }}:</strong></p>
    <p style="font-style: italic; color: #92400e; margin-bottom: 0;">"{{ $giftMessage }}"</p>
</div>
@endif

{{-- Greeting --}}
@if($isGift)
    <p>Dear {{ $recipientName }},</p>
    <p>We are pleased to inform you that <strong class="highlight">{{ $buyerName }}</strong> has purchased a gift voucher for you. This voucher can be applied to your next purchase with JurisLocator.</p>
@else
    <p>Dear {{ $buyerName }},</p>
    <p>Thank you for your purchase. Your voucher has been successfully processed and is now active for use on our platform.</p>
    
    {{-- Gift Purchase Confirmation (for buyer) --}}
    @if($recipientName && $recipientEmail)
    <div class="info-box">
        <p style="margin-bottom: 8px;"><strong>Gift Purchase Confirmation</strong></p>
        <p style="margin-bottom: 8px;">This voucher has been sent as a gift to:</p>
        <p style="margin-bottom: 8px;"><strong>{{ $recipientName }}</strong> ({{ $recipientEmail }})</p>
        @if($giftMessage)
            <p style="font-style: italic; margin-bottom: 0;">Your message: "{{ $giftMessage }}"</p>
        @endif
    </div>
    @endif
@endif

{{-- Redemption Code Highlight Box --}}
<div class="success-box" style="text-align: center; padding: 30px;">
    <h3 style="margin-top: 0; margin-bottom: 20px; color: #2e7d32;">Your Unique Redemption Code</h3>
    <div class="code-block" style="background-color: #f0f7ff; border-left: 4px solid #2e7d32; font-size: 28px; font-weight: 700; letter-spacing: 3px; color: #1565c0; padding: 20px; margin: 15px 0;">
        {{ $redemptionCode }}
    </div>
    <div style="font-size: 20px; color: #2e7d32; font-weight: 600; margin-top: 15px;">
        @if($voucherType === 'percentage')
            {{ $voucherValue }}% OFF
        @else
            ${{ number_format($voucherValue, 2) }} OFF
        @endif
    </div>
    <p style="font-size: 14px; color: #666; margin-top: 15px;">
        <strong>Note:</strong> This is a unique one-time use code specific to your purchase
    </p>
</div>

<div class="divider"></div>

{{-- Voucher Details --}}
<div class="info-card">
    <h3>Voucher Details</h3>
    <table class="details-table">
        @if($voucherDescription)
        <tr>
            <td>Description:</td>
            <td>{{ $voucherDescription }}</td>
        </tr>
        @endif
        <tr>
            <td>Redemption Code:</td>
            <td><strong style="font-family: monospace; color: #162b34; font-size: 18px;">{{ $redemptionCode }}</strong></td>
        </tr>
        <tr>
            <td>Voucher Type:</td>
            <td>{{ $voucherName }}</td>
        </tr>
        <tr>
            <td>Discount Value:</td>
            <td>
                @if($voucherType === 'percentage')
                    <strong class="gold-text">{{ $voucherValue }}%</strong> off your purchase
                @else
                    <strong class="gold-text">${{ number_format($voucherValue, 2) }}</strong> off your purchase
                @endif
            </td>
        </tr>
        @if($minPurchase)
        <tr>
            <td>Minimum Purchase:</td>
            <td>${{ number_format($minPurchase, 2) }}</td>
        </tr>
        @endif
        @if($validUntil)
        <tr>
            <td>Valid Until:</td>
            <td>{{ \Carbon\Carbon::parse($validUntil)->format('F j, Y') }}</td>
        </tr>
        @endif
    </table>
</div>

{{-- How to Redeem Your Voucher --}}
<h3>Redeeming Your Voucher</h3>

<p>To use your voucher discount, please follow these steps:</p>

<ul>
    <li><strong>Step 1:</strong> Log in to your JurisLocator account or create a new account if you don't have one yet</li>
    <li><strong>Step 2:</strong> Browse our services and select the items you wish to purchase</li>
    <li><strong>Step 3:</strong> Add your selected items to the shopping cart</li>
    <li><strong>Step 4:</strong> At checkout, locate the "Redemption Code" field</li>
    <li><strong>Step 5:</strong> Enter your unique redemption code: <strong class="highlight">{{ $redemptionCode }}</strong></li>
    <li><strong>Step 6:</strong> Click "Apply" and your discount will be calculated automatically</li>
    <li><strong>Step 7:</strong> Review your order total and complete your purchase</li>
</ul>

<div class="info-card">
    <h3>Account Access</h3>
    <p style="margin-bottom: 15px;">To redeem your voucher, you will need to access your JurisLocator user portal:</p>
    
    <table class="details-table">
        <tr>
            <td>Existing Users:</td>
            <td><a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}/login" style="color: #D7A769; text-decoration: underline;">Login to Your Account</a></td>
        </tr>
        <tr>
            <td>New Users:</td>
            <td><a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}/register" style="color: #D7A769; text-decoration: underline;">Create a New Account</a></td>
        </tr>
        <tr>
            <td>User Portal:</td>
            <td><a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}" style="color: #D7A769; text-decoration: underline;">{{ env('FRONTEND_URL', 'http://localhost:5174') }}</a></td>
        </tr>
    </table>
</div>

<div class="warning-box">
    <p><strong>Important Reminders:</strong></p>
    <ul style="margin: 10px 0 0 0; padding-left: 20px;">
        <li>Keep this email for your records. You will need the redemption code to claim your discount.</li>
        <li><strong>This redemption code can only be used once</strong> and is unique to your purchase.</li>
        <li>Redemption codes are case-sensitive. Please enter the code exactly as shown above.</li>
        @if($minPurchase)
        <li>This voucher requires a minimum purchase of ${{ number_format($minPurchase, 2) }} to be applied.</li>
        @endif
        @if($validUntil)
        <li>This voucher expires on {{ \Carbon\Carbon::parse($validUntil)->format('F j, Y') }}. Please use it before this date.</li>
        @endif
        <li>Vouchers cannot be combined with other promotional offers unless otherwise stated.</li>
        <li>Once applied, vouchers are non-refundable and cannot be exchanged for cash.</li>
    </ul>
</div>

{{-- Call to Action Buttons --}}
<div class="button-container">
    @if($isGift)
    <a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}/login" class="button" style="margin: 10px;">
        Login to Redeem
    </a>
    <a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}/register" class="button button-secondary" style="margin: 10px;">
        Create Account
    </a>
    @else
    <a href="{{ env('FRONTEND_URL', 'http://localhost:5174') }}" class="button">
        Browse Services
    </a>
    @endif
</div>

<div class="divider"></div>

{{-- Support Information --}}
<h3>Need Assistance?</h3>
<p>
    If you have any questions about your voucher, encounter any issues during redemption, or require further assistance, 
    our support team is here to help. Please contact us at 
    <a href="mailto:{{ config('mail.from.address') }}" style="color: #D7A769; text-decoration: underline;">{{ config('mail.from.address') }}</a>
</p>

<p style="margin-top: 20px;">
    We appreciate your business and look forward to serving you.
</p>

@endsection

@section('footer-greeting', 'Best regards from the JurisLocator Team')