{% extends 'bio/base.html' %}
{% load url from future %}
{% block title %}Edit Your Elsewhere Links{% endblock %}
{% block content %}
<h2>Edit Your Elsewhere Links</h2>
<h3>Social Networks</h3>
{% if request.user.social_network_profiles.all %}
    <ul>
    {% for profile in request.user.social_network_profiles.all %}
        <li>
        <img src="{{ STATIC_URL }}elsewhere/{{ profile.icon_name }}" alt="{{ profile.name }}" />
            <a href="{{ profile.url }}" rel="me">{{ profile.name }}</a>
            <form id="delete-network-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                <input type="hidden" name="delete_id" value="{{ profile.id }}" />
                <input type="submit" name="delete-sn-form" value="Delete" class="button" />
            </form>
        </li>
    {% endfor %}
    </ul>
{% else %}
    <p>No social network profiles.</p>
{% endif %}

<form method="post" action=".">{% csrf_token %}
<fieldset>
<legend>Add a Social Network</legend>
    {{ sn_form.as_p }}
    <p>
    For Facebook, you must enter your profile ID in the <em>Username</em> box. Visit your
    Facebook profile. Look at your browser's URL (address) bar. If you see a link of the form 
    http://www.facebook.com/profile.php?id=<strong>1234567890</strong>, you want that number after the 
    <strong>id=</strong> part. If you don't see a link like that, hover your mouse over your
    profile picture, and a link of the above form should appear in your browser's status bar
    (usually at the bottom). You can right-click on your photo and choose "copy link address" 
    (the exact message will vary by browser) to copy the link. Then paste into the 
    <em>Username</em> box, then delete everything but the long number.
    </p>
    <p><input type="submit" name="sn-form" value="Add Social Network" class="button" /></p>
</fieldset>
</form>
<hr />
<h3>Instant Messengers</h3>
{% if request.user.instant_messenger_profiles.all %}
    <ul>
    {% for profile in request.user.instant_messenger_profiles.all %}
        <li>
        <img src="{{ STATIC_URL }}elsewhere/{{ profile.icon_name }}" alt="{{ profile.name }}" />
            {{ profile.name }}: <a href="{{ profile.url }}">{{ profile.username }}</a>
            <form id="delete-messenger-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                <input type="hidden" name="delete_id" value="{{ profile.id }}" />
                <input type="submit" name="delete-im-form" value="Delete" class="button" />
            </form>
        </li>
    {% endfor %}
    </ul>
{% else %}
    <p>No instant messenger profiles.</p>
{% endif %}

<form method="post" action=".">{% csrf_token %}
<fieldset>
<legend>Add an Instant Messenger</legend>
    {{ im_form.as_p }}
    <p><input type="submit" name="im-form" value="Add Instant Messenger" class="button" /></p>
</fieldset>
</form>
<hr />
<h3>Websites</h3>
{% if request.user.website_profiles.all %}
    <ul>
    {% for profile in request.user.website_profiles.all %}
        <li>
           <img src="{{ STATIC_URL }}icons/world.png" alt="{{ profile.name }}" />
            <a href="{{ profile.url }}" rel="me">{{ profile.name }}</a>
            <form id="delete-website-{{ profile.id }}" method="post" action=".">{% csrf_token %}
                <input type="hidden" name="delete_id" value="{{ profile.id }}" />
                <input type="submit" name="delete-w-form" value="Delete" class="button" />
            </form>
        </li>
    {% endfor %}
    </ul>
{% else %}
    <p>No website profiles.</p>
{% endif %}

<form method="post" action=".">{% csrf_token %}
<fieldset>
<legend>Add a Website</legend>
    {{ w_form.as_p }}
    <p><input type="submit" name="w-form" value="Add Website" class="button" /></p>
</fieldset>
</form>
<hr />
<p><a href="{% url 'bio-edit_profile' %}">Back to Your Profile</a></p>
{% endblock %}