3 files changed, 18 insertions, 3 deletions
diff --git a/laravel/resources/views/layouts/app.blade.php b/laravel/resources/views/layouts/app.blade.php
index 055df6f..0267aea 100644
--- a/laravel/resources/views/layouts/app.blade.php
+++ b/laravel/resources/views/layouts/app.blade.php
@@ -73,7 +73,9 @@
         </nav>
 
         <main class="py-4">
-            @yield('content')
+            <div class='container'>
+                @yield('content')
+            </div>
         </main>
     </div>
 </body>
diff --git a/laravel/resources/views/playlist.blade.php b/laravel/resources/views/playlist.blade.php
index 3026963..856c81c 100644
--- a/laravel/resources/views/playlist.blade.php
+++ b/laravel/resources/views/playlist.blade.php
@@ -10,4 +10,15 @@
     @endforeach
     </ul>
 
+    <form method="POST" action="/new/song">
+        <h3>Add song to playlist</h3>
+        @csrf
+        <input name='title' placeholder='title' type='text'/>
+        <input name='author' placeholder='author' type='text'/>
+        <input name='key' placeholder='Key (e.g. Am)' type='text' />
+        <input name='playlist' value='{{ $playlist->id }}' hidden/>
+        <br/>
+        <textarea name='text' placeholder='song lyrics/chords' style='width: 100%; height: 200px;' ></textarea>
+        <button type='submit'>Add song!</button>
+    </form>
 @endsection
diff --git a/laravel/resources/views/song.blade.php b/laravel/resources/views/song.blade.php
index 8a5e0f8..d350ff6 100644
--- a/laravel/resources/views/song.blade.php
+++ b/laravel/resources/views/song.blade.php
@@ -3,7 +3,10 @@
 
 @section('content')
 
-<div class='container'>
+    <a href='{{ route('playlist.show', ['playlist' => $playlist->name ] ) }}'>
+        Back to "<i>{{$playlist->name}}</i>" playlist
+    </a>
+
     <h2>{{$song['title']}}</h2>
     <form>
     <select name="transp" id="transp"
@@ -31,7 +34,6 @@
         <canvas id='guitarregion' width="100" height="100" onclick="cycle(guitarObj);"></canvas>
         <canvas id='ukuleleregion' width="100" height="100" onclick="cycle(ukeObj);"></canvas>
     </div>
-</div>
 
 <script src='/js/chordsdata/chords.js'></script>
 <script src='/js/chordsdata/ukulelechords.js'></script>