{{define "colinf_content"}}
    <script>
        function launchEditor(data){
            console.log(data)
        }
    </script>
    {{range .Items}}
        {{if .IsText}}
            <li class="list-group-item" style="padding-left: 25px; padding-right: 42px">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mt-0">{{.Content}}</h5>
                        <br/>
                        {{.Description}}
                    </div>
                    <span class="badge badge-pill badge-dark">{{.Deadline}}</span>
                </div>
            </li>
        {{end}}
        {{if .IsMarkdown}}
            <li class="list-group-item">
                <div class="card">
                    <div class="card-header">
                        <div class="media">
                            <div class="media-body"><b>#{{.Content}}</b></div>
                            <div class="row">
                                <div class="container">

                                    <button type="button" class="btn btn-link" onclick="launchEditor({{.Description}})">
                                        Edit
                                    </button>
                                    <span class="badge badge-pill badge-dark"
                                          style="margin-left: 1rem">{{.Deadline}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        {{.Description}}
                    </div>
                </div>
            </li>
        {{end}}
        {{if .IsUrl}}
            <li class="list-group-item" style="padding-left: 22px; padding-right: 41px">
                <div class="media">
                    <div class="media-body">
                        <a target="_blank" rel="noopener noreferrer"
                           href="{{.Content}}">{{.Content}}</a>
                    </div>
                    <span class="badge badge-pill badge-dark">{{.Deadline}}</span>
                </div>
            </li>
        {{end}}
        {{if .IsOpenGraph}}
            <li class="list-group-item" style="padding-left: 20px; padding-right: 41px">
                <div class="media">
                    <a target="_blank"
                       rel="noopener noreferrer"
                       href="{{.Content}}">
                        <img class="align-self-center mr-3 img-thumbnail"
                             style="width: 200px; height: auto;"
                             src="{{.OpenGraphData.ImageUrl}}"
                             alt="Generic placeholder image"/>
                    </a>
                    <div class="media-body">
                        <h5 class="mt-0"><a target="_blank" rel="noopener noreferrer"
                                            style="color:black"
                                            href="{{.Content}}">{{.OpenGraphData.Title}}</a>
                        </h5>
                        <p>{{.OpenGraphData.Description}}</p>
                    </div>
                    <span class="badge badge-pill badge-dark">{{.Deadline}}</span>
                </div>
            </li>
        {{end}}
    {{end}}
{{end}}