{% extends "layout.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card shadow-lg border-0 rounded-lg mt-3">
            <div class="card-header bg-primary text-white">
                <h3 class="text-center font-weight-light my-2">
                    <i class="fas fa-globe me-2"></i>URL Scanner
                </h3>
            </div>
            <div class="card-body">
                <form action="/scan_url" method="post" id="url-form">
                    <div class="text-center mb-4">
                        <p>Enter a URL to scan it for potential malicious content</p>
                    </div>
                    
                    <div class="mb-3">
                        <label for="url-input" class="form-label">URL to Scan</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fas fa-link"></i></span>
                            <input type="url" class="form-control" id="url-input" name="url" 
                                   placeholder="https://example.com" required
                                   pattern="^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$">
                        </div>
                        <div class="form-text">Enter the complete URL including http:// or https://</div>
                        <div class="mt-2">
                            <small class="text-muted">Example URLs to test:</small>
                            <div class="list-group mt-1">
                                <a href="#" class="list-group-item list-group-item-action" onclick="document.getElementById('url-input').value='https://example.com'; return false;">
                                    <i class="fas fa-link me-2"></i>https://example.com
                                </a>
                                <a href="#" class="list-group-item list-group-item-action" onclick="document.getElementById('url-input').value='http://test-malware.example.com/hack'; return false;">
                                    <i class="fas fa-exclamation-triangle me-2 text-warning"></i>http://test-malware.example.com/hack
                                </a>
                                <a href="#" class="list-group-item list-group-item-action" onclick="document.getElementById('url-input').value='https://secure.example.com/login'; return false;">
                                    <i class="fas fa-shield-alt me-2 text-success"></i>https://secure.example.com/login
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="sslCheck" name="ssl_check" value="1" checked>
                                <label class="form-check-label" for="sslCheck">
                                    <i class="fas fa-lock me-1 text-primary"></i> SSL Certificate Check
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="blacklistCheck" name="blacklist_check" value="1" checked>
                                <label class="form-check-label" for="blacklistCheck">
                                    <i class="fas fa-shield-alt me-1 text-primary"></i> Domain Blacklist Check
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="card mb-3 border-light">
                        <div class="card-header bg-light">
                            <h6 class="mb-0"><i class="fas fa-cog me-2"></i>Scan Options</h6>
                        </div>
                        <div class="card-body">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="deepScan" name="deep_scan" value="1">
                                <label class="form-check-label" for="deepScan">
                                    <i class="fas fa-search-plus me-1 text-primary"></i> Deep Scan
                                    <div class="small text-muted">Analyze page content and linked resources</div>
                                </label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="saveReport" name="save_report" value="1">
                                <label class="form-check-label" for="saveReport">
                                    <i class="fas fa-file-pdf me-1 text-primary"></i> Generate Report
                                    <div class="small text-muted">Create detailed PDF report</div>
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="text-center">
                        <button type="submit" class="btn btn-lg btn-success">
                            <i class="fas fa-shield-virus me-2"></i>Scan URL
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}