{% from "macros/_form.html" import render_form %}

{% extends "layout.html" %}

{% block page_title %}My story{% endblock %}
{% block body_class %}userform{% endblock %}

{% block content %}

  <div class="profile-header">
    <div class="float-right">
      {% if user.carddata %}
        <img src="{{user.carddata}}" align="right" hspace="10" vspace="5" width="100" border="1" />
        <br />
      {% endif %}
      <a href="{{ url_for('auth.user_profile') }}" class="btn btn-warning btn-lg">
        <i class="fa fa-arrow-right"></i>
        My Profile
      </a>
    </div>
  </div>

  <h2 class="huge">
    Edit
    <a href="{{ url_for('public.user_profile', username=user.username) }}">
      my story</a>
  </h2>

  {{ render_form(url_for('auth.user_story'), form, formid='userStory') }}

  <div class="row mt-4">
    <div class="col">
      <b>Tips:</b> 
      For more information about the <b>JSON Resume</b> format, visit 
      <a href="https://jsonresume.org" target="_blank">JSONresume.org</a>,
       where you can find tools that include an 
      <a href="https://registry.jsonresume.org/" target="_blank">online editor</a>
      (<a href="https://github.com/jsonresume/jsonresume.org/">Source</a>),
       and a 
      <a href="https://chrome.google.com/webstore/detail/json-resume-exporter/caobgmmcpklomkcckaenhjlokpmfbdec" target="_blank">Chrome extension</a>
      (<a href="https://github.com/joshuatz/linkedin-to-jsonresume?tab=readme-ov-file#linkedin-profile-to-json-resume-browser-tool-">Source</a>)
       for converting your LinkedIn profile.
    </div>
  </div>


{% endblock %}