{% extends "base.html" %}
{% block title %}{{ company.name }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel">
        <div class="panel-header panel-header-inline">
            <div>
                <h1>{{ company.name }}</h1>
                <p>{{ ltext('Company code / رمز الشركة') }}: {{ company.code }}</p>
            </div>
            <a class="button" href="{{ url_for('companies.edit', company_id=company.id) }}">{{ ltext('Edit Company / تعديل الشركة') }}</a>
        </div>
        <div class="detail-grid">
            <article class="detail-card"><span>{{ ltext('Contact Email / البريد') }}</span><strong>{{ company.contact_email or '-' }}</strong></article>
            <article class="detail-card"><span>{{ ltext('Phone / الهاتف') }}</span><strong>{{ company.phone or '-' }}</strong></article>
            <article class="detail-card"><span>{{ ltext('Users / المستخدمون') }}</span><strong>{{ company.external_users.count() }}</strong></article>
            <article class="detail-card"><span>{{ t('tickets') }}</span><strong>{{ company.tickets.count() }}</strong></article>
        </div>
        <article class="detail-block">
            <h2>{{ ltext('Address / العنوان') }}</h2>
            <p>{{ company.address or ltext('Not provided. / غير متوفر.') }}</p>
        </article>
        <article class="detail-block">
            <h2>{{ ltext('Notes / الملاحظات') }}</h2>
            <p>{{ company.notes or ltext('No notes recorded. / لا توجد ملاحظات.') }}</p>
        </article>
    </section>
{% endblock %}