Upload 3 files

app.py

@@ -0,0 +1,243 @@
+import os
+import io
+from flask import Flask, render_template, request, jsonify, send_file
+from werkzeug.utils import secure_filename
+import PyPDF2
+from io import BytesIO
+from reportlab.pdfgen import canvas
+from reportlab.lib.pagesizes import letter
+import nltk
+from nltk.tokenize import sent_tokenize, word_tokenize
+from nltk.corpus import stopwords
+from collections import defaultdict
+import heapq
+import tempfile
+import json
+
+# ==============================
+# FIXED NLTK DOWNLOAD SECTION
+# ==============================
+
+def download_nltk_resources():
+    resources = ['punkt', 'punkt_tab', 'stopwords']
+    
+    for resource in resources:
+        try:
+            nltk.data.find(f'tokenizers/{resource}')
+        except LookupError:
+            try:
+                nltk.data.find(f'corpora/{resource}')
+            except LookupError:
+                nltk.download(resource)
+
+download_nltk_resources()
+
+# ==============================
+
+app = Flask(__name__)
+app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024  # 16MB max file size
+app.config['UPLOAD_FOLDER'] = tempfile.gettempdir()
+app.config['SECRET_KEY'] = 'your-secret-key-here'
+
+ALLOWED_EXTENSIONS = {'pdf'}
+
+def allowed_file(filename):
+    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+
+
+def extract_text_from_pdf(pdf_file):
+    """Extract text from uploaded PDF file"""
+    pdf_reader = PyPDF2.PdfReader(pdf_file)
+    text = ""
+    for page in pdf_reader.pages:
+        page_text = page.extract_text()
+        if page_text:
+            text += page_text + "\n"
+    return text
+
+
+def summarize_text(text, num_sentences=5):
+    """Summarize text using frequency-based scoring"""
+    
+    sentences = sent_tokenize(text)
+
+    if len(sentences) <= num_sentences:
+        return text
+
+    stop_words = set(stopwords.words('english'))
+    words = word_tokenize(text.lower())
+    words = [word for word in words if word.isalnum() and word not in stop_words]
+
+    word_freq = defaultdict(int)
+    for word in words:
+        word_freq[word] += 1
+
+    sentence_scores = defaultdict(int)
+    for i, sentence in enumerate(sentences):
+        sentence_words = word_tokenize(sentence.lower())
+        for word in sentence_words:
+            if word in word_freq:
+                sentence_scores[i] += word_freq[word]
+
+    top_sentences = heapq.nlargest(num_sentences, sentence_scores, key=sentence_scores.get)
+    top_sentences.sort()
+
+    summary = [sentences[i] for i in top_sentences]
+    return ' '.join(summary)
+
+
+def analyze_pdf_statistics(text):
+    """Analyze PDF and return statistics"""
+    sentences = sent_tokenize(text)
+    words = word_tokenize(text)
+    characters = len(text)
+
+    return {
+        'page_count': text.count('\f') + 1,
+        'sentence_count': len(sentences),
+        'word_count': len(words),
+        'character_count': characters,
+        'avg_sentence_length': round(len(words) / len(sentences), 2) if sentences else 0,
+        'avg_word_length': round(sum(len(word) for word in words) / len(words), 2) if words else 0
+    }
+
+
+def create_summary_pdf(summary, filename="summary.pdf"):
+    """Create a downloadable PDF from summary"""
+    buffer = BytesIO()
+    pdf = canvas.Canvas(buffer, pagesize=letter)
+    pdf.setTitle("PDF Summary")
+
+    pdf.setFont("Helvetica-Bold", 16)
+    pdf.drawString(72, 750, "PDF Document Summary")
+    pdf.line(72, 745, 540, 745)
+
+    pdf.setFont("Helvetica", 12)
+    y_position = 720
+    max_width = 500
+    words = summary.split()
+    line = []
+
+    for word in words:
+        line.append(word)
+        test_line = ' '.join(line)
+
+        if pdf.stringWidth(test_line, "Helvetica", 12) > max_width:
+            line.pop()
+            pdf.drawString(72, y_position, ' '.join(line))
+            y_position -= 20
+            line = [word]
+
+            if y_position < 50:
+                pdf.showPage()
+                pdf.setFont("Helvetica", 12)
+                y_position = 750
+
+    if line:
+        pdf.drawString(72, y_position, ' '.join(line))
+
+    pdf.save()
+    buffer.seek(0)
+    return buffer
+
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+
+@app.route('/upload', methods=['POST'])
+def upload_pdf():
+    if 'pdf_file' not in request.files:
+        return jsonify({'error': 'No file uploaded'}), 400
+
+    file = request.files['pdf_file']
+
+    if file.filename == '':
+        return jsonify({'error': 'No file selected'}), 400
+
+    if not allowed_file(file.filename):
+        return jsonify({'error': 'Only PDF files are allowed'}), 400
+
+    try:
+        text = extract_text_from_pdf(file)
+
+        if not text.strip():
+            return jsonify({'error': 'Could not extract text from PDF. The PDF might be scanned or image-based.'}), 400
+
+        summary_ratio = float(request.form.get('summary_ratio', 0.3))
+        total_sentences = len(sent_tokenize(text))
+        num_sentences = max(3, int(total_sentences * summary_ratio))
+
+        summary = summarize_text(text, num_sentences)
+        stats = analyze_pdf_statistics(text)
+
+        original_words = len(word_tokenize(text))
+        summary_words = len(word_tokenize(summary))
+
+        compression_ratio = (
+            ((original_words - summary_words) / original_words) * 100
+            if original_words > 0 else 0
+        )
+
+        return jsonify({
+            'success': True,
+            'summary': summary,
+            'statistics': stats,
+            'compression_ratio': round(compression_ratio, 2),
+            'summary_length': summary_words,
+            'filename': secure_filename(file.filename)
+        })
+
+    except Exception as e:
+        return jsonify({'error': f'Error processing PDF: {str(e)}'}), 500
+
+
+@app.route('/download', methods=['POST'])
+def download_summary():
+    data = request.json
+    summary = data.get('summary', '')
+    filename = data.get('filename', 'summary.pdf')
+
+    if not summary:
+        return jsonify({'error': 'No summary to download'}), 400
+
+    try:
+        pdf_buffer = create_summary_pdf(summary, filename)
+
+        return send_file(
+            pdf_buffer,
+            as_attachment=True,
+            download_name=filename.replace('.pdf', '_summary.pdf'),
+            mimetype='application/pdf'
+        )
+
+    except Exception as e:
+        return jsonify({'error': f'Error creating PDF: {str(e)}'}), 500
+
+
+@app.route('/export', methods=['POST'])
+def export_summary():
+    data = request.json
+    summary = data.get('summary', '')
+
+    if not summary:
+        return jsonify({'error': 'No summary to export'}), 400
+
+    return send_file(
+        BytesIO(summary.encode()),
+        as_attachment=True,
+        download_name='summary.txt',
+        mimetype='text/plain'
+    )
+
+
+if __name__ == '__main__':
+    os.makedirs('uploads', exist_ok=True)
+    os.makedirs('templates', exist_ok=True)
+    os.makedirs('static', exist_ok=True)
+
+    print("Starting PDF Summarizer Server...")
+    print("Open your browser and navigate to: http://localhost:5000")
+
+    app.run(debug=True, host='0.0.0.0', port=5000)

