{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{% extends 'generic/object.html' %}
{% load helpers %}

{% block content %}
<div class="row">

  {# Left column: profile properties #}
  <div class="col col-md-5">
    <div class="card">
      <h5 class="card-header">Import Profile</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr><th scope="row">Name</th><td>{{ object.name }}</td></tr>
          <tr><th scope="row">Description</th><td>{{ object.description|placeholder }}</td></tr>
          <tr><th scope="row">Source Adapter</th><td>{{ object.get_source_adapter_display }}</td></tr>
          {% for label, value in object.adapter_config_display %}
          <tr><th scope="row">{{ label }}</th><td>
            {% if value is True %}<span class="badge text-bg-success">Yes</span>
            {% elif value is False %}<span class="badge text-bg-secondary">No</span>
            {% else %}{{ value|placeholder }}{% endif %}
          </td></tr>
          {% endfor %}
        </table>
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body text-center">
        <a href="{% url 'plugins:netbox_data_import:import_setup' %}?profile={{ object.pk }}" class="btn btn-primary btn-lg">
          <i class="mdi mdi-database-import"></i> Run Import with this Profile
        </a>
      </div>
    </div>
    <div class="card mt-3">
      <div class="card-body d-flex flex-wrap gap-2">
        <a href="{% url 'plugins:netbox_data_import:exportprofile_yaml' object.pk %}" class="btn btn-outline-primary">
          <i class="mdi mdi-download"></i> Export YAML
        </a>
        {% if 'column_mappings' in applicable_policy_sections %}
        <a href="{% url 'plugins:netbox_data_import:bulk_yaml_import' object.pk %}" class="btn btn-outline-secondary">
          <i class="mdi mdi-file-upload"></i> Bulk YAML Import
        </a>
        {% endif %}
        {% if 'source_resolutions' in applicable_policy_sections %}
        <a href="{% url 'plugins:netbox_data_import:source_resolution_list' object.pk %}" class="btn btn-outline-secondary">
          <i class="mdi mdi-tune-variant"></i> Row Resolutions
        </a>
        {% endif %}
        {% if 'device_type_mappings' in applicable_policy_sections %}
        <a href="{% url 'plugins:netbox_data_import:device_type_analysis_profile' object.pk %}" class="btn btn-outline-secondary">
          <i class="mdi mdi-magnify"></i> Device Type Analysis
        </a>
        {% endif %}
      </div>
    </div>
  </div>

  {# Right column: mapping tables #}
  <div class="col col-md-7">

    {# Column Mappings #}
    {% if 'column_mappings' in applicable_policy_sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Column Mappings</strong>
        <a href="{% url 'plugins:netbox_data_import:columnmapping_add' object.pk %}" class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </div>
      {% if column_table.rows %}
        {% include 'inc/table.html' with table=column_table %}
      {% else %}
        <div class="card-body text-muted">No column mappings configured.</div>
      {% endif %}
    </div>
    {% endif %}

    {# Class → Role Mappings #}
    {% if 'class_role_mappings' in applicable_policy_sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Class → Role Mappings</strong>
        <a href="{% url 'plugins:netbox_data_import:classrolemapping_add' object.pk %}" class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </div>
      {% if class_role_table.rows %}
        {% include 'inc/table.html' with table=class_role_table %}
      {% else %}
        <div class="card-body text-muted">No class→role mappings configured.</div>
      {% endif %}
    </div>
    {% endif %}

    {# Device Type Mappings #}
    {% if 'device_type_mappings' in applicable_policy_sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Device Type Mappings</strong>
        <a href="{% url 'plugins:netbox_data_import:devicetypemapping_add' object.pk %}" class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </div>
      {% if device_type_table.rows %}
        {% include 'inc/table.html' with table=device_type_table %}
      {% else %}
        <div class="card-body text-muted">No device type mappings configured.</div>
      {% endif %}
    </div>
    {% endif %}

    {# Column Transform Rules #}
    {% if 'column_transform_rules' in applicable_policy_sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Column Transform Rules</strong>
        <a href="{% url 'plugins:netbox_data_import:columntransformrule_add' object.pk %}" class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </div>
      {% if transform_table.rows %}
        {% include 'inc/table.html' with table=transform_table %}
      {% else %}
        <div class="card-body text-muted">No column transform rules configured.</div>
      {% endif %}
    </div>
    {% endif %}

    {# CableClass Mappings #}
    {% if 'cable_class_mappings' in applicable_policy_sections %}
    <div class="card mb-3">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>CableClass Mappings</strong>
        <a href="{% url 'plugins:netbox_data_import:cableclassmapping_add' object.pk %}" class="btn btn-sm btn-primary">
          <i class="mdi mdi-plus-thick"></i> Add
        </a>
      </div>
      {% if cable_class_table.rows %}
        {% include 'inc/table.html' with table=cable_class_table %}
      {% else %}
        <div class="card-body text-muted">No CableClass mappings configured.</div>
      {% endif %}
    </div>
    {% endif %}

  </div>
</div>
{% endblock %}