@extends('layouts.app')
@section('title', "All songs")
@section('content')
<div class='container'>
                <h1>
                    Prosongsa Songs
                </h1>
                <form>
                    <input id='toc-filter' placeholder='filter songs'>
                </form>
                <ul id='toc'>
                    @foreach( App\Song::all() as $song )
                        <li>
                            <a href='{{ route('song.show', ['song' => $song]) }}'>
                                {{ $song->name }}
                            </a>
                    @endforeach
                </ul>
                <script src='js/toc-filter.js'></script>
</div>
@endsection