@extends('frontend.layouts.app')

@inject('navPresenter', 'App\Presenters\Fronts\NavPresenter')
@section('css')
    <link href="https://cdn.bootcss.com/viewerjs/0.8.0/viewer.min.css" rel="stylesheet">
@endsection
@section('content')
    <section class="ny-banner text-center"
             style="background-image:url({{asset('/frontend/images/2014091259957041.png')}})">
        <div class="container text-left">
            <h2>{{ $nav->desc ?: $nav->name }}</h2>
            <p class="weizhi">当前位置：
                <a href="{{url('/')}}">主页</a> 
                {!! $navPresenter->navs($parentNav, $nav) !!}
            </p>
        </div>
    </section>
    <section class="crumbs text-right">
        <div class="container">
            <ul class="list-unstyled">
                {!! $navPresenter->sonNavs($parentNav, $nav) !!}
            </ul>
        </div>
    </section>
    <div class="neirong">

        @if($skillOrderWay == '2')
            <section class="team sx-padding team-bg" id="demo">
                <div class="container">
                    <div class="row">
                        @if($skills->isNotEmpty())
                            @foreach($skills as $skill)
                                <figure class="text-center wow animated flipInX animated"
                                    style="visibility: visible; animation-name: flipInX;">
                                        <a><img src="/{{$skill->path}}" width="262" height="330" alt="{{$skill->title}}"></a>
                                    <h3 class="team-title">{{$skill->title}}</h3>
                                </figure>
                            @endforeach
                        @endif
                    </div>

                    {!! $skills->links('frontend.layouts.paginator') !!}
                </div>
            </section>
        @else
            <section class="heng sx-padding heng-bg" id="demo">
                <div class="container">
                    <div class="row">
                        @if($skills->isNotEmpty())
                            @foreach($skills as $skill)
                                <figure class="text-center wow animated flipInX animated"
                                    style="visibility: visible; animation-name: flipInX;">
                                        <a><img src="/{{$skill->path}}" width="360" height="256" alt="{{$skill->title}}"></a>
                                    <h3 class="heng-title">{{$skill->title}}</h3>
                                </figure>
                            @endforeach
                        @endif
                    </div>

                    {!! $skills->links('frontend.layouts.paginator') !!}
                </div>
            </section>
        @endif
        
    </div>
@endsection
@section('js')
    <script src="https://cdn.bootcss.com/viewerjs/0.8.0/viewer.min.js"></script>
    <script>
        var viewer = new Viewer(document.getElementById('demo'),{
            toolbar:false,
            zIndex:1999999999
        });
    </script>
@endsection