{% extends "base.html" %}

{% block title %}{{ facility.name }}{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-md-8">
        <h2><i class="bi bi-building"></i> {{ facility.name }}</h2>
    </div>
    <div class="col-md-4 text-end d-flex gap-2 justify-content-end align-items-start">
        <a href="{{ url_for('facilities.list_facilities') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Back to Facilities
        </a>
        {% if current_user.role in ['admin', 'director', 'project_manager', 'customer'] %}
        <a href="{{ url_for('reports.facility_report', facility_id=facility.id) }}"
           class="btn btn-outline-info">
          <i class="bi bi-graph-up-arrow"></i> Scorecard
        </a>
        {% endif %}
        {% if current_user.role in ['admin', 'director', 'project_manager', 'customer'] %}
        <a href="{{ url_for('facilities.facility_qr_page', facility_id=facility.id) }}"
           class="btn btn-outline-dark" title="Printable QR code for this facility">
          <i class="bi bi-qr-code"></i> QR Code
        </a>
        {% endif %}
        {% if current_user.role in ['admin', 'director'] %}
        <a href="{{ url_for('facilities.edit_facility', facility_id=facility.id) }}" class="btn btn-outline-primary">
            <i class="bi bi-pencil"></i> Edit
        </a>
        <a href="{{ url_for('facilities.create_area', facility_id=facility.id) }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Add Area
        </a>
        {% endif %}
        {% if current_user.role == 'admin' %}
        <button type="button"
                class="btn btn-danger"
                data-bs-toggle="modal"
                data-bs-target="#deleteModal">
            <i class="bi bi-trash-fill"></i> Delete Facility
        </button>
        {% endif %}
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0">Facility Information</h5>
            </div>
            <div class="card-body">
                <table class="table table-sm table-borderless">
                    <tr>
                        <th width="40%">Address:</th>
                        <td>{{ facility.address or 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Contact Person:</th>
                        <td>{{ facility.contact_person or 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Contact Phone:</th>
                        <td>{{ facility.contact_phone or 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Status:</th>
                        <td>
                            <span class="badge bg-{{ 'success' if facility.active else 'secondary' }}">
                                {{ 'Active' if facility.active else 'Inactive' }}
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0">Statistics</h5>
            </div>
            <div class="card-body">
                <div class="row text-center g-2">
                    <div class="col-4">
                        <h3 class="text-primary">{{ areas|length }}</h3>
                        <small class="text-muted">Areas</small>
                    </div>
                    <div class="col-4">
                        <h3 class="text-info">{{ facility.inspections.count() }}</h3>
                        <small class="text-muted">Inspections</small>
                    </div>
                    <div class="col-4">
                        {%- set ns = namespace(open=0) -%}
                        {%- for area in areas -%}
                          {%- set ns.open = ns.open + area.issues.filter_by(status='open').count() + area.issues.filter_by(status='in_progress').count() -%}
                        {%- endfor -%}
                        <h3 class="text-{{ 'danger' if ns.open > 0 else 'success' }}">{{ ns.open }}</h3>
                        <small class="text-muted">Open Issues</small>
                    </div>
                </div>
                <div class="text-center mt-3">
                  <a href="{{ url_for('reports.facility_report', facility_id=facility.id) }}"
                     class="btn btn-sm btn-outline-info">
                    <i class="bi bi-graph-up-arrow me-1"></i>View Full Scorecard
                  </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-header bg-light">
        <h5 class="mb-0"><i class="bi bi-diagram-3"></i> Areas</h5>
    </div>
    <div class="card-body">
        {% if areas %}
        <div class="table-responsive">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Area Name</th>
                        <th>Type</th>
                        <th>Inspections</th>
                        <th width="150">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for area in areas %}
                    <tr>
                        <td><strong>{{ area.name }}</strong></td>
                        <td>
                            <span class="badge bg-secondary">{{ area.area_type|title if area.area_type else 'N/A' }}</span>
                        </td>
                        <td>{{ area.inspections.count() }}</td>
                        <td>
                            {% if current_user.role in ['admin', 'director', 'project_manager', 'customer'] %}
                            <a href="{{ url_for('facilities.area_qr_page', area_id=area.id) }}"
                               class="btn btn-sm btn-outline-dark" title="Printable QR code for this area">
                                <i class="bi bi-qr-code"></i>
                            </a>
                            {% endif %}
                            {% if current_user.role in ['admin', 'director'] %}
                            <a href="{{ url_for('facilities.edit_area', area_id=area.id) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-pencil"></i>
                            </a>
                            {% set area_issue_count = area.issues.count() %}
                            {% set area_insp_count = area.inspections.count() %}
                            <form method="POST" action="{{ url_for('facilities.delete_area', area_id=area.id) }}" class="d-inline"
                                  onsubmit="return confirm('Delete area '{{ area.name }}'? This cannot be undone.');">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                                <button type="submit" class="btn btn-sm btn-outline-danger"
                                        {% if area_insp_count > 0 or area_issue_count > 0 %}
                                        disabled
                                        title="Cannot delete — {{ area_insp_count }} inspection(s) and {{ area_issue_count }} issue(s) on file"
                                        {% endif %}>
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="alert alert-info mb-0">
            <i class="bi bi-info-circle"></i> No areas defined for this facility yet.
        </div>
        {% endif %}
    </div>
</div>

{% if current_user.role == 'admin' %}
<!-- Delete Confirmation Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteModalLabel">
                    <i class="bi bi-exclamation-triangle-fill"></i> Confirm Deletion
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>You are about to permanently delete:</p>
                <p class="fw-bold fs-5">{{ facility.name }}</p>
                {% if facility.inspections.count() > 0 %}
                <div class="alert alert-danger mb-0">
                    <i class="bi bi-x-circle-fill"></i>
                    <strong>Cannot delete this facility.</strong> It has
                    <strong>{{ facility.inspections.count() }} inspection record(s)</strong> on file.
                    Please remove all associated inspections first.
                </div>
                {% else %}
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle-fill"></i>
                    This action is <strong>irreversible</strong>. All
                    <strong>{{ areas|length }} area(s)</strong> associated with this facility will also be deleted.
                </div>
                {% endif %}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="bi bi-x-circle"></i> Cancel
                </button>
                <form method="POST" action="{{ url_for('facilities.delete_facility', facility_id=facility.id) }}" class="d-inline">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit"
                            class="btn btn-danger"
                            {% if facility.inspections.count() > 0 %}disabled{% endif %}>
                        <i class="bi bi-trash-fill"></i> Delete Permanently
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}