@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>

    @php
        // dd($intake);
    @endphp
    <!---- 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_name }},</p>
                        <p>
                            Thank you for taking the time to speak with us and for trusting <strong>SAMA</strong> to bring
                            your custom design to life. Each bespoke piece we create is a celebration of love, intention,
                            and artistry — crafted just for you.
                        </p>
                        <p>
                            Below is a summary of your custom jewelry order based on our conversation. Please review the
                            details carefully before approving.
                        </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_font))
                                <tr>
                                    <td><strong>Engraving:</strong></td>
                                    <td>"{{ $intake->engraving_text }}" in {{ $intake->font->value . ' ' . 'Font' ?? 'N/A' }}
                                    </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>{{ ucfirst($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>{{ ucfirst($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

                <!-- Estimated Price -->
                <tr>
                    <td align="center" style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 13px;">
                        <strong>Estimated Total Price:</strong> ${{ number_format($intake->price, 2) }} USD<br>
                        <small>(Final price may vary slightly based on casting weight and stone measurements.)</small>
                    </td>
                </tr>

                <!-- Next Steps -->
                <tr>
                    <td style="padding: 10px 10px 20px;">
                        <h3 style="font-family: 'Montserrat', sans-serif; font-size: 14px;">Next Steps</h3>
                        <ol style="margin: 0; padding-left: 20px; font-size: 12px;">
                            <li>Review your order details carefully.</li>
                            <li>Click the button below to confirm and proceed to production.</li>
                            <li>After confirmation, you’ll receive a follow-up email with your secure payment link to submit
                                your <strong>50% non-refundable deposit.</strong></li>
                        </ol>
                        <br>
                        <div align="center">
                            <a href="{{ $confirmationUrl }}" target="_blank"
                                style="background-color:#6a1b9a; color:#fff; padding:10px 30px; border-radius:5px; text-decoration:none; font-weight:bold;">
                                Confirm My Order
                            </a>
                        </div>
                    </td>
                </tr>

                <!-- Terms -->
                <tr>
                    <td style="padding: 10px; font-size: 11px; color: #555; line-height: 18px;">
                        <strong>Terms & Disclaimers:</strong><br>
                        • All bespoke and made-to-order pieces are final sale once approved and deposit is received.<br>
                        • Each SAMA piece is handcrafted; minor variations are part of artisanal craftsmanship.<br>
                        • The total shown is an estimate and may vary slightly based on production.<br>
                        • Production begins only after your non-refundable 50% deposit is received.<br>
                        {{-- • Standard production time: {{ $production_time }} weeks (from deposit date).<br> --}}
                        • Standard production time: 6–8 weeks (from deposit date).<br>
                        • Please let us know if you prefer your piece not to be photographed for our portfolio or socials.
                    </td>
                </tr>

                <!-- Closing -->
                <tr>
                    <td style="padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #000;">
                        <p>If you have any questions or minor adjustments before confirming, simply reply to this email —
                            we’re happy to help refine the details.</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 (keep your existing recommendation/footer section) -->
    <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 to craft your one-of-a-kind piece!
                    </td>
                </tr>
                <tr>
                    <td height="30"></td>
                </tr>
            </table>
        </td>
    </tr>
@endsection