@section('title', __('mail.store_reservation_creation.title'))

@extends('mail.master')

@section('content')
    <p class="greeting">{{ __('mail.common.greeting', ['name' => $legalRepresentativeName]) }}</p>

    @if ($scheduleType === 'effective_reserve')
        <p>
            {{ __('mail.store_reservation_creation.body_effective') }}<br/>
            {{ __('mail.store_reservation_creation.body_effective_note') }}
        </p>
    @else
        <p>{{ __('mail.store_reservation_creation.body_prereserve') }}</p>
    @endif

    <table style="width:100%; border-collapse:collapse; background-color:var(--grey); margin-bottom:24px;">
        <tr><td colspan="2" style="height:24px; background-color:var(--grey);"></td></tr>

        {{-- Row 1: Agendamento + Loja (2 cols) --}}
        <tr>
            <td style="padding:0 8px 0 24px; width:50%; vertical-align:top;">
                <table style="width:100%; border-collapse:collapse; background-color:#ffffff;">
                    <tr>
                        <td style="padding:14px 20px;">
                            <span class="card-label label-primary">{{ __('mail.store_reservation_creation.schedule') }}</span>
                            <span class="card-value">{{ \Carbon\Carbon::parse($scheduleDate)->format('d/m/Y') }} às {{ $scheduleTime }}</span>
                            @if ($worker)
                                <span class="value-subtext">{{ __('mail.store_reservation_creation.worker', ['worker' => $worker]) }}</span>
                            @endif
                        </td>
                    </tr>
                </table>
            </td>
            <td style="padding:0 24px 0 8px; width:50%; vertical-align:top;">
                <table style="width:100%; border-collapse:collapse; background-color:#ffffff;">
                    <tr>
                        <td style="padding:14px 20px;">
                            <span class="card-label label-secondary">{{ __('mail.common.store') }}</span>
                            <span class="card-value">{{ $store->commercial_name }}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        {{-- Row 2: Cliente (full width) --}}
        <tr><td colspan="2" style="height:8px; background-color:var(--grey);"></td></tr>
        <tr>
            <td colspan="2" style="padding:0 24px;">
                <table style="width:100%; border-collapse:collapse; background-color:#ffffff;">
                    <tr>
                        <td style="padding:14px 20px;">
                            <span class="card-label label-secondary">{{ __('mail.store_reservation_creation.client') }}</span>
                            <span class="card-value">{{ $userWhoReservedName }}</span>
                            <span class="value-subtext">{{ $userWhoReservedEmail }}</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        {{-- Row 3: Observações (full width, if set) --}}
        @if ($observation)
        <tr><td colspan="2" style="height:8px; background-color:var(--grey);"></td></tr>
        <tr>
            <td colspan="2" style="padding:0 24px;">
                <table style="width:100%; border-collapse:collapse; background-color:#ffffff;">
                    <tr>
                        <td style="padding:14px 20px;">
                            <span class="card-label label-secondary">{{ __('mail.store_reservation_creation.observations') }}</span>
                            <span style="display:block; font-size:14px; color:#555555; font-style:italic;">"{{ $observation }}"</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        @endif

        <tr><td colspan="2" style="height:24px; background-color:var(--grey);"></td></tr>
    </table>

    <table style="width:100%; border-collapse:collapse; background-color:var(--grey);">
        <tr>
            <td style="padding: 24px 24px 8px; font-size: 13px; color:var(--dark); font-weight: 700;">{{ __('mail.store_reservation_creation.services_reserved') }}</td>
        </tr>

        @foreach($reservations as $reservation)
            <tr><td style="height:8px; background-color:var(--grey);"></td></tr>
            <tr>
                <td style="padding: 0 24px;">
                    <table style="width:100%; border-collapse:collapse; background-color:#ffffff;">
                        <tr>
                            <td style="padding: 16px 12px 16px 16px; vertical-align:top;">
                                <p class="card-value m-0" style="margin-bottom:4px;">{{ $reservation->service->name }}</p>
                                <p style="margin:0; font-size:12px; color:#888888;">{{ __('mail.products_list.quantity') }} {{ $reservation->quantity }}</p>
                            </td>
                            <td style="padding: 16px 16px 16px 0; vertical-align:top; text-align:right; white-space:nowrap;">
                                @if ($reservation->total)
                                    <p style="margin:0 0 2px 0; font-size:15px; font-weight:600; color:var(--dark);">@formatEuroValue($reservation->total)</p>
                                    <p style="margin:0; font-size:11px; color:#aaaaaa; font-weight:400;">{{ __('mail.store_reservation_creation.vat_included') }}</p>
                                @endif
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        @endforeach

        <tr><td style="height:24px; background-color:var(--grey);"></td></tr>
    </table>

    <p>{{ __('mail.store_reservation_creation.body_sub_1') }}</p>
@endsection