static/style.css

@@ -0,0 +1,645 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    min-height: 100vh;
+    color: #333;
+}
+
+.container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+/* Header */
+.header {
+    text-align: center;
+    margin-bottom: 30px;
+    padding: 20px;
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 15px;
+    margin-bottom: 10px;
+}
+
+.logo i {
+    font-size: 2.5rem;
+    color: #e74c3c;
+}
+
+.logo h1 {
+    font-size: 2.2rem;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.tagline {
+    color: #666;
+    font-size: 1.1rem;
+}
+
+/* Main Content */
+.main-content {
+    display: grid;
+    grid-template-columns: 1fr 1.5fr;
+    gap: 25px;
+    margin-bottom: 30px;
+}
+
+@media (max-width: 1024px) {
+    .main-content {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* Cards */
+.card {
+    background: white;
+    border-radius: 15px;
+    padding: 25px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
+    margin-bottom: 25px;
+}
+
+.card h2 {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    color: #2c3e50;
+    margin-bottom: 20px;
+    font-size: 1.4rem;
+}
+
+.card h2 i {
+    color: #3498db;
+}
+
+/* Upload Section */
+.upload-section .description {
+    color: #666;
+    margin-bottom: 20px;
+    font-size: 0.95rem;
+}
+
+.upload-area {
+    border: 3px dashed #3498db;
+    border-radius: 12px;
+    padding: 40px 20px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    background: #f8fafc;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+}
+
+.upload-area:hover {
+    background: #e3f2fd;
+    border-color: #2980b9;
+}
+
+.upload-area.highlight {
+    background: #e1f5fe;
+    border-color: #0288d1;
+}
+
+.upload-icon {
+    font-size: 3rem;
+    color: #3498db;
+}
+
+.upload-text {
+    font-size: 1.2rem;
+    font-weight: 500;
+    color: #2c3e50;
+}
+
+.upload-subtext {
+    color: #666;
+    font-size: 0.9rem;
+}
+
+.file-info {
+    color: #7f8c8d;
+    font-size: 0.85rem;
+    margin-top: 10px;
+}
+
+/* File Info */
+.file-info-container {
+    margin-top: 20px;
+}
+
+.selected-file {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: #e8f4fc;
+    padding: 15px;
+    border-radius: 10px;
+    border-left: 4px solid #3498db;
+}
+
+.selected-file i {
+    color: #e74c3c;
+    font-size: 1.2rem;
+}
+
+.selected-file span {
+    flex: 1;
+    font-weight: 500;
+    color: #2c3e50;
+}
+
+.btn-remove {
+    background: #ff6b6b;
+    color: white;
+    border: none;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: background 0.3s;
+}
+
+.btn-remove:hover {
+    background: #ff5252;
+}
+
+/* Controls */
+.controls-section {
+    margin-top: 20px;
+}
+
+.control-group {
+    margin-bottom: 25px;
+}
+
+.control-group label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    font-weight: 500;
+    color: #2c3e50;
+}
+
+#summaryRatio {
+    width: 100%;
+    height: 8px;
+    -webkit-appearance: none;
+    background: linear-gradient(to right, #4CAF50, #FFC107, #F44336);
+    border-radius: 4px;
+    outline: none;
+}
+
+#summaryRatio::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: 22px;
+    height: 22px;
+    background: #3498db;
+    border-radius: 50%;
+    cursor: pointer;
+    border: 3px solid white;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+
+.range-labels {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 8px;
+    color: #666;
+    font-size: 0.9rem;
+}
+
+/* Buttons */
+.btn-group {
+    display: flex;
+    gap: 15px;
+    margin-top: 25px;
+}
+
+.btn {
+    padding: 14px 28px;
+    border: none;
+    border-radius: 10px;
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 1rem;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    flex: 1;
+}
+
+.btn-primary {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+.btn-primary:hover:not(:disabled) {
+    transform: translateY(-2px);
+    box-shadow: 0 7px 14px rgba(102, 126, 234, 0.3);
+}
+
+.btn-primary:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.btn-secondary {
+    background: #ecf0f1;
+    color: #2c3e50;
+}
+
+.btn-secondary:hover {
+    background: #d5dbdb;
+    transform: translateY(-2px);
+}
+
+.btn-download {
+    background: #2ecc71;
+    color: white;
+    padding: 10px 20px;
+    font-size: 0.9rem;
+}
+
+.btn-download:hover {
+    background: #27ae60;
+}
+
+.btn-copy {
+    background: #3498db;
+    color: white;
+    padding: 10px 20px;
+    font-size: 0.9rem;
+}
+
+.btn-copy:hover {
+    background: #2980b9;
+}
+
+/* Results Section */
+.results-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+    gap: 15px;
+}
+
+.actions {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.results-content {
+    min-height: 400px;
+    position: relative;
+}
+
+.placeholder-content {
+    text-align: center;
+    padding: 60px 20px;
+    color: #7f8c8d;
+}
+
+.placeholder-content i {
+    font-size: 4rem;
+    color: #bdc3c7;
+    margin-bottom: 20px;
+}
+
+.placeholder-content h3 {
+    font-size: 1.5rem;
+    margin-bottom: 10px;
+    color: #95a5a6;
+}
+
+.summary-header {
+    margin-bottom: 25px;
+    padding-bottom: 15px;
+    border-bottom: 2px solid #ecf0f1;
+}
+
+.summary-header h3 {
+    color: #2c3e50;
+    font-size: 1.3rem;
+    margin-bottom: 15px;
+}
+
+.summary-meta {
+    display: flex;
+    gap: 15px;
+    flex-wrap: wrap;
+}
+
+.badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 15px;
+    border-radius: 20px;
+    font-size: 0.85rem;
+    font-weight: 500;
+}
+
+.badge-high {
+    background: #ffebee;
+    color: #c62828;
+}
+
+.badge-medium {
+    background: #fff3e0;
+    color: #ef6c00;
+}
+
+.badge-low {
+    background: #e8f5e9;
+    color: #2e7d32;
+}
+
+.badge i {
+    font-size: 0.9rem;
+}
+
+.summary-text {
+    line-height: 1.8;
+    color: #34495e;
+    font-size: 1.05rem;
+    white-space: pre-wrap;
+    max-height: 500px;
+    overflow-y: auto;
+    padding: 15px;
+    background: #f8f9fa;
+    border-radius: 10px;
+    border-left: 4px solid #3498db;
+}
+
+/* Statistics */
+.stats-section .stats-placeholder {
+    text-align: center;
+    padding: 40px 20px;
+    color: #95a5a6;
+}
+
+.stats-section .stats-placeholder i {
+    font-size: 3rem;
+    margin-bottom: 15px;
+    color: #bdc3c7;
+}
+
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+}
+
+.stat-item {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    padding: 15px;
+    background: #f8fafc;
+    border-radius: 10px;
+    transition: transform 0.3s;
+}
+
+.stat-item:hover {
+    transform: translateY(-3px);
+    background: #e3f2fd;
+}
+
+.stat-icon {
+    width: 50px;
+    height: 50px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-size: 1.2rem;
+}
+
+.stat-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.stat-label {
+    font-size: 0.85rem;
+    color: #7f8c8d;
+    margin-bottom: 4px;
+}
+
+.stat-value {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: #2c3e50;
+}
+
+/* Tips Section */
+.tips-list {
+    list-style: none;
+    padding: 0;
+}
+
+.tips-list li {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 0;
+    border-bottom: 1px solid #ecf0f1;
+    color: #555;
+}
+
+.tips-list li:last-child {
+    border-bottom: none;
+}
+
+.tips-list i {
+    color: #2ecc71;
+    font-size: 1rem;
+}
+
+/* Error Message */
+.error-message {
+    text-align: center;
+    padding: 40px 20px;
+    color: #c0392b;
+}
+
+.error-message i {
+    font-size: 3rem;
+    margin-bottom: 20px;
+}
+
+.error-message h3 {
+    margin-bottom: 15px;
+    font-size: 1.4rem;
+}
+
+/* Loader */
+.loader {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.9);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 15px;
+    z-index: 10;
+}
+
+.spinner {
+    width: 50px;
+    height: 50px;
+    border: 5px solid #f3f3f3;
+    border-top: 5px solid #3498db;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 20px;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.loader p {
+    color: #3498db;
+    font-weight: 500;
+    font-size: 1.1rem;
+}
+
+/* Toast */
+.toast {
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    padding: 15px 25px;
+    border-radius: 10px;
+    color: white;
+    font-weight: 500;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+    transform: translateY(100px);
+    opacity: 0;
+    transition: all 0.3s ease;
+    z-index: 1000;
+    max-width: 350px;
+}
+
+.toast.show {
+    transform: translateY(0);
+    opacity: 1;
+}
+
+.toast-success {
+    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
+}
+
+.toast-error {
+    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+}
+
+.toast-info {
+    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
+}
+
+/* Footer */
+.footer {
+    text-align: center;
+    padding: 20px;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    background: white;
+    border-radius: 15px;
+    margin-top: 20px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.footer i {
+    color: #e74c3c;
+    margin: 0 5px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .container {
+        padding: 15px;
+    }
+    
+    .logo h1 {
+        font-size: 1.8rem;
+    }
+    
+    .main-content {
+        gap: 15px;
+    }
+    
+    .card {
+        padding: 20px;
+    }
+    
+    .btn-group {
+        flex-direction: column;
+    }
+    
+    .stats-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .actions {
+        flex-direction: column;
+        width: 100%;
+    }
+    
+    .btn-download, .btn-copy {
+        width: 100%;
+    }
+}
+
+/* Scrollbar Styling */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #5a6fd8 0%, #6b4198 100%);
+}

templates/index.html

@@ -0,0 +1,518 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PDF Summarizer | AI-Powered Document Analysis</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+</head>
+<body>
+    <div class="container">
+        <!-- Header -->
+        <header class="header">
+            <div class="logo">
+                <i class="fas fa-file-pdf"></i>
+                <h1>PDF Summarizer</h1>
+            </div>
+            <p class="tagline">Extract key insights from your documents in seconds</p>
+        </header>
+
+        <!-- Main Content -->
+        <div class="main-content">
+            <!-- Left Panel - Upload & Controls -->
+            <div class="left-panel">
+                <div class="upload-section card">
+                    <h2><i class="fas fa-upload"></i> Upload PDF</h2>
+                    <p class="description">Upload your PDF document to generate an AI-powered summary</p>
+                    
+                    <div class="upload-area" id="dropArea">
+                        <i class="fas fa-cloud-upload-alt upload-icon"></i>
+                        <p class="upload-text">Drag & Drop your PDF file here</p>
+                        <p class="upload-subtext">or click to browse</p>
+                        <input type="file" id="pdfInput" accept=".pdf" hidden>
+                        <button class="btn btn-primary" id="browseBtn">
+                            <i class="fas fa-folder-open"></i> Browse Files
+                        </button>
+                        <p class="file-info">Max file size: 16MB</p>
+                    </div>
+                    
+                    <div id="fileInfo" class="file-info-container" style="display: none;">
+                        <div class="selected-file">
+                            <i class="fas fa-file-pdf"></i>
+                            <span id="fileName"></span>
+                            <button class="btn-remove" id="removeFile">
+                                <i class="fas fa-times"></i>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Controls Section -->
+                <div class="controls-section card">
+                    <h2><i class="fas fa-sliders-h"></i> Summary Settings</h2>
+                    
+                    <div class="control-group">
+                        <label for="summaryRatio">
+                            <i class="fas fa-compress-alt"></i> Summary Ratio
+                            <span id="ratioValue">30%</span>
+                        </label>
+                        <input type="range" id="summaryRatio" min="10" max="70" value="30" step="5">
+                        <div class="range-labels">
+                            <span>Brief</span>
+                            <span>Detailed</span>
+                        </div>
+                    </div>
+
+                    <div class="btn-group">
+                        <button class="btn btn-primary" id="summarizeBtn" disabled>
+                            <i class="fas fa-magic"></i> Generate Summary
+                        </button>
+                        <button class="btn btn-secondary" id="resetBtn">
+                            <i class="fas fa-redo"></i> Reset
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Statistics Section -->
+                <div class="stats-section card">
+                    <h2><i class="fas fa-chart-bar"></i> Document Statistics</h2>
+                    <div id="statsContent">
+                        <div class="stats-placeholder">
+                            <i class="fas fa-chart-pie"></i>
+                            <p>Upload a PDF to view statistics</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Right Panel - Results -->
+            <div class="right-panel">
+                <div class="results-section card">
+                    <div class="results-header">
+                        <h2><i class="fas fa-file-alt"></i> Summary</h2>
+                        <div class="actions" id="downloadActions" style="display: none;">
+                            <button class="btn btn-download" id="downloadPdf">
+                                <i class="fas fa-file-pdf"></i> Save as PDF
+                            </button>
+                            <button class="btn btn-download" id="downloadTxt">
+                                <i class="fas fa-file-text"></i> Save as TXT
+                            </button>
+                            <button class="btn btn-copy" id="copyBtn">
+                                <i class="far fa-copy"></i> Copy
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <div class="results-content">
+                        <div id="summaryPlaceholder">
+                            <div class="placeholder-content">
+                                <i class="fas fa-search"></i>
+                                <h3>No Summary Yet</h3>
+                                <p>Upload a PDF file and click "Generate Summary" to see the results here.</p>
+                            </div>
+                        </div>
+                        <div id="summaryContent" style="display: none;">
+                            <div class="summary-header">
+                                <h3 id="summaryTitle"></h3>
+                                <div class="summary-meta">
+                                    <span class="badge" id="compressionBadge">
+                                        <i class="fas fa-compress-alt"></i> <span id="compressionValue">0%</span> compressed
+                                    </span>
+                                    <span class="badge" id="lengthBadge">
+                                        <i class="fas fa-text-width"></i> <span id="wordCount">0</span> words
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="summary-text" id="summaryText"></div>
+                        </div>
+                        
+                        <div id="errorMessage" class="error-message" style="display: none;">
+                            <i class="fas fa-exclamation-triangle"></i>
+                            <h3>Error Processing PDF</h3>
+                            <p id="errorText"></p>
+                        </div>
+                    </div>
+                    
+                    <div class="loader" id="loader" style="display: none;">
+                        <div class="spinner"></div>
+                        <p>Analyzing your document...</p>
+                    </div>
+                </div>
+
+                <!-- Tips Section -->
+                <div class="tips-section card">
+                    <h2><i class="fas fa-lightbulb"></i> Tips for Better Results</h2>
+                    <ul class="tips-list">
+                        <li><i class="fas fa-check-circle"></i> Use text-based PDFs for best results</li>
+                        <li><i class="fas fa-check-circle"></i> For scanned PDFs, use OCR software first</li>
+                        <li><i class="fas fa-check-circle"></i> Adjust summary ratio based on document length</li>
+                        <li><i class="fas fa-check-circle"></i> Longer documents may take more time to process</li>
+                        <li><i class="fas fa-check-circle"></i> Results are more accurate with well-structured documents</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <!-- Footer -->
+        <footer class="footer">
+            <p>© 2024 PDF Summarizer | Built with Flask & NLTK | <i class="fas fa-heart"></i> Made with passion</p>
+        </footer>
+    </div>
+
+    <!-- Notification Toast -->
+    <div id="toast" class="toast"></div>
+
+    <script>
+        // DOM Elements
+        const pdfInput = document.getElementById('pdfInput');
+        const browseBtn = document.getElementById('browseBtn');
+        const dropArea = document.getElementById('dropArea');
+        const summarizeBtn = document.getElementById('summarizeBtn');
+        const resetBtn = document.getElementById('resetBtn');
+        const summaryRatio = document.getElementById('summaryRatio');
+        const ratioValue = document.getElementById('ratioValue');
+        const fileInfo = document.getElementById('fileInfo');
+        const fileName = document.getElementById('fileName');
+        const removeFile = document.getElementById('removeFile');
+        const summaryPlaceholder = document.getElementById('summaryPlaceholder');
+        const summaryContent = document.getElementById('summaryContent');
+        const summaryText = document.getElementById('summaryText');
+        const summaryTitle = document.getElementById('summaryTitle');
+        const compressionValue = document.getElementById('compressionValue');
+        const wordCount = document.getElementById('wordCount');
+        const downloadActions = document.getElementById('downloadActions');
+        const downloadPdf = document.getElementById('downloadPdf');
+        const downloadTxt = document.getElementById('downloadTxt');
+        const copyBtn = document.getElementById('copyBtn');
+        const errorMessage = document.getElementById('errorMessage');
+        const errorText = document.getElementById('errorText');
+        const loader = document.getElementById('loader');
+        const statsContent = document.getElementById('statsContent');
+        const toast = document.getElementById('toast');
+
+        let currentFile = null;
+
+        // Event Listeners
+        browseBtn.addEventListener('click', () => pdfInput.click());
+        pdfInput.addEventListener('change', handleFileSelect);
+        summarizeBtn.addEventListener('click', processPDF);
+        resetBtn.addEventListener('click', resetAll);
+        removeFile.addEventListener('click', removeSelectedFile);
+        summaryRatio.addEventListener('input', updateRatioValue);
+        downloadPdf.addEventListener('click', () => downloadSummary('pdf'));
+        downloadTxt.addEventListener('click', () => downloadSummary('txt'));
+        copyBtn.addEventListener('click', copySummary);
+
+        // Drag and Drop functionality
+        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+            dropArea.addEventListener(eventName, preventDefaults, false);
+        });
+
+        ['dragenter', 'dragover'].forEach(eventName => {
+            dropArea.addEventListener(eventName, highlight, false);
+        });
+
+        ['dragleave', 'drop'].forEach(eventName => {
+            dropArea.addEventListener(eventName, unhighlight, false);
+        });
+
+        dropArea.addEventListener('drop', handleDrop, false);
+
+        // Functions
+        function preventDefaults(e) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+
+        function highlight() {
+            dropArea.classList.add('highlight');
+        }
+
+        function unhighlight() {
+            dropArea.classList.remove('highlight');
+        }
+
+        function handleDrop(e) {
+            const dt = e.dataTransfer;
+            const file = dt.files[0];
+            
+            if (file && file.type === 'application/pdf') {
+                handleFile(file);
+            } else {
+                showToast('Please drop a valid PDF file', 'error');
+            }
+        }
+
+        function handleFileSelect(e) {
+            const file = e.target.files[0];
+            if (file) {
+                handleFile(file);
+            }
+        }
+
+        function handleFile(file) {
+            if (file.size > 16 * 1024 * 1024) {
+                showToast('File size exceeds 16MB limit', 'error');
+                return;
+            }
+            
+            currentFile = file;
+            fileName.textContent = file.name;
+            fileInfo.style.display = 'block';
+            summarizeBtn.disabled = false;
+            dropArea.style.display = 'none';
+            
+            showToast('PDF uploaded successfully!', 'success');
+        }
+
+        function removeSelectedFile() {
+            currentFile = null;
+            pdfInput.value = '';
+            fileInfo.style.display = 'none';
+            summarizeBtn.disabled = true;
+            dropArea.style.display = 'flex';
+        }
+
+        function updateRatioValue() {
+            const value = summaryRatio.value;
+            ratioValue.textContent = `${value}%`;
+        }
+
+        async function processPDF() {
+            if (!currentFile) return;
+            
+            showLoader(true);
+            hideError();
+            hideSummary();
+            
+            const formData = new FormData();
+            formData.append('pdf_file', currentFile);
+            formData.append('summary_ratio', summaryRatio.value / 100);
+            
+            try {
+                const response = await fetch('/upload', {
+                    method: 'POST',
+                    body: formData
+                });
+                
+                const data = await response.json();
+                
+                if (data.success) {
+                    displaySummary(data);
+                    displayStatistics(data.statistics, data.compression_ratio, data.summary_length);
+                    showToast('Summary generated successfully!', 'success');
+                } else {
+                    showError(data.error || 'Failed to process PDF');
+                }
+            } catch (error) {
+                showError('Network error. Please try again.');
+            } finally {
+                showLoader(false);
+            }
+        }
+
+        function displaySummary(data) {
+            summaryTitle.textContent = `Summary of ${data.filename}`;
+            summaryText.textContent = data.summary;
+            compressionValue.textContent = `${data.compression_ratio}%`;
+            wordCount.textContent = data.summary_length;
+            
+            summaryPlaceholder.style.display = 'none';
+            summaryContent.style.display = 'block';
+            downloadActions.style.display = 'flex';
+            
+            // Update badges based on compression
+            const compressionBadge = document.getElementById('compressionBadge');
+            if (data.compression_ratio > 70) {
+                compressionBadge.className = 'badge badge-high';
+            } else if (data.compression_ratio > 40) {
+                compressionBadge.className = 'badge badge-medium';
+            } else {
+                compressionBadge.className = 'badge badge-low';
+            }
+        }
+
+        function displayStatistics(stats, compressionRatio, summaryLength) {
+            statsContent.innerHTML = `
+                <div class="stats-grid">
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-file"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Pages</span>
+                            <span class="stat-value">${stats.page_count}</span>
+                        </div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-paragraph"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Sentences</span>
+                            <span class="stat-value">${stats.sentence_count}</span>
+                        </div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-font"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Words</span>
+                            <span class="stat-value">${stats.word_count}</span>
+                        </div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-ruler"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Avg. Word Length</span>
+                            <span class="stat-value">${stats.avg_word_length.toFixed(1)}</span>
+                        </div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-compress-alt"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Compression</span>
+                            <span class="stat-value">${compressionRatio}%</span>
+                        </div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-icon">
+                            <i class="fas fa-text-height"></i>
+                        </div>
+                        <div class="stat-info">
+                            <span class="stat-label">Summary Words</span>
+                            <span class="stat-value">${summaryLength}</span>
+                        </div>
+                    </div>
+                </div>
+            `;
+        }
+
+        async function downloadSummary(format) {
+            if (!summaryText.textContent) return;
+            
+            try {
+                if (format === 'pdf') {
+                    const response = await fetch('/download', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            summary: summaryText.textContent,
+                            filename: currentFile.name
+                        })
+                    });
+                    
+                    if (response.ok) {
+                        const blob = await response.blob();
+                        const url = window.URL.createObjectURL(blob);
+                        const a = document.createElement('a');
+                        a.href = url;
+                        a.download = currentFile.name.replace('.pdf', '_summary.pdf');
+                        document.body.appendChild(a);
+                        a.click();
+                        window.URL.revokeObjectURL(url);
+                        document.body.removeChild(a);
+                        showToast('PDF downloaded successfully!', 'success');
+                    }
+                } else if (format === 'txt') {
+                    const response = await fetch('/export', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            summary: summaryText.textContent
+                        })
+                    });
+                    
+                    if (response.ok) {
+                        const blob = await response.blob();
+                        const url = window.URL.createObjectURL(blob);
+                        const a = document.createElement('a');
+                        a.href = url;
+                        a.download = 'summary.txt';
+                        document.body.appendChild(a);
+                        a.click();
+                        window.URL.revokeObjectURL(url);
+                        document.body.removeChild(a);
+                        showToast('Text file downloaded successfully!', 'success');
+                    }
+                }
+            } catch (error) {
+                showToast('Failed to download file', 'error');
+            }
+        }
+
+        function copySummary() {
+            const text = summaryText.textContent;
+            navigator.clipboard.writeText(text)
+                .then(() => showToast('Summary copied to clipboard!', 'success'))
+                .catch(() => showToast('Failed to copy text', 'error'));
+        }
+
+        function resetAll() {
+            currentFile = null;
+            pdfInput.value = '';
+            fileInfo.style.display = 'none';
+            summarizeBtn.disabled = true;
+            dropArea.style.display = 'flex';
+            hideSummary();
+            hideError();
+            showLoader(false);
+            
+            statsContent.innerHTML = `
+                <div class="stats-placeholder">
+                    <i class="fas fa-chart-pie"></i>
+                    <p>Upload a PDF to view statistics</p>
+                </div>
+            `;
+            
+            summaryRatio.value = 30;
+            updateRatioValue();
+            
+            showToast('All fields have been reset', 'info');
+        }
+
+        function hideSummary() {
+            summaryPlaceholder.style.display = 'flex';
+            summaryContent.style.display = 'none';
+            downloadActions.style.display = 'none';
+        }
+
+        function showError(message) {
+            errorText.textContent = message;
+            errorMessage.style.display = 'block';
+            hideSummary();
+        }
+
+        function hideError() {
+            errorMessage.style.display = 'none';
+        }
+
+        function showLoader(show) {
+            loader.style.display = show ? 'flex' : 'none';
+        }
+
+        function showToast(message, type = 'info') {
+            toast.textContent = message;
+            toast.className = `toast toast-${type} show`;
+            
+            setTimeout(() => {
+                toast.classList.remove('show');
+            }, 3000);
+        }
+
+        // Initialize
+        updateRatioValue();
+    </script>
+</body>
+</html>