{% extends "layout_default.html.twig" %}

{% set company = guest.system_company %}

{% block meta_title %}{{ 'About Us'|trans }}{% endblock %}
{% block meta_description %}{{ (company.note ?? company.signature ?? company.name)|markdown_to_html|striptags|trim|truncate(160) }}{% endblock %}

{% block body_class %}about-us{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item active" aria-current="page">{{ 'About'|trans }}</li>
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header py-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h1 class="mb-1">{{ 'About Us'|trans }}</h1>
                            <span class="small text-muted">
                                {{ company.signature }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p>{{ (company.note ?? '')|markdown_to_html }}</p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
