{{-- Top Bar --}}
@error('templateName')

{{ $message }}

@enderror
{{-- Autosave indicator --}}
@if($lastSavedAt) {{ __('Saved at') }} {{ $lastSavedAt }} @endif @if($hasUnsavedChanges) {{ __('Unsaved changes') }} @endif
{{-- Load Template --}}
@if($savedTemplates->isEmpty())

{{ __('No templates yet.') }}

@else @foreach($savedTemplates as $tpl) @endforeach @endif
{{-- Save --}} {{-- Preview Toggle --}} {{-- Use in Campaign --}}
{{-- Main Content Area --}}
{{-- Preview Mode: Full Width iframe --}} @if($showPreview)

{{ __('Email Preview') }}

{{-- {{ }} already HTML-escapes once, which is exactly what srcdoc needs. Using e() *inside* {{ }} double- escapes and makes the iframe render the HTML as plain text instead of an email. --}}
@else {{-- Left Panel: Block Palette --}}

{{ __('Content Blocks') }}

@foreach($this->availableBlockTypes as $type => $config)
@switch($type) @case('header') @break @case('text') @break @case('image') @break @case('button') @break @case('divider') @break @case('columns') @break @case('spacer') @break @case('social') @break @case('footer') @break @endswitch

{{ $config['label'] }}

@endforeach
{{-- Merge Tags --}}

{{ __('Merge Tags') }}

@foreach(['{first_name}', '{last_name}', '{email}', '{company}'] as $tag) @endforeach
{{-- Center Panel: Canvas --}}
{{-- Canvas Header --}}

600px Email Canvas

{{-- Email Preview Canvas --}}
@if(empty($blocks)) {{-- Empty State --}}

{{ __('Start building your email') }}

{{ __('Drag blocks from the left panel or click them to add content to your email.') }}

@else {{-- Block List --}}
@foreach($blocks as $index => $block) @if(!isset($block['type'])) @continue @endif {{-- Drop Zone Above --}}
{{-- Block --}}
{{-- Block Content Preview --}}
@switch($block['type']) @case('header')
@if(!empty($block['data']['logo_url'])) Logo @endif {{ $block['data']['company_name'] ?? '{company}' }}
@break @case('text')
{!! \App\Helpers\HtmlSanitizer::sanitize($block['data']['content'] ?? '

Enter text...

') !!}
@break @case('image')
{{ $block['data']['alt'] ?? '' }}
@break @case('button')
{{ $block['data']['text'] ?? __('Click Here') }}
@break @case('divider')

@break @case('columns')
{!! \App\Helpers\HtmlSanitizer::sanitize($block['data']['left_content'] ?? '

Left column

') !!}
{!! \App\Helpers\HtmlSanitizer::sanitize($block['data']['right_content'] ?? '

Right column

') !!}
@break @case('spacer')
{{ $block['data']['height'] ?? 30 }}px spacer
@break @case('social')
@foreach(($block['data']['links'] ?? []) as $link) @php $colors = ['twitter'=>'#1DA1F2','linkedin'=>'#0A66C2','facebook'=>'#1877F2','instagram'=>'#E4405F','youtube'=>'#FF0000','github'=>'#333']; $color = $colors[$link['platform'] ?? ''] ?? '#64748B'; @endphp {{ strtoupper(substr($link['platform'] ?? '?', 0, 1)) }} @endforeach
@break @case('footer')

{{ $block['data']['text'] ?? '' }}

{{ $block['data']['unsubscribe_text'] ?? __('Unsubscribe') }}

@break @endswitch
{{-- Hover Overlay with Actions --}}
{{-- Block Type Label --}}
{{ strtoupper($block['type']) }}
{{-- Action Buttons --}}
@if($index > 0) @endif @if($index < count($blocks) - 1) @endif
{{-- Drag Handle --}}
@endforeach {{-- Drop Zone at the End --}}
@endif
{{-- Right Panel: Properties Editor --}}
@if($selectedBlockIndex >= 0 && isset($blocks[$selectedBlockIndex]) && isset($blocks[$selectedBlockIndex]['type'])) @php $block = $blocks[$selectedBlockIndex]; @endphp

{{ ucfirst($block['type']) }} {{ __('Settings') }}

@switch($block['type']) @case('header')
@break @case('text')

{{ __('Supports HTML tags and merge tags.') }}

@foreach(['left', 'center', 'right'] as $alignment) @endforeach
@break @case('image')

{{ $block['data']['width'] ?? 100 }}%

@break @case('button')
@foreach(['left', 'center', 'right'] as $alignment) @endforeach
@break @case('divider')

{{ $block['data']['width'] ?? 100 }}%

@break @case('columns')
@break @case('spacer')

{{ $block['data']['height'] ?? 30 }}px

@break @case('social')
@foreach(($block['data']['links'] ?? []) as $linkIndex => $link)
Link {{ $linkIndex + 1 }}
@endforeach @if(count($block['data']['links'] ?? []) < 6) @endif
@break @case('footer')
@break @endswitch {{-- Common Actions --}}
@else {{-- No block selected --}}

{{ __('Block Properties') }}

{{ __('Click on a block in the canvas to edit its properties here.') }}

@endif
@endif
{{-- Success/Error Messages --}} @if(session()->has('success'))
{{ session('success') }}
@endif
@script @endscript