@extends('module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/article/article.css') }}"/>
    <style>
        .apply {
            background-color: #1d7ad9;
            font-size: 18px;
            text-align: center;
            width: 127px;
            height: 45px;
            line-height: 45px;
            border: 0;
            color: #FFFFFF;
            cursor: pointer;
            border-radius: 0 3px 3px 0;
            position:fixed;
        }
        .end {
            background-color: #eee;
            font-size: 18px;
            text-align: center;
            width: 127px;
            height: 45px;
            line-height: 45px;
            border: 0;
            color:#666;
            cursor: pointer;
            border-radius: 0 3px 3px 0;
            position:fixed;
        }
    </style>
@endpush

@push('js')

@endpush

{{--@include('module.section.header_min')--}}
{{--@include('module.section.content_header')--}}
@section('content')
    <div class="new-se-group">
        <div class="new-se-main">
            <form id="form" method="post" action="{{route('recuperate.list')}}">
                <div class="ip-group">
                    <div class="ip-box"><input type="text" name="key" id="" value="" placeholder="请输入关键字"></div>

                    <div class="ip-box" style="display:none">{{ csrf_field() }}</div>
                    <div class="ip-btn"><input type="submit" class="sobut J_hoverbut" value="搜套餐"></div>
                    <div class="clear"></div>
                </div>
            </form>
        </div>
    </div>
    <div class="newsshow">
        <div class="l">
            <div class="main">
                <div class="ntitle">{{$info->title}}</div>
                <div class="time">
                    {{--<span>{{$info->price ?: 0}}元/人</span>--}}
                    <span>{!! $info->place !!} {!! $info->visit !!}</span>
                    <span>日期：{{change_datetime_format($info->created_at, 'Y-m-d')}}</span>
                    <span>浏览 <a class="click" id="news_click">{{$info->click}}</a> 次</span>
                </div>
                <div class="txt">

                    {!! $info->content !!}
                    <p style="color:#ff0000;font-size: 18px;">
                        <strong>景观及活动图片</strong>
                        @foreach($info->img_list as $img)
                            <img src="{{upload_asset($img)}}" alt="" style="width:100%;">
                        @endforeach
                    </p>
                </div>
            </div>
        </div>
        @if(!$recuperate_app)
            <div class="r">
                @if($info->status == 1)
                    <a class="apply" href="javascript:signup()">预报名</a>
                @else
                    <a class="end">已结束</a>
                @endif
            </div>
        @endif
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script>
        function signup() {
            var id = '{{$info->id}}';
            if (id == 17) {
                disapperTooltip("remind", '报名人数已满！');
            } else {
                location.href = '{{ route("recuperate.apply",["id"=> $info->id ]) }}';
            }
        }
    </script>
@endsection