@extends('layouts.email_layout')

@section('content')
    <tr>
        <td colspan="12" style="padding:0 !important;">
            <table border="0" width="700" cellspacing="0" cellpadding="0" align="center">
                <tr>
                    <img src="https://assets.rocksama.com/frontend/email_header/header-logo-image.jpg" alt="header"
                        width="100%">
                </tr>
            </table>
        </td>
    </tr>

    <!---- EMAIL BODY ---->
    <tr>
        <td>
            <table style="background-color: #fff !important;" border="0" width="660" cellspacing="0" cellpadding="0"
                align="center">
                <tr>
                    <td height="30"></td>
                </tr>

                <tr>
                    <td style="padding: 0 10px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #000;">
                        <p>Dear {{ $intake->customer_first_name ?? $intake->customer_name }},</p>

                        <p>
                            We’re excited to let you know that your custom <strong>SAMA</strong> piece has shipped and is on
                            its way to you.
                            Each order is carefully prepared and packaged, and we can’t wait for you to receive yours.
                        </p>

                        <p>
                            Below are your shipment details for reference.
                        </p>
                    </td>
                </tr>

                <!-- Order Summary -->
                <tr>
                    <td style="padding: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="6"
                            style="border: 1px solid #eee; border-radius: 6px;">
                            <tr>
                                <td colspan="2" align="center" style="font-weight: bold; font-size: 14px;">
                                    Order Summary
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Customer Name:</strong></td>
                                <td>{{ $intake->customer_name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Order #:</strong></td>
                                <td>{{ $intake->id }}</td>
                            </tr>

                            <tr>
                                <td><strong>Order Description:</strong></td>
                                <td>{{ $intake->product_description }}</td>
                            </tr>

                            @php
                                $metalTypes = [1 => '14k', 2 => '18k', 3 => '22k', 4 => 'Platinum', 5 => 'Palladium'];
                                $colors = [1 => 'White', 2 => 'Yellow', 3 => 'Rose'];
                            @endphp

                            <tr>
                                <td><strong>Metal:</strong></td>
                                <td>{{ $metalTypes[$intake->metal] ?? 'N/A' }} — {{ $colors[$intake->color] ?? 'N/A' }}</td>
                            </tr>

                            <tr>
                                <td><strong>Ring Size:</strong></td>
                                <td>{{ $intake->ring_size ?? 'N/A' }}</td>
                            </tr>

                            @if (!empty($intake->engraving_text))
                                <tr>
                                    <td><strong>Engraving:</strong></td>
                                    <td>"{{ $intake->engraving_text }}" in {{ $intake->font->value ?? 'N/A' }} Font</td>
                                </tr>
                            @endif
                        </table>
                    </td>
                </tr>

              {{-- ===================== --}}
{{-- Center Stone Details --}}
{{-- ===================== --}}
@if ($centerStones->isNotEmpty())
    <tr>
        <td style="padding: 10px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="6"
                style="border: 1px solid #eee; border-radius: 6px; margin-bottom: 12px;">
                <tr>
                    <td colspan="2" align="center" style="font-weight: bold;">
                        Center Stone Details
                    </td>
                </tr>

                @foreach ($centerStones as $center_stone)
                    <tr>
                        <td><strong>Type:</strong></td>
                        <td>{{ $center_stone->stone_type }}</td>
                    </tr>
                    <tr>
                        <td><strong>Shape:</strong></td>
                        <td>{{ $center_stone->stone_shape }}</td>
                    </tr>
                    <tr>
                        <td><strong>Quantity:</strong></td>
                        <td>{{ $center_stone->quantity }}</td>
                    </tr>
                    <tr>
                        <td><strong>Carat Weight:</strong></td>
                        <td>{{ $center_stone->cttw }}</td>
                    </tr>
                    <tr>
                        <td><strong>Supplier:</strong></td>
                        <td>{{ $center_stone->supplier }}</td>
                    </tr>

                    {{-- Divider between multiple center stones --}}
                    @if (!$loop->last)
                        <tr>
                            <td colspan="2" style="border-top: 1px dashed #ddd;"></td>
                        </tr>
                    @endif
                @endforeach
            </table>
        </td>
    </tr>
@endif


{{-- =================== --}}
{{-- Side Stone Details --}}
{{-- =================== --}}
@if ($sideStones->isNotEmpty())
    <tr>
        <td style="padding: 10px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="6"
                style="border: 1px solid #eee; border-radius: 6px;">
                <tr>
                    <td colspan="2" align="center" style="font-weight: bold;">
                        Side Stone Details
                    </td>
                </tr>

                @foreach ($sideStones as $side_stone)
                    <tr>
                        <td><strong>Type:</strong></td>
                        <td>{{ $side_stone->stone_type }}</td>
                    </tr>
                    <tr>
                        <td><strong>Shape:</strong></td>
                        <td>{{ $side_stone->stone_shape }}</td>
                    </tr>
                    <tr>
                        <td><strong>Quantity:</strong></td>
                        <td>{{ $side_stone->quantity }}</td>
                    </tr>
                    <tr>
                        <td><strong>Supplier:</strong></td>
                        <td>{{ $side_stone->supplier }}</td>
                    </tr>

                    {{-- Divider between multiple side stones --}}
                    @if (!$loop->last)
                        <tr>
                            <td colspan="2" style="border-top: 1px dashed #ddd;"></td>
                        </tr>
                    @endif
                @endforeach
            </table>
        </td>
    </tr>
@endif


                <!-- Shipping Details -->
                <tr>
                    <td style="padding: 10px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="6"
                            style="border: 1px solid #eee; border-radius: 6px;">
                            <tr>
                                <td colspan="2" align="center" style="font-weight: bold;">
                                    Shipping Details
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Carrier:</strong></td>
                                <td>{{ $carrierName }}</td>
                            </tr>
                            <tr>
                                <td><strong>Shipping Method:</strong></td>
                                <td>{{ $shippingMethod }}</td>
                            </tr>
                            <tr>
                                <td><strong>Tracking Number:</strong></td>
                                <td>{{ $trackingNumber }}</td>
                            </tr>
                            @php
                                // Add 2 days to shipped date
                                $estimatedDeliveryDate = \Carbon\Carbon::parse($shippedDate)
                                    ->addDays(2)
                                    ->format('d M Y');
                            @endphp

                            <tr>
                                <td><strong>Shipped On:</strong></td>
                                <td>{{ $shippedDate }}</td>
                            </tr>
                            <tr>
                                <td><strong>Estimated Delivery:</strong></td>
                                <td>{{ $estimatedDeliveryDate }}</td>
                            </tr>

                        </table>
                    </td>
                </tr>

                <!-- Tracking Button -->
                <tr>
                    <td align="center" style="padding: 15px;">
                        <a href="https://www.ups.com/track?tracknum={{ urlencode($trackingNumber) }}" target="_blank"
                            style="background-color:#6a1b9a; color:#fff; padding:10px 30px; border-radius:5px; text-decoration:none; font-weight:bold;">
                            Track Your Shipment
                        </a>
                    </td>
                </tr>

                <!-- What to Expect -->
                <tr>
                    <td style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 12px;">
                        <strong>What to Expect</strong><br><br>
                        Your SAMA piece is in transit and may require a signature upon delivery depending on your carrier
                        and service level.
                        Please ensure someone is available to receive your package at the shipping address below:
                        <br><br>
                        {{ $shippingAddress }}
                        <br><br>
                        If you notice any delays or have questions while your order is in transit,
                        simply reply to this email or contact us at
                        <strong>customercare@rocksama.com</strong> — we’re happy to help.
                    </td>
                </tr>

                <!-- Closing -->
                <tr>
                    <td style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #000;">
                        <p>With gratitude,<br>
                            <strong>Shanti Amala Sekhon</strong><br>
                            SAMA | Crafted for Love. Powered by Purpose.<br>
                            <a href="https://rocksama.com" style="color:#6a1b9a; text-decoration:none;">rocksama.com</a><br>
                            <a href="https://instagram.com/rocksamagems"
                                style="color:#6a1b9a; text-decoration:none;">@rocksamagems</a>
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <!-- FOOTER -->
    <tr>
        <td>
            <table style="background-color: #fff !important;" border="0" width="660" cellspacing="0" cellpadding="0"
                align="center">
                <tr>
                    <td height="30"></td>
                </tr>
                <tr>
                    <td align="center" style="font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000;">
                        Thank you again for choosing SAMA. We can’t wait for you to receive your one-of-a-kind piece!
                    </td>
                </tr>
                <tr>
                    <td height="30"></td>
                </tr>
            </table>
        </td>
    </tr>
@endsection