@php
    $command = true;
    $email_message = new App\Models\EmailMessage;
@endphp

<div class="form-group">
    <label for="type" class="fw-bold">{!! __('Típus') !!}:</label> {{ $type_lang }} - {{ $method }}
</div>

<div class="form-group">
    <label for="message">{!! __('Üzenet') !!}</label>
    <textarea id="message" name="message" cols="30" rows="3" class="form-control @error('message') is-invalid @enderror">{{ isset($message) ? $message : old('message') }}</textarea>
    <p>Karakterek száma változók nélkül: <span id="charCount">0</span></p>
    @if ($command)
    <div class="alert alert-info mt-2" role="alert">
        <div>
            @if($type == 'payment_notification_sms')
                {{$email_message->getEmailVariableName('client_fullName')}}: {:client_fullName} - 
                {{$email_message->getEmailVariableName('client_firstName')}}: {:client_firstName} - 
                {{$email_message->getEmailVariableName('billing_number')}}: {:billing_number} - 
                {{$email_message->getEmailVariableName('amount')}}: {:amount} -
                {{$email_message->getEmailVariableName('offer_number')}}: {:offer_number}
            @endif
            @if($type == 'work_notification_sms')
                {{$email_message->getEmailVariableName('client_fullName')}}: {:client_fullName} - 
                {{$email_message->getEmailVariableName('client_firstName')}}: {:client_firstName} - 
                {{$email_message->getEmailVariableName('notification_date')}}: {:notification_date} - 
                {{$email_message->getEmailVariableName('offer_number')}}: {:offer_number} - 
                {{$email_message->getEmailVariableName('full_address')}}: {:full_address}
            @endif
        </div>
    </div>        
    @endif
    @error('message')
        <span class="invalid-feedback" role="alert">
            <strong>{!! $message !!}</strong>
        </span>
    @enderror
</div>

<input type="hidden" name="method" id="method" value="{{$method}}">

<script>
$(document).ready(function() {
    $('#message').on('input', function() {
        msg_char();
    });

    function msg_char() {
        var text = $('#message').val();
        var cleanText = text.replace(/{:[^}]+}/g, ''); 
        var char_count = cleanText.length; 
        $('#charCount').text(char_count);
    }

    msg_char();
});
</script>