{% load i18n %}
<div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Customer ID" %}</div>
    <div class="flex-fill">: {{ partner.inner_id }}</div>
  </div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Customer Name" %}</div>
    <div class="flex-fill">: {{ partner.name }}</div>
  </div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Address" %}</div>
    <div class="flex-fill">
      <div>: {{ partner.address.render.0 }}</div>
      <div>: {{ partner.address.render.1 }}</div>
    </div>
  </div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Email" %}</div>
    <div class="flex-fill">: {% firstof partner.email '-' %}</div>
  </div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Phone" %}</div>
    <div class="flex-fill">: {% firstof partner.phone '-' %}</div>
  </div>
  <div class="d-flex">
    <div class="flex-shrink-0 fw-bold w-150px">{% trans "Website" %}</div>
    <div class="flex-fill">: {% firstof partner.website '-' %}</div>
  </div>
</div>
