@extends('layouts.main')

@section('style')
    @switch($nav)
        @case('article')
        <link rel="stylesheet" href="/web/css/services.css">
        <link rel="stylesheet" href="/web/css/projectdetail.css">
        @break
        @case('news_list')
        <link rel="stylesheet" href="/web/css/news.css">
        @break
        @case('search_list')
        <link rel="stylesheet" href="/web/css/search.css">
        @break
        @case('image_list')
        <link rel="stylesheet" href="/web/css/portfolio.css">
        @break
    @endswitch
@endsection
@section('content')

<!-- 公共图片 -->
<img src="{{$banner?->resource_url}}" class="pic" alt="">
<!-- 公共中间内容 -->
<div class="publicCont">
    <!-- 公共左边 -->
    <div class="publicContLeft">
        @if($nav == 'article' && $article?->category == 'services')
        <div class="sever">
            <div class="top">服务项目</div>
            <ul class="list">
                @foreach($services as $service)
                    <li class="{{ $article->id == $service->id ? 'active' :''}}"><a href="{{url('articles/'.$service->id.'/info')}}">{{$service->title}}</a></li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="contLeftTop">
            <div class="top">推荐资讯</div>
            <ul class="list">
                @foreach($news as $item)
                <p><a href="{{url('articles/'.$item->id.'/info')}}">{{$item->title}}</a></p>
                @endforeach 
            </ul>
        </div>
        <div class="contLeftBottom">
            <div class="top">推荐产品</div>
            @foreach($examples as $example)
                <a href="{{url('articles/'.$example->id.'/info')}}">
                    <div class="item">
                        <img src="{{$example->cover_url}}" alt="">
                        <p>{{$item->title}}</p>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
    <div class="publicContRight">
        <div class="top">
            <a href="">首页 &nbsp > &nbsp</a>
            @if($nav_title_too)
            <a href="">{{$nav_title}} &nbsp > &nbsp</a>
            <span>{{$nav_title_too}}</span>
            @else
            <span>{{$nav_title}}</span>
            @endif
        </div>
        @switch($nav)
            @case('article')
            {!! $content !!}
            @break
            @case('news_list')
            @foreach($list as $item)
            <div class="items">
                <a href="{{url('articles/'.$item->id.'/info')}}" >
                    <div class="itemCont">
                        <p class="title">{{$item->title}}</p>  
                    </div>
                </a>
            </div>
            @endforeach
            @break
            @case('search_list')
            @foreach($list as $item)
            <div class="items">
                <img src="{{$item->cover_url}}" alt="">
                <a href="{{url('articles/'.$item->id.'/info')}}" >
                    <div class="itemCont">
                        <p class="title">{{$item->title}}</p>  
                    </div>
                </a>
            </div>
            @endforeach
            @break
            @case('image_list')
            @foreach($list as $item)
                <div class="rightItems">
                    <img src="{{$item->cover_url}}" alt="">
                    <div class="show">
                        <h1>-{{$item->id}}-</h1>
                        <p>{{$item->title}}</p>
                        <a href="{{url('articles/'.$item->id.'/info')}}" class="more">更多</a>
                    </div>
                </div>
            @endforeach
            @break
        @endswitch
    </div>
</div>
@endsection