@php
    $isEdit = $isEdit ?? 0;
    $isAutomated = $isAutomated ?? 0;
    $isPopup = $isPopup ?? 0;
    $isSend = $isSend ?? 0;
    $automatedTypes = config("system.automated_types");
    $dispatchTypes = config("system.notification_dispatch_type");


    if ($isAutomated == 1) {
        $message = $automated->smsTemplate ?? null ;
        $failMessage = $automated->sms_template_id == 0 ? "발송할 알림톡을 설정해주세요" : "" ;
        $isDisabled = $automated->activated;
    } else {
        $failMessage = $message?->fail_message;
        $isDisabled = $message?->activated;
    }

    $dispatch = $message?->smsDispatches;
@endphp
<div @class(["template-box", "disabled" => $isDisabled != 1 && $isEdit == 0])
    style="--message: '{{ $isEdit == 0 ? $failMessage : "" }}'; {{ $isEdit == 1 ? "min-height: 700px; " : "" }}" >
    @if($isEdit == 0)
        <div class="template-header">
            <div class="title-box">
                <div>{{ $isAutomated == 1 ? $automatedTypes[$automated->trigger_event] . " | " : "" }} {{ $message?->notificationCategory->name }}</div>
                <div class="font-weight-600 icon-box">
                    @if ($dispatch?->is_advertise == 1)
                    <span class="text-danger">
                        <i class="bi bi-badge-ad-fill"></i>
                    </span>
                    @endif
                    <span>{{ $dispatch?->name }}</span>
                </div>
            </div>
            <div class="align-right">
                <div>
                    {{ $isDisabled == 1 ? "활성" : "비활성" }}
                </div>
                @if ($dispatch)
                <div class="icon-box">
                    <span @class(['badge', 'badge-icon', 'badge-warning' => $dispatch?->message_type == 'talk' , 'badge-success' => $dispatch?->message_type == 'sms' ])>
                        {!! $dispatch?->message_type == "sms" ? '<i class="bi bi-envelope"></i>' : '<i class="bi bi-chat"></i>' !!}
                    </span>
                    <span>
                    {{ $dispatch?->dispatch_type ? $dispatchTypes[$dispatch?->dispatch_type] : "" }}
                    </span>
                </div>
                @endif
            </div>
        </div>
    @else
        @if ($isSend)
        <div class="mb-3">
            <label class="required">문자 제목</label>

            <div class="align-right">
                <input type="text" name="name" id="name" value="{{ $dispatch?->name }}" class="form-control" />
            </div>
        </div>
        @endif
        <div class="template-header">
            <div class="title-box">
                <label class="required">문자 내용</label>
            </div>
            <div class="align-right">
                <div class="col-12 font-sm align-right">
                    <span class="mr-3">
                    <span id="byteCnt">0</span>/2000 byte
                    </span>
                    <span id="type_text">텍스트형</span>
                </div>
            </div>
        </div>
    @endif
    <div class="template-body">

        <input type="hidden" name="sms_template_id" id="sms_template_id" value="{{ $message && $message instanceOf App\Domains\Notification\Model\SmsTemplate ? $message?->id : 0}}" />
        <input type="hidden" name="message_type" id="message_type" value="{{ $dispatch?->message_type }}" />
        <input type="hidden" name="send_number" id="send_number" value="{{ $dispatch?->send_number }}" />
        <input type="hidden" name="is_advertise" id="is_advertise" value="{{ $dispatch?->is_advertise }}" />

        <div @class(["message-box", "message-sm-box" => ($message?->smsTemplateButtons?->count() > 0 || $message?->attachments) ]) >
            <textarea class="form-control form-control-sm custom-scroll" @readonly($isEdit == 0) id="message" name="message">{{ $dispatch?->message }}</textarea>
        </div>
        @if($isEdit == 0 && ($message?->smsTemplateButtons?->count() > 0 || $message?->attachments))
            <div class="contents custom-scroll">
                @if ($message?->smsTemplateButtons?->count() > 0)
                    <div class="button-box">
                        @foreach ($message?->smsTemplateButtons as $button)
                            <button onclick="onMoveLink('{{ $button->pc_link }}')" class="btn btn-sm btn-warning w-100 mb-2">{{ $button->name }}</button>
                        @endforeach
                    </div>
                @endif
                @if ( $message?->attachments )
                    <div class="image-box">
                        <img
                        @if (isset($message?->attachments->s3_key))
                            src="{{ app(\S3Helper::class)->getPublicUrl($message->attachments->s3_key) }}"
                        @endif>
                    </div>
                @endif
            </div>
        @elseif ($isEdit == 1)
            <div class="image-box">
                <label>이미지</label>
                <input type="file" name="image" id="image" value="" class="form-control form-control-sm" accept="image/JPG, image/JPEG"/>
                <div class="font-sm mt-1 mb-3">* 파일은 1개까지 업로드 가능하며, 총 500KB 이내의 가로 500px 이상,가로:세로 비율 2:1의 JPG, JPEG 형식의 파일만 업로드 할 수 있습니다.</div>

                <img
                    @if (isset($message?->attachments->s3_key))
                        src="{{ app(\S3Helper::class)->getPublicUrl($message->attachments->s3_key) }}"
                    @endif
                    class="" id="preview_img" >
            </div>
        @endif
    </div>

    @if ($isEdit == 0 )
        <div class="template-footer align-right">
            @if ($isAutomated == 1)
                <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ $automatedRoute }}'">자동발송 수정</button>
                @if ($message)
                    <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ $smsRoute }}'">문자 수정</button>
                @endif
            @elseif ($isPopup == 1)
                <button class="btn btn-sm btn-primary onSelectMessage" type="button">선택</button>
            @elseif ($isEdit == 0 && isset($smsRoute))
                <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ $smsRoute }}'">수정</button>
                <button class="btn btn-sm btn-danger" type="button" onclick="onRemoveTemplate({{ $message?->id }})">삭제</button>
            @endif

        </div>
    @endif
</div>