{% extends 'base.html' %}
{% load static %}

{% block title %}Manage{% endblock %}

{% block content %}
<form action="/songs/edit/{{ song.id }}" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <div class="row centered-form">
        <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Edit Song</h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <input type="text" id="artist" name="artist" class="form-control input-sm" placeholder="Artist" value="{{ song.artist }}">
                    </div>
                    <div class="form-group">
                        <input type="text" id="title" name="title" class="form-control input-sm" placeholder="Title" value="{{ song.title }}">
                    </div>
                    <input type="submit" value="Save" class="btn btn-primary btn-block">
                </div>
            </div>
        </div>
    </div>
</form>
{% endblock %}