<Layout::Section::Header @title={{@model.url}}>
    {{!-- {{#if @model.isTestMode}}
        <Button @icon="reply" @text={{t "developers.webhooks.view.send-button-text"}} class="mr-2" />
    {{/if}} --}}
    {{#if @model.isEnabled}}
        <Button @icon="ban" @text={{t "developers.webhooks.view.disable-button-text"}} class="mr-2" @onClick={{fn this.disableWebhook @model}} />
    {{else}}
        <Button @icon="ban" @text={{t "developers.webhooks.view.enable-button-text"}} class="mr-2" @onClick={{fn this.enableWebhook @model}} />
    {{/if}}
    <Button @iconPrefix="fas" @icon="times" @text={{t "developers.webhooks.view.delete-button-text"}} @onClick={{fn this.deleteWebhook @model}} />
</Layout::Section::Header>

<Layout::Section::Body>
    <div class="h-screen overflow-y-scroll pb-40">
        <div class="space-y-6 py-6 max-w-6xl mx-auto">
            <Webhook::Metrics @webhook={{@model}} />
            <Webhook::Details @webhook={{@model}} @onClickUpdateWebhook={{this.updateWebhookDetails}} />
            <Webhook::Attempts @webhook={{@model}} />
        </div>
    </div>
</Layout::Section::Body>