{% extends 'base.html' %}

{% block header %}
  <div class="title">{% block title %}Edit {{ remove_html(member[3]) }}{% endblock %}</div>
{% endblock %}

{% block content %}
<div class="container">
  {% if member[22] %}<a href="{{ url_for('home.page', mid=member[22]) }}">View {{member[3]|safe}}'s page</a>{%else%}<a href="{{ url_for('home.page', mid=member[0]) }}">View {{member[3]|safe}}'s page</a>{%endif%}
  <br class="clear" />

  <div class="heading">Edit Details</div>

  <form method="post" id="details">
    <label for="name">Name</label>
    <input name="name" id="name" value="{{ member[3] }}" required><br>
    <label for="subtitle">Subtitle</label>
    <input name="subtitle" id="subtitle" value="{{ member[4] }}"><br>
    <label for="bio">Description</label>
    <textarea name="bio" id="bio">{{ member[5] }}</textarea><br><br>
    <label for="theme">Theme</label>
    <select name="theme" id="theme">
      {% for theme in get_themes() %}
      {% set theme_name = theme.split(".")[0] %}
      <option value="{{theme_name}}" {% if theme_name==member[10] %}selected{% endif %}>{{theme_name}}</option>
      {% endfor %}
    </select><br><br>
    <p>Public: this member's profile will be visible in lists to anyone with access to the site</p>
    <p>Private: this member's profile will be hidden, only visible to logged in users</p>
    <input type="radio" id="public" name="privacy" value=1 {% if member[9]==1 %}checked{% endif %}>
    <label for="public">Public</label><br>
    <input type="radio" id="private" name="privacy" value=0 {% if member[9]==0 %}checked{% endif %}>
    <label for="private">Private</label><br>
    <input type="submit" value="Submit">
  </form>

  <div class="heading">Public Page Settings</div>

  <p>Enable public page for this member? These settings are non-destructive and can be reverted at any time.</p>
  <p>Public: member's customizable page can be viewed by anyone with access to the site</p>
  <p>Private: member's page is viewable by users logged in to the site</p>
  <p>Disabled: a custom page is not enabled for this member</p>

  {% set public_page = member[21] %}
  <form method="post" id="enable_page">
    <input type="radio" id="page_public" name="enable_page" value=1 {% if public_page == 1 %}checked{% endif %}>
    <label for="page_public">Public</label><br>
    <input type="radio" id="page_private" name="enable_page" value=0 {% if public_page == 0 %}checked{% endif %}>
    <label for="page_private">Private</label><br>
    <input type="radio" id="page_disabled" name="enable_page" value=2 {% if public_page == 2 %}checked{% endif %}>
    <label for="page_disabled">Disabled</label><br>
    <input type="submit" value="Submit">
  </form>

  <hr>

  <p>Set a custom URL for your page. This has to be unique. Trying to set a custom URL that is already in use 
    won't work. 
  </p>
  {% if member[22] %}{% set customurl = member[22] %}{% else %}{% set customurl = "" %}{% endif %}
  <form method="post" id="custom_url">
    <label for="custom_url">Custom URL</label>
    <input name="custom_url" id="custom_url" value="{{ customurl }}"><br>
    <input type="submit" value="Submit">
  </form>

  <hr>

  <p>Select which sections to show on this member's public page</p>
  <form method="post" id="page_settings">
    <input type="checkbox" id="show_groups" name="show_groups" {% if member[15] %}checked{% endif %}>
    <label for="show_groups">Groups</label><br>
    <input type="checkbox" id="show_blog" name="show_blog" {% if member[11] %}checked{% endif %}>
    <label for="show_blog">Blog</label><br>
    <input type="checkbox" id="show_icons" name="show_icons" {% if member[12] %}checked{% endif %}>
    <label for="show_icons">Icons</label><br>
    <input type="checkbox" id="show_blinkies" name="show_blinkies" {% if member[13] %}checked{% endif %}>
    <label for="show_blinkies">Blinkies</label><br>
    <input type="checkbox" id="show_stamps" name="show_stamps" {% if member[14] %}checked{% endif %}>
    <label for="show_stamps">Stamps</label><br>
    <input type="submit" name="page_settings" value="Submit">
  </form>

  <hr>

  <p>Customize section titles. Leave blank to hide the heading bar for that section altogether.</p>
  <form method="post">
    <label for="groups_title">Groups</label>
    <input name="groups_title" id="groups_title" value="{{ member[20] }}"><br>
    <label for="blog_title">Blog</label>
    <input name="blog_title" id="blog_title" value="{{ member[16] }}"><br>
    <label for="icons_title">Icons</label>
    <input name="icons_title" id="icons_title" value="{{ member[17] }}"><br>
    <label for="blinkies_title">Blinkies</label>
    <input name="blinkies_title" id="blinkies_title" value="{{ member[18] }}"><br>
    <label for="stamps_title">Stamps</label>
    <input name="stamps_title" id="stamps_title" value="{{ member[19] }}"><br>
    <input type="submit" name="section_titles" value="Submit">
  </form>

  {% if unjoined_groups or joined_groups %}
  <div class="heading">Manage groups</div>

  <form method="post" id="groups">
    <select name="gid_add" id="gid_add">
      {% for group in unjoined_groups %}
      <option value="{{group[0]}}">{{group[1]}}</option>
      {% endfor %}
    </select>
    <input type="submit" value="Add to group">
  </form>

  <form method="post">
    <select name="gid_remove" id="gid_remove">
      {% for group in joined_groups %}
      <option value="{{group[0]}}">{{group[1]}}</option>
      {% endfor %}
    </select>
    <input type="submit" value="Remove from group">
  </form>
  {% endif %}


  <div class="heading">Manage Icons</div>
  <form method="post" enctype="multipart/form-data" id="icons">
      <input type="file" name="file" class="mobile-edit">
      <input type="submit" value="Upload New Icon">
  </form>

  <div class="manage_images">
    <div class="manage_images_2">
    {% for icon in icons %}
      <div class="manage_icons_3">
        <img class="icon" src="{{ url_for('static', filename='icons/'+icon[2]) }}">
        <br class="clear" />
        <a href="{{ url_for('manage.set_main_icon', mid=member[0], icon_id=icon[0]) }}">Set Main Icon</a> &#9734 <a href="{{ url_for('manage.delete_icon', mid=member[0], icon_id=icon[0]) }}">Delete Icon</a>
        <br class="clear" />
      </div>
    {% endfor %}
    </div>
  </div>



  <div class="heading">Manage Blinkies</div>
  <form method="post" enctype="multipart/form-data" id="blinkies">
      <input type="file" name="blinkie" class="mobile-edit">
      <input type="submit" value="Upload to Blinkies">
  </form>

  <div class="manage_images">
    <div class="manage_images_2">
  {% for blinkie in blinkies %}
      <div class="manage_blinkies_3">
        <img class="blinkie" src="{{ url_for('static', filename='blinkies/'+blinkie[2]) }}">
        <br class="clear" />
        <a href="{{ url_for('manage.delete_blinkie', mid=member[0], blinkie_id=blinkie[0]) }}">Delete</a>
      </div>
    {% endfor %}
    </div>
  </div>
  

  <div class="heading">Manage Stamps</div>
  <form method="post" enctype="multipart/form-data" id="stamps">
      <input type="file" name="stamp" class="mobile-edit">
      <input type="submit" value="Upload to Stamps">
  </form>

  <div class="manage_images">
    <div class="manage_images_2">
  {% for stamp in stamps %}
    <div class="manage_stamps_3">
      <img class="stamp" src="{{ url_for('static', filename='stamps/'+stamp[2]) }}">
      <br class="clear" />
      <a href="{{ url_for('manage.delete_stamp', mid=member[0], stamp_id=stamp[0]) }}">Delete</a>
    </div>
    {% endfor %}
    </div>
  </div>

  <hr>

  <div class="heading">Custom Page Sections</div>
  <p>Here you can make sections for your page, embed whatever you like</p>
  <form method="post" id="sections">
    <label for="section_title">Section Title</label>
    <input name="section_title" id="section_title"><br>
    <label for="section_content">Section Content</label>
    <textarea name="section_content" id="section_content">Hello World!</textarea><br><br>
    <input type="submit" name="new_section" value="Create New Section">
  </form>

  <hr>

  {% for section in sections %}
  <form method="post">
    <label for="section_pos">Position</label>
    <input name="section_pos" id="section_pos" value="{{section[4]}}"><br>
    <label for="section_title">Section Title</label>
    <input name="section_title" id="section_title" value="{{section[2]}}"><br>
    <label for="section_content">Section Content</label>
    <textarea name="section_content" id="section_content">{{section[3]}}</textarea><br><br>
    <input type="hidden" id="section_id" name="section_id" value="{{section[0]}}">
    <input type="submit" name="update_section" value="Update Section">
  </form>

  <a href="{{ url_for('manage.delete_section', sid=section[0]) }}">Delete section</a>

  {% endfor %}


  <div class="heading">Manage Member Data</div>
  <a href="{{ url_for('manage.export_fields', mid=member[0]) }}">Export Fields</a><br>
  {% if icons %}<a href="{{ url_for('manage.export_icons', mid=member[0]) }}">Export icons</a><br>{% endif %}
  {% if blinkies %}<a href="{{ url_for('manage.export_blinkies', mid=member[0]) }}">Export blinkies</a><br>{% endif %}
  {% if stamps %}<a href="{{ url_for('manage.export_stamps', mid=member[0]) }}">Export stamps</a><br>{% endif %}
  {% if icons or blinkies or stamps %}<a href="{{ url_for('manage.export_member', mid=member[0]) }}">Export all member data</a><br>{% endif %}
  
  <hr>
  <div class="heading danger">Danger zone</div>
  <a href="{{ url_for('manage.delete', mid=member[0]) }}" class="danger">Delete member</a> - WARNING: this is permanent and cannot be undone!


  {% if edit_location %}
  <script>document.getElementById('{{edit_location}}').scrollIntoView();</script>
  {% endif %}

</div>
{% endblock %}