{{#if this.isIntegratedVendor}}
    <IntegratedVendor::Details @resource={{@resource}} />
{{else}}
    <div class="details-wrapper" ...attributes>
        <ContentPanel @title="Details" @open={{true}} @wrapperClass="bordered-top">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100">
                <div class="field-info-container">
                    <div class="field-name">{{t "common.name"}}</div>
                    <div class="field-value">{{n-a @resource.name}}</div>
                </div>

                <div class="field-info-container">
                    <div class="field-name">{{t "common.email"}}</div>
                    <div class="field-value">{{n-a @resource.email}}</div>
                </div>

                <div class="field-info-container">
                    <div class="field-name">{{t "common.phone"}}</div>
                    <div class="field-value">{{n-a @resource.phone}}</div>
                </div>

                <div class="field-info-container">
                    <div class="field-name">{{t "vendor.fields.website"}}</div>
                    <div class="field-value">{{n-a @resource.website_url}}</div>
                </div>

                <div class="field-info-container">
                    <div class="field-name">{{t "common.country"}}</div>
                    <div class="field-value">
                        <CountryName @country={{@resource.country}} @showFlag={{true}} />
                    </div>
                </div>

                <div class="field-info-container">
                    <div class="field-name">{{t "common.status"}}</div>
                    <div class="field-value">
                        <Badge @status={{@resource.status}} />
                    </div>
                </div>

                <div class="field-info-container col-span-2">
                    <div class="field-name">{{t "common.address"}}</div>
                    <div class="field-value">{{n-a @resource.address}}</div>
                </div>
            </div>
        </ContentPanel>

        <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
    </div>
{{/if}}