# shipping_payment.jinja

**Route:** `/shipping-and-payment`
**Path Operation:** `shipping_payment`

## Variables

| Variable | Type |
|----------|------|
| `shipping_methods` | List[ShippingMethod] |
| `payment_methods` | List[PaymentMethod] |
| `banks` | List[Bank] |
| `store` | Store |
| `session` | Session |

## Shipping Method Properties

| Property | Description |
|----------|-------------|
| `shipping_method.id` | ID |
| `shipping_method.name` | Name |
| `shipping_method.image` | Logo |
| `shipping_method.delivery_option_cities` | Covered cities |
| `shipping_method.cost` | Cost breakdown |
| `shipping_method.cod_enabled` | COD available |
| `shipping_method.cod_fee` | COD fees |

## Payment Method Properties

| Property | Description |
|----------|-------------|
| `payment_method.icons` | Payment icons |

## Bank Properties

| Property | Description |
|----------|-------------|
| `bank.bank.name` | Bank name |
| `bank.bank.logo` | Bank logo |
| `bank.beneficiary_name` | Account holder |
| `bank.iban` | IBAN |
| `bank.account_number` | Account number |

## Example

```jinja
{% extends "layout.jinja" %}

{% block main_content %}
  <h2>{{ _("Shipping Options") }}</h2>
  {% for method in shipping_methods %}
    <div>
      <img src="{{ method.image }}" alt="{{ method.name }}">
      <span>{{ method.name }}</span>
    </div>
  {% endfor %}

  <h2>{{ _("Payment Options") }}</h2>
  {% for method in payment_methods %}
    {% if method.icons %}
      <img src="{{ method.icons[0] }}">
    {% endif %}
  {% endfor %}

  <h2>{{ _("Bank Accounts") }}</h2>
  {% for bank in banks %}
    <div>
      <strong>{{ bank.bank.name }}</strong>
      <p>{{ _("IBAN") }}: {{ bank.iban }}</p>
    </div>
  {% endfor %}
{% endblock %}
```