{% extends "base.html" %}
{% from "macros.html" import render_breadcrumb %}

{% block title %}PDF Tools - Document Generator{% endblock %}

{% block breadcrumb %}
{{ render_breadcrumb([
    {'title': 'Dashboard', 'url': url_for('main.dashboard')},
    {'title': 'PDF Tools'}
]) }}
{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h1 class="h2 mb-0">PDF Tools</h1>
        <p class="text-muted">Professional PDF processing utilities</p>
    </div>
</div>

<div class="row">
    <div class="col-lg-6 mb-4">
        <div class="card h-100 border-info">
            <div class="card-body text-center">
                <div class="text-info mb-4">
                    <i class="bi bi-files" style="font-size: 4rem;"></i>
                </div>
                <h4 class="card-title">Merge PDFs</h4>
                <p class="card-text text-muted mb-4">
                    Combine multiple PDF files into a single document. 
                    Drag and drop to reorder pages before merging.
                </p>
                
                <div class="row text-center mb-4">
                    <div class="col-4">
                        <div class="text-info">
                            <i class="bi bi-upload fs-4"></i>
                        </div>
                        <small class="text-muted">Upload</small>
                    </div>
                    <div class="col-4">
                        <div class="text-info">
                            <i class="bi bi-arrow-left-right fs-4"></i>
                        </div>
                        <small class="text-muted">Reorder</small>
                    </div>
                    <div class="col-4">
                        <div class="text-info">
                            <i class="bi bi-download fs-4"></i>
                        </div>
                        <small class="text-muted">Download</small>
                    </div>
                </div>
                
                <a href="{{ url_for('pdf_tools.merge') }}" class="btn btn-info btn-lg">
                    <i class="bi bi-files me-2"></i>Merge PDFs
                </a>
            </div>
        </div>
    </div>
    
    <div class="col-lg-6 mb-4">
        <div class="card h-100 border-warning">
            <div class="card-body text-center">
                <div class="text-warning mb-4">
                    <i class="bi bi-arrow-down-circle" style="font-size: 4rem;"></i>
                </div>
                <h4 class="card-title">Compress PDF</h4>
                <p class="card-text text-muted mb-4">
                    Reduce PDF file size while maintaining quality. 
                    Choose from multiple compression presets.
                </p>
                
                <div class="row text-center mb-4">
                    <div class="col-4">
                        <div class="text-warning">
                            <i class="bi bi-file-earmark-pdf fs-4"></i>
                        </div>
                        <small class="text-muted">Upload</small>
                    </div>
                    <div class="col-4">
                        <div class="text-warning">
                            <i class="bi bi-sliders fs-4"></i>
                        </div>
                        <small class="text-muted">Configure</small>
                    </div>
                    <div class="col-4">
                        <div class="text-warning">
                            <i class="bi bi-download fs-4"></i>
                        </div>
                        <small class="text-muted">Download</small>
                    </div>
                </div>
                
                <a href="{{ url_for('pdf_tools.compress') }}" class="btn btn-warning btn-lg">
                    <i class="bi bi-arrow-down-circle me-2"></i>Compress PDF
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Features Overview -->
<div class="row mt-5">
    <div class="col-12">
        <h3 class="mb-4">Features & Capabilities</h3>
    </div>
    
    <div class="col-md-4 mb-4">
        <div class="card">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="text-primary me-3">
                        <i class="bi bi-shield-check fs-3"></i>
                    </div>
                    <div>
                        <h6 class="mb-0">Secure Processing</h6>
                        <small class="text-muted">Files processed locally</small>
                    </div>
                </div>
                <p class="card-text text-muted">
                    All PDF processing happens on our secure servers. 
                    Your files are never shared or stored permanently.
                </p>
            </div>
        </div>
    </div>
    
    <div class="col-md-4 mb-4">
        <div class="card">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="text-success me-3">
                        <i class="bi bi-lightning fs-3"></i>
                    </div>
                    <div>
                        <h6 class="mb-0">Fast Processing</h6>
                        <small class="text-muted">Optimized algorithms</small>
                    </div>
                </div>
                <p class="card-text text-muted">
                    Advanced compression and merging algorithms ensure 
                    fast processing even for large PDF files.
                </p>
            </div>
        </div>
    </div>
    
    <div class="col-md-4 mb-4">
        <div class="card">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="text-info me-3">
                        <i class="bi bi-gem fs-3"></i>
                    </div>
                    <div>
                        <h6 class="mb-0">Quality Preservation</h6>
                        <small class="text-muted">Professional results</small>
                    </div>
                </div>
                <p class="card-text text-muted">
                    Smart compression maintains document quality while 
                    achieving significant file size reductions.
                </p>
            </div>
        </div>
    </div>
</div>

<!-- Recent Jobs -->
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-white">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Recent PDF Jobs</h5>
                    <a href="{{ url_for('pdf_tools.history') }}" class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-clock-history me-1"></i>View All
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="text-center text-muted py-4">
                    <i class="bi bi-clock-history" style="font-size: 3rem; opacity: 0.3;"></i>
                    <p class="mt-2">No recent PDF jobs</p>
                    <p class="small">Your PDF processing history will appear here</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}