@extends('theme::template')

@section('head')
  <link rel="stylesheet" href="{{ themePath('css/lightbox.css') }}">
@stop

@section('banner')
  <div class="nbanner" {{ inject('visual')->url('ad', 4) }} data-position-top="80px">
    <img src="{{ inject('ad')->single(4, 4, 'img') }}" alt="{{ inject('ad')->single(4, 4, 'title') }}">
  </div>
@stop

@section('anchor')
  <div id="anchor">
    <div class="container-fluid">
		<span class="anchor">
			<a href="{{ url('/') }}">{{ inject('setting')->langs('system', 'home') }}</a> >
			<a href="{{ url('/album') }}">{{ inject('setting')->langs('web', 'album') }}</a> >
			<a href="{{ url('/album/'.$cate->slug) }}">{{ $cate->description->cname }}</a>
		<span>
    </div>
  </div>
@stop

@section('left')
<div class="hidden-xs hidden-sm">
  <h3 class="left-title">{{ inject('setting')->langs('web', 'album') }}</h3>
  <ul class="cate-list" {{ inject('visual')->url('album-cate') }}>
    @foreach (inject('category')->cate('album') as $value)
      <div class="category">
        <a class="list-title" href="{{ $value->present()->url('album') }}" title="{{ $value->cname }}">{{ $value->cname }}</a>
        <span class="{{ !$value->children->isEmpty() ? 'arrow-click' : ''}}"></span>
        @if(!$value->children->isEmpty())
          <ul class="map-category-list">
            @foreach ($value->children as $val)
              <li>
                <a href="{{ $val->present()->url('album') }}">{{ $val->cname }}</a>
              </li>
            @endforeach
          </ul>
        @endif
      </div>
    @endforeach
  </ul>
</div>


<div class="page-wrap-left xymob-menu-click">
    <div class="xymob-left-close-btn"><i class="icon-font icon-close"></i></div>
    <div class="xypg-left">
        <div class="xypg-left-box xypg-left-menu">
            <div class="xypg-left-title">
                <h3>{{ inject('setting')->langs('web', 'album') }}</h3>
            </div>
            <div class="xypg-left-con">
                <ul class="xypg-left-nav" {{ inject('visual')->url('album-cate') }}>
					          @foreach (inject('category')->cate('album') as $value)
                    <li>
                        <a href="{{ $value->present()->url('album') }}" title="{{ $value->cname }}">{{ $value->cname }}</a>
                        <div class="first-nav-btn"></div>
                        @if(!$value->children->isEmpty())
                        <ul class="xypg-left-subnav">
                          @foreach ($value->children as $val)
                          <li><a href="{{ $val->present()->url('album') }}">{{ $val->cname }}</a></li>
                          @endforeach
                        </ul>
                        @endif
                    </li>
					          @endforeach
                </ul>
            </div>
        </div>
        
    </div>
</div>

<div class="page-mob-tool">
    <ul>
        <li class="xymob-page-navbtn"><span></span></li>
        <li class="xymob-page-backtop"><i class="icon-font icon-top"></i></li>
    </ul>
</div>


@include('theme::common.left_side')
@stop

@section('right')
  @if(!$albums->isEmpty())
    <div class="case-list" {{ inject('visual')->url('album') }}>
      <ul class="content row no-border">
        @foreach ($albums as $value)
          <li class="col-xs-6 col-md-4">
            <div class="list">
              <a href="{{ $value->description->present()->image() }}" class="img" data-lightbox="roadtrip">
                <img src="{{ $value->description->present()->image('500*268') }}" alt="{{ $value->description->title or '' }}">
              </a>
              <div class="cont text-center">
                <h3 class="case-title">{{ $value->description->title or '' }}</h3>
              </div>

            </div>
          </li>
        @endforeach
      </ul>
    </div>
    @if(!empty($albums->render()))
      <div class="page-content clearfix">
        <div class="page-left pull-left">{{ inject('setting')->langs('system', 'gong') }}{{ $albums->total() }}, {{ inject('setting')->langs('system', 'meiye') }}：{!! $albums->perPage() !!}{{ inject('setting')->langs('system', 'tiao') }}</div>
        <div class="pull-right">{!! $albums->render() !!}</div>
      </div>
    @endif
  @else
    <div class="no-information">{{ inject('setting')->langs('system', 'no_information') }}</div>
  @endif
@stop

@section('foot')
  <script src="{{ themePath('js/lightbox.js') }}"></script>
@stop