@extends('themes.schumann.layout.layout')
@section('title', trans('site.clubs'))
@section('bodyClass', 'clubs-page')
@section('content')
<div class="clubs-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="headline">
                    <div class="title">
                        {{ trans('site.clubs') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clubs-content">
        <div class="club-items">
            <div class="clubs-inner">
                @foreach($items as $key => $item)
                <div class="club-item @if($key == 0) active @endif" id="club_{{ $item->id }}">
                    <div class="club-icon">
                        <span class="icon-{{ $item->icon }}" style="background-image: url('{{ asset('uploads/'.$item->img) }}');"></span>
                    </div>
                    <div class="title">
                        {{ $item->translate->title }}
                    </div>
                    <div class="details hide">
                        @foreach(Helper::explodeString($item->translate->teachers) as $teacher)
                        @if(@$teacher) <div class="person">{{ $teacher }}</div>@endif
                        @endforeach
                        <div class="description">
                            {{ $item->translate->content }}
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        <div class="club-info">
            <div class="club-item">
                <div class="club-icon">
                    <span class="icon-music" style="background-image: url('{{ asset('uploads/'.$items->first()->img) }}');"></span>
                </div>
                <div class="title">{{ $items->first()->title }}</div>
                <div class="position">{{ trans('site.teachers') }}</div>
                <div class="details">
                    @foreach(Helper::explodeString($item->first()->translate->teachers) as $teacher)
                    @if(@$teacher) <div class="person">{{ $teacher }}</div>@endif
                    @endforeach
                    <div class="description">
                        {{ $item->first()->translate->content }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection