{% extends "base.html" %}

{% block title %}التقرير - {{ record.file_name }}{% endblock %}

{% block content %}
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-file-alt"></i> التقرير النهائي</h2>
        <div>
            <button onclick="window.print()" class="btn btn-secondary me-2">
                <i class="fas fa-print"></i> طباعة
            </button>
            <a href="{{ url_for('reports.download', record_id=record.id, file_type='docx') }}" class="btn btn-success me-2">
                <i class="fas fa-file-word"></i> تحميل Word
            </a>
            {% if report.report_pdf %}
                <a href="{{ url_for('reports.download', record_id=record.id, file_type='pdf') }}" class="btn btn-danger">
                    <i class="fas fa-file-pdf"></i> تحميل PDF
                </a>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-body p-5">
            <!-- Report Header -->
            <div class="text-center mb-5">
                <!-- Logo -->
                {% if record.client.creator.logo_path %}
                <div class="mb-3">
                    <img src="{{ url_for('static', filename='uploads/logos/' + record.client.creator.logo_path.split('/')[-1]) }}"
                         alt="شعار"
                         style="max-height: 100px;">
                </div>
                {% endif %}

                <!-- Company Name -->
                {% if record.client.creator.company_name %}
                <h4 class="fw-bold mb-3">{{ record.client.creator.company_name }}</h4>
                {% endif %}

                <h1 class="display-5 fw-bold">تقرير تحليل التسجيل الصوتي</h1>
                <p class="text-muted">{{ report.created_at.strftime('%Y-%m-%d %H:%M') }}</p>
            </div>

            <hr>

            <!-- General Info -->
            <div class="mb-4">
                <h3 class="text-primary">١. معلومات عامة</h3>
                <table class="table table-bordered">
                    <tr>
                        <th width="30%">اسم الشخص</th>
                        <td>{{ record.client.name }}</td>
                    </tr>
                    <tr>
                        <th>المحقق</th>
                        <td>{{ record.client.creator.name }}</td>
                    </tr>
                    <tr>
                        <th>تاريخ التحليل</th>
                        <td>{{ report.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
                    </tr>
                    <tr>
                        <th>نوع التحليل</th>
                        <td>
                            {% if report.report_type == 'ai' %}
                                تحليل ذكي (AI)
                            {% else %}
                                تحليل محلي
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>

            <!-- Summary -->
            <div class="mb-4">
                <h3 class="text-primary">٢. ملخص التسجيل</h3>
                <p class="text-justify">{{ record.analysis.summary }}</p>
            </div>

            <!-- People -->
            {% if record.analysis.people %}
                <div class="mb-4">
                    <h3 class="text-primary">٣. الأشخاص المذكورون</h3>
                    <ul>
                        {% for person in record.analysis.people %}
                            <li>{{ person }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <!-- Places -->
            {% if record.analysis.places %}
                <div class="mb-4">
                    <h3 class="text-primary">٤. الأماكن المذكورة</h3>
                    <ul>
                        {% for place in record.analysis.places %}
                            <li>{{ place }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <!-- Events -->
            {% if record.analysis.events %}
                <div class="mb-4">
                    <h3 class="text-primary">٥. الأحداث والتفاصيل</h3>
                    <ul>
                        {% for event in record.analysis.events %}
                            <li>{{ event }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <!-- Keywords -->
            {% if record.analysis.keywords %}
                <div class="mb-4">
                    <h3 class="text-primary">٦. الكلمات المفتاحية</h3>
                    <p>{{ record.analysis.keywords|join(', ') }}</p>
                </div>
            {% endif %}

            <!-- Assessment -->
            {% if record.analysis.assessment %}
                <div class="mb-4">
                    <h3 class="text-primary">٧. التقييم العام</h3>
                    <p>{{ record.analysis.assessment }}</p>
                </div>
            {% endif %}

            <!-- Recommendations -->
            {% if record.analysis.recommendations %}
                <div class="mb-4">
                    <h3 class="text-primary">٨. التوصيات</h3>
                    <ul>
                        {% for rec in record.analysis.recommendations %}
                            <li>{{ rec }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <!-- Full Transcript -->
            <div class="mb-4">
                <h3 class="text-primary">٩. النص الكامل للتسجيل</h3>
                <p class="text-justify">{{ record.text }}</p>
            </div>

            <!-- Notes Section -->
            <div class="mb-4">
                <h3 class="text-primary">١٠. ملاحظات إضافية</h3>
                <form method="POST" action="{{ url_for('reports.update_notes', report_id=report.id) }}" class="no-print">
                    <div class="mb-3">
                        <textarea name="notes" class="form-control" rows="5" placeholder="أضف ملاحظاتك هنا...">{{ report.notes or '' }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> حفظ الملاحظات
                    </button>
                </form>
                {% if report.notes %}
                <div class="border p-3 mt-3 print-only">
                    {{ report.notes }}
                </div>
                {% endif %}
            </div>

            {% if record.analysis.note %}
                <div class="alert alert-warning mt-4">
                    <i class="fas fa-info-circle"></i> {{ record.analysis.note }}
                </div>
            {% endif %}
        </div>
    </div>

    <div class="text-center mt-4">
        <a href="{{ url_for('records.view', id=record.id) }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> العودة للتسجيل
        </a>
    </div>
</div>

<style>
    .print-only {
        display: none;
    }
    @media print {
        .navbar, .btn, footer, .alert, .no-print {
            display: none !important;
        }
        .print-only {
            display: block !important;
        }
    }
</style>
{% endblock %}