{% extends "base.html" %}
{% block title %}Tools{% endblock %}
{% block content %}
<div class="container">
  <h1 class="my-4">Tools</h1>
  
  
  <!-- Password Categories Card -->
  <div class="card mb-4">
    <div class="card-header">Password Categories</div>
    <div class="card-body">
      <a href="{{ url_for('tools.password_categories') }}" class="btn btn-info">Manage Password Categories</a>
    </div>
  </div>
  
  <!-- Client Import / Export Card -->
  <div class="card mb-4">
    <div class="card-header">Client Import / Export</div>
    <div class="card-body">
      <a href="{{ url_for('tools.export_clients') }}" class="btn btn-secondary">Export Clients</a>
      <a href="{{ url_for('tools.import_clients') }}" class="btn btn-info">Import Clients</a>
    </div>
  </div>
  
  <!-- Domain Import / Export Card (Matches the Client Section Style) -->
  <div class="card">
    <div class="card-header">Domain Import / Export</div>
    <div class="card-body">
      <a href="{{ url_for('tools.export_domains') }}" class="btn btn-secondary">Export Domains</a>
      <a href="{{ url_for('tools.import_domains') }}" class="btn btn-info">Import Domains</a>
    </div>
  </div>
</div>
{% endblock %}