@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