@extends('layouts.app')

@section('content')
    <!-- 内容 -->
    <div class="second">
        <div class="container">

            @include('category.left')

            <div class="secondRight">
                <div class="crumbs">
                    当前位置： 首页 &gt; {{ $parent->title }} &gt; {{ $category->title }}
                </div>

                <!-- 领军人才梯队 -->
                <ul class="echelonList">
                    @if ($leaders->isNotEmpty())

                        @foreach ($leaders as $leader)
                            <li>
                                <div class="ce-img echelonList-img">
                                    <span style="background-image: url({{ $leader->cover_url }});"></span>
                                </div>
                                <div class="echelonList-cont">
                                    <div class="echelonList-title"><span>{{ $leader->title }}</span></div>
                                    <div class="echelonList-label">
                                        <div class="echelonList-name">带头人：</div>
                                        <div class="echelonList-text">{{ $leader->head }}</div>
                                    </div>
                                    <div class="echelonList-label">
                                        <div class="echelonList-name">后备带头人：</div>
                                        <div class="echelonList-text">{{ $leader->reserve }}</div>
                                    </div>
                                    <div class="echelonList-label">
                                        <div class="echelonList-name">梯队介绍：</div>
                                        <div class="echelonList-text">
                                            <p class="ellipsis">
                                                {{ $leader->description }}
                                                <a href="{{ $leader->link }}">[ 更多详情 ]</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    @endif
                </ul>
            </div>
        </div>
    </div>
    <!-- end 内容 -->
@endsection