<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
    <div class="modal-body-container">
        {{#if @options.isIntegratedVendor}}
            <div class="integrated-vendor-button border-0 mb-4">
                <div>
                    <img src={{@options.vendor.provider_settings.logo}} alt={{@options.vendor.provider_settings.code}} class="w-20 h-20" width="80" height="80" />
                </div>
                <div>
                    <h3 class="text-sm font-semibold dark:text-white">{{@options.vendor.provider_settings.name}}</h3>
                </div>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs dark:text-gray-100">
                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.component.modals.vendor-details.sandbox"}}</div>
                    <div class="field-value">{{if @options.vendor.sandbox "Yes" "No"}}</div>
                </div>
                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.component.modals.vendor-details.host"}}</div>
                    <div class="field-value">{{n-a @options.vendor.host}}</div>
                </div>
                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.component.modals.vendor-details.namespace"}}</div>
                    <div class="field-value">{{n-a @options.vendor.namespace}}</div>
                </div>
                {{#if (is-object @options.vendor.options)}}
                    {{#each-in @options.vendor.options as |key value|}}
                        <div class="field-info-container space-y-2">
                            <div class="field-name">{{smart-humanize key}}</div>
                            <div class="field-value">{{n-a value}}</div>
                        </div>
                    {{/each-in}}
                {{/if}}
            </div>
        {{else}}
            <div class="grid grid-cols-3 md:grid-cols-2 gap-4 text-xs dark:text-gray-100">
                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.name"}}</div>
                    <div class="field-value">{{n-a @options.vendor.name}}</div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.email"}}</div>
                    <div class="field-value">{{n-a @options.vendor.email}}</div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.phone"}}</div>
                    <div class="field-value">{{n-a @options.vendor.phone}}</div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.website-url"}}</div>
                    <div class="field-value">{{n-a @options.vendor.website_url}}</div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.country"}}</div>
                    <div class="field-value">
                        <CountryName @country={{@options.vendor.country}} @showFlag={{true}} />
                    </div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.status"}}</div>
                    <div class="field-value">
                        <Badge @status={{@options.vendor.status}} />
                    </div>
                </div>

                <div class="field-info-container space-y-2">
                    <div class="field-name">{{t "fleet-ops.common.address"}}</div>
                    <div class="field-value">{{n-a @options.vendor.address}}</div>
                </div>
            </div>
        {{/if}}
    </div>
</Modal::Default>