{% extends "base.html" %}
{% block content %}


<h1>YouTube Transcript Fetcher</h1>
<form method="post">
    <label for="url">YouTube URL:</label><br>
    <input type="text" id="url" name="url" style="width:70%" required>
    <label for="lang">Language code:</label>
    <input type="text" id="lang" name="lang" value="ja" style="width:50px">
    <button type="submit">Get Transcript</button>
</form>

{% if transcript %}
<h2>Transcript</h2>
<textarea readonly>{{ transcript }}</textarea>
<form method="post" action="/download">
    <input type="hidden" name="url" value="{{ url }}">
    <input type="hidden" name="lang" value="{{ lang }}">
    <button type="submit">Download as TXT</button>
</form>
{% endif %}


</html>
{% endblock %}