@extends('sur-mesure.emails._layout')

@section('title', __('surmesure.mail_quote_requested_title'))

@section('body')
    <p style="margin:0 0 20px 0; font-size:15px; line-height:26px; color:#f5f5f5;">
        {{ __('surmesure.mail_quote_requested_intro', ['creation' => $quote->product->product_name]) }}
    </p>

    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom:24px; background-color:#151515; border:1px solid #33270f; border-radius:12px;">
        <tr>
            <td style="padding:22px;">
                <p style="margin:0 0 14px 0; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#c9a44c;">
                    {{ __('surmesure.specs_title') }}
                </p>

                @foreach($quote->answers_json ?? [] as $label => $value)
                    <div style="font-size:14px; line-height:24px; color:#dddddd; border-bottom:1px solid #262626; padding:6px 0;">
                        <span style="color:#999;">{{ $label }}</span> — <strong style="color:#f5f5f5;">{{ $value }}</strong>
                    </div>
                @endforeach

                @if($quote->message)
                    <p style="margin:18px 0 0 0; font-size:14px; line-height:24px; color:#dddddd;">
                        <span style="color:#999;">{{ __('surmesure.quote_message') }} :</span><br>
                        {{ $quote->message }}
                    </p>
                @endif
            </td>
        </tr>
    </table>

    <div style="text-align:center;">
        <a href="{{ route('sur-mesure.quotes.show', $quote) }}"
           style="display:inline-block; padding:14px 26px; background-color:#c9a44c; color:#070707; text-decoration:none; border-radius:8px; font-size:15px; font-weight:bold;">
            {{ __('surmesure.mail_quote_requested_cta') }}
        </a>
    </div>
@endsection