@if ($carousel['button' . $buttonIndex . '_type'] != null && !empty($carousel['button' . $buttonIndex . '_type']))
    @if ($carousel['button' . $buttonIndex . '_type'] == 'QUICK_REPLY')
        <input type="text" class="form-control mb-2 button_display_text" name="button{{ $buttonIndex }}[QUICK_REPLY][button_display_text][]"
            placeholder="Button display text" maxlength="25" value="{{ $carousel['button' . $buttonIndex]['QUICK_REPLY']['button_display_text'][$cardIndex] }}">
    @else
        @if ($carousel['button' . $buttonIndex . '_type'] == 'phone_number')
            <div class="input-group mb-2">
                <span class="codeContainer" style="width: 40%;">
                    <select class="form-select countryCode"  name="button{{ $buttonIndex }}[phone_number][countryCode][]">
                        <option value="">Select Country Code</option>
                        @foreach (__('countries') as $code => $country)
                            <option value="{{ $code }}"
                                @if($carousel['button' . $buttonIndex]['phone_number']['countryCode'][$cardIndex] == $code) selected @endif>{{ $country }}</option>
                        @endforeach
                    </select>
                </span>
                <input type="text" class="form-control phone" name="button{{ $buttonIndex }}[phone_number][numbers][]" 
                    placeholder="@lang('user.phone')" value="{{ $carousel['button' . $buttonIndex]['phone_number']['numbers'][$cardIndex] }}">
                <span class="text-danger" id="error-mobile"></span>
            </div>
        @else
            <input type="text" class="form-control mb-2 button_url" name="button{{ $buttonIndex }}[url][]" 
                placeholder="Enter URL" value="{{ $carousel['button' . $buttonIndex]['url'][$cardIndex] }}">
            @if ($carousel['button' . $buttonIndex . '_type'] == 'dynamic_url')
                <input type="text" class="form-control mb-2 dynamic_url_variable" name="button{{ $buttonIndex }}[url_variable][]" 
                    placeholder="Sample of the variable" value="{{ $carousel['button' . $buttonIndex]['url_variable'][$cardIndex] }}">
                <div class="alert alert-info dynamic_url_hint">{!! __('user.dynamic_link_hint') !!}</div>
            @endif
        @endif
        <input type="text" class="form-control mb-2 button_display_text" name="button{{ $buttonIndex }}[button_display_text][]" 
            placeholder="Button display text" maxlength="25" value="{{ $carousel['button' . $buttonIndex]['button_display_text'][$cardIndex] }}">
        <span class="text-danger" id="error-text"></span>
    @endif
@endif