{% extends 'base.html' %}
                {% block save_radio %}
				<li class="active"><a href="{{url_for('save')}}">Save</a>
                {% endblock %}
{% block content %}
<hr>
<h1>{% block title %} Save {% endblock %}</h1>
<hr>
<form method="post">

    <div class="form-group">

        <p>The parent directory of your radio stations.</p>
        <hr>

        <label for="Path"><b>Directory Name</b> </label>
            <input type="text" name="Path"
                   class="form-control"
                   placeholder="{{save_to}}"
                   value={{save_to}}
                   id="Path">
    </div>
    <hr>
    <div class="form-group">
    <label>
        <input type="file" style="display: none;">
        <p style="color:brown;font-size:14px;">(OS Linux) /home/user_name/Downloads</p>
        <p style="color:brown;font-size:14px;">(OS Windows) Click me: Get a directory name</p>
    </label>
    </div>
    <details>
         <ol>A little helper. (Since App runs on a local web server)
            <li>double click the target folder in the window</li>
            <li>copy the path from the upmost drop down field in the window</li>
            <li>cancel the window and paste the path into the text box</li>
            <li>press Submit button</li>
         </ol>
    </details>
    <div class="form-group">
        <button type="submit" class="btn btn-primary btn-sm">Submit</button>
    </div>
</form>
{% endblock %}