@php
    use App\Models\SendingServer;

    $allowMerge = $allowMerge ?? true;
    $gatewayId = $gatewayId ?? null;
    $locked = $locked ?? false;
    $defaultTags = collect($template_tags ?? [])->map(function ($tag) {
        return [
            'tag' => $tag->tag,
            'label' => $tag->name ?: $tag->tag,
        ];
    })->values();
@endphp
<div id="whatsapp-template-composer"
     class="col-12"
     data-allow-merge="{{ $allowMerge ? '1' : '0' }}"
     data-composer-locked="{{ $locked ? '1' : '0' }}"
     data-gateway-id="{{ $gatewayId }}"
     data-template-gateway="{{ SendingServer::TYPE_WHATSAPPBYTEMPLATE }}"
     data-approved-url="{{ route('customer.whatsapp_templates.approved') }}"
     data-show-url="{{ str_replace('999999', ':id', route('customer.whatsapp_templates.show', 999999)) }}"
     data-sync-url="{{ route('customer.whatsapp_templates.sync') }}"
     data-csrf="{{ csrf_token() }}"
     data-default-tags='@json($defaultTags)'>
    <input type="hidden" name="whatsapp_template_id" id="whatsapp_template_id" value="">
    <p class="text-muted font-small-2 mt-50 mb-0 d-none" data-wa-composer-hint></p>

    <input type="hidden" name="whatsapp_template_name" id="whatsapp_template_name" value="">
    <input type="hidden" name="whatsapp_template_language" id="whatsapp_template_language" value="">

    <div class="d-none mb-1" data-wa-composer-slots-wrap>
        <label class="form-label fw-semibold">{{ __('locale.whatsapp_composer.map_variables') }}</label>
        <div class="wa-composer-source mb-1" data-wa-composer-source></div>
        <div class="wa-composer-slots" data-wa-composer-slots></div>
    </div>

    <p class="text-danger d-none mb-1" data-wa-composer-error></p>
</div>