@extends('main')
@section('title', 'Репертуар')
@section('content')
<div class="container">
    <div class="row">
        <div class="hidden-xs col-md-1"></div>
        <div class='col-xs-12 col-md-5'>&nbsp;</div>
        <div class='col-xs-12 col-md-5'>&nbsp;</div>
        <div class="hidden-xs col-md-1"></div>
    </div>
    <div class="row">
        <div class="hidden-xs col-md-1"></div>
        <div class='col-xs-12 col-md-5'>
            <div>
                <h4 style='padding-left: 5px;'>О группе:</h4>
                <div style='padding: 5px; font-size: 14px;'>
                    <p>Московская рок-группа Ledstar – ваш проводник в мир настоящей, живой, качественной рок-музыки. Основной репертуар группы состоит из мировых рок-хитов 60-х – начала 90-х гг.: все самое вкусное, от Led Zeppelin до Metallica...  Кроме того, в репертуаре есть и авторский материал.</p>
                    <p>От многих других групп, Ledstar отличает высокое качество исполнения и звучания, не смотря на минимальный инструментальный состав. Ну, и конечно, вокал, который способен на все, разве что, кроме оперы: от Дио до Хетфилда!</p>
                    <p>Живой звук! Живая энергия! Рок-музыка в лучшем ее проявлении!</p>
                    <p>
                        Состав:
                    <ul>
                        <li>Марина Синельникова - вокал</li>
                        <li>Антон Михайлов - гитара, вокал</li>
                        <li>Роман Захарченко - бас-гитара, бэк-вокал</li>
                        <li>Максим Салов - барабаны</li>
                    </ul>
                    <p><a style='font-style: italic; font-size: 12px;' href='https://vk.com/ledstarband'>Let's ROCK!</a></p>

                </div>
            </div>
        </div>
        <div class='col-xs-12 col-md-5'>
            <div class="playListBlock">
                <h4>Репертуар:</h4>
                <ul id="playlist">
                    @foreach ($playlist as $i => $item)
                    <li id={{ $i }}>
                        <span style='font-weight: bold;'>{{ $item['Performer'] }}</span> - <span>{{ $item['Track'] }}</span>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="hidden-xs col-md-1"></div>
    </div>
    <div class="row">
        <div class="hidden-xs col-md-1"></div>
        <div class='col-xs-12 col-md-5'>&nbsp;</div>
        <div class='col-xs-12 col-md-5'>&nbsp;</div>
        <div class="hidden-xs col-md-1"></div>
    </div>
</div>
@endsection

@section('breadcrump')
    <ol class="breadcrumb bread">
        <li><a href="#" class="breadcrumb-item">Группа</a></li>
        <li><a href="/playlist" class="breadcrumb-item">Репертуар</a></li>
    </ol>
@endsection
