{% extends "base.html" %}
{% load static %}

{% block title %}Create Redirect - {{ site.domain }}{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'links/css/links.css' %}">
{% endblock %}

{% block content %}
<div class="create-redirect">
    <h1>Create Link Redirect for {{ site.domain }}</h1>
    
    <div class="page-actions">
        <a href="{% url 'domains:link_check' %}?tab=redirects" class="btn btn-secondary">Back to Redirects</a>
        <a href="{% url 'domains:link_check' %}?tab=broken-links" class="btn btn-secondary">View Broken Links</a>
        <a href="{% url 'domains:landing' %}" class="btn btn-secondary">Back to Domains</a>
    </div>
    
    <form method="post" class="redirect-form">
        {% csrf_token %}
        
        <div class="form-group">
            <label for="from_url">From URL (broken URL):</label>
            <input type="url" id="from_url" name="from_url" value="{{ from_url }}" required class="form-control" placeholder="https://example.com/broken-page">
            {% if broken_link %}
                <small>This will redirect from the broken link: <strong>{{ broken_link.url }}</strong></small>
            {% else %}
                <small>The URL that should be redirected (the broken link)</small>
            {% endif %}
        </div>
        
        <div class="form-group">
            <label for="to_url">To URL (destination):</label>
            <input type="url" id="to_url" name="to_url" required class="form-control" placeholder="https://example.com/new-page">
            <small>The URL to redirect to (where users should be sent)</small>
        </div>
        
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Create Redirect</button>
            <a href="{% url 'domains:link_check' %}?tab=redirects" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
    
    {% if broken_link %}
    <div class="broken-link-info">
        <h3>Broken Link Information</h3>
        <ul>
            <li><strong>URL:</strong> {{ broken_link.url }}</li>
            {% if broken_link.status_code %}
                <li><strong>Status Code:</strong> {{ broken_link.status_code }}</li>
            {% endif %}
            {% if broken_link.last_error %}
                <li><strong>Error:</strong> {{ broken_link.last_error }}</li>
            {% endif %}
            {% if broken_link.source_display %}
                <li><strong>Found On:</strong>
                    {% if broken_link.source_admin_url %}
                        <a href="{{ broken_link.source_admin_url }}">{{ broken_link.source_display }}</a>
                    {% else %}
                        {{ broken_link.source_display }}
                    {% endif %}
                </li>
            {% endif %}
            <li><strong>Access Count (Last Month):</strong> {{ broken_link.get_access_count_last_month }}</li>
        </ul>
    </div>
    {% endif %}
</div>
{% endblock %}