@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 <strong>{{ $intake->customer_name }}</strong>,</p>
                        <p>
                            ✨ Thank you for confirming your custom SAMA design! We’re so excited to bring your vision to
                            life. Your approval has been received, and your custom piece is now ready to move into
                            production.
                        </p>
                        <p>
                            To begin crafting your design, please submit your 50% non-refundable deposit using the secure
                            link
                            below. Your deposit ensures materials, stone allocation, and production time are reserved in our
                            custom queue.
                        </p>
                    </td>
                </tr>

                <!-- Payment 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;">
                                    Payment 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>
                            <tr>
                                <td><strong>Estimated Total Price:</strong></td>
                                <td>${{ number_format($intake->price, 2) }} USD</td>
                            </tr>
                            <tr>
                                <td><strong>Deposit (50%) Due Today:</strong></td>
                                <td>${{ number_format($intake->price / 2, 2) }} USD</td>
                            </tr>
                            <tr>
                                <td><strong>Remaining Balance (Due on Completion):</strong></td>
                                <td>${{ number_format($intake->price / 2, 2) }} USD</td>
                            </tr>
                        </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



                <!-- Payment Instructions -->
                <tr>
                    <td align="center" style="padding: 15px;">
                        <a href="{{ $paymentUrl }}" target="_blank"
                            style="background-color:#6a1b9a; color:#fff; padding:12px 35px; border-radius:5px; text-decoration:none; font-weight:bold; display:inline-block;">
                            Pay 50% Deposit Now
                        </a>
                        <p style="font-size: 12px; color: #555; margin-top: 10px;">
                            Your payment will be processed securely through our payment partner. Once your deposit is
                            received, production will officially begin.
                        </p>
                    </td>
                </tr>

                <!-- Additional Information -->
                <tr>
                    <td style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #000;">
                        <p>
                            You’ll receive a confirmation email and receipt once your payment has been successfully
                            processed.
                        </p>
                        <p>
                            Production time: <strong>Approximately 2–3 weeks</strong> from the date your deposit is
                            received.
                        </p>
                        <p>
                            If you’re not ready to pay immediately, no worries — your payment link will remain active for
                            your convenience.
                        </p>
                    </td>
                </tr>

                <!-- Terms -->
                <tr>
                    <td style="padding: 10px; font-size: 11px; color: #555; line-height: 18px;">
                        <strong>Terms & Disclaimers:</strong><br>
                        • The 50% deposit is <strong>non-refundable</strong> once production begins.<br>
                        • Each SAMA piece is handcrafted; small variations are inherent to artisanal work.<br>
                        • Final price may vary slightly depending on final casting weight and stone verification.<br>
                        • Please allow 6–8 weeks for production after deposit receipt.<br>
                        • We may photograph your completed piece for our design portfolio unless you request privacy.
                    </td>
                </tr>

                <!-- Closing -->
                <tr>
                    <td style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #000;">
                        <p>
                            Thank you once again for choosing <strong>SAMA</strong>. We’re honored to create something truly
                            meaningful for you.
                        </p>
                        <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;">
                        We’re thrilled to begin crafting your one-of-a-kind piece.<br>
                        Thank you for being part of the SAMA story.
                    </td>
                </tr>
                <tr>
                    <td height="30"></td>
                </tr>
            </table>
        </td>
    </tr>
@endsection