<ContentPanel @title="Details" @open={{true}} @wrapperClass="bordered-top">
    <div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Order ID</div>
            <ClickToCopy @value={{@resource.public_id}} class="field-value">{{n-a @resource.public_id}}</ClickToCopy>
        </div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Tracking Number</div>
            <ClickToCopy @value={{@resource.tracking_number.tracking_number}} class="field-value">{{n-a @resource.tracking_number.tracking_number}}</ClickToCopy>
        </div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Scheduled</div>
            <div class="field-value">{{n-a (format-date-fns @resource.scheduled_at "MMM d, yyyy HH:mm")}}</div>
        </div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Created</div>
            <div class="field-value">{{n-a (format-date-fns @resource.created_at "MMM d, yyyy HH:mm")}}</div>
        </div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Type</div>
            <div class="field-value">{{n-a (smart-humanize @resource.type)}}</div>
        </div>
        <div class="field-info-container field-vertical-container dashed-bottom">
            <div class="field-name">Proof of Delivery</div>
            <div class="field-value">{{if @resource.pod_required (smart-humanize @resource.pod_method) "Not required"}}</div>
        </div>
        <div class="field-info-container field-vertical-container">
            <div class="field-name">Notes</div>
            <div class="field-value">{{n-a @resource.notes "No notes provided."}}</div>
        </div>
    </div>
</ContentPanel>