@extends('module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_points.css')}}"/>
@endpush

@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.service_left')
        </div>
        <div class="mright">
            <div class="user_pagetitle">
                <div class="pat_l">企业模版</div>
                <div class="clear"></div>
            </div>
            <div class="point_title_group">
                <div class="title_left">已购买模版</div>
                <div class="title_right">快速提升企业价值，增强留给求职者的第一印象！</div>
                <div class="clear"></div>
            </div>
            <div class="service_pack_group">
    
                    <div class="service_pack_list">
                        <div class="list_box pd_small J_hoverbut">
                            <div class="list_box_img"><img src="{{ theme_asset('app/images/template.jpg') }}" alt="系统默认模板" /></div>
                            <div class="list_box_tplname link_blue">系统默认模板<a class="view" target="_blank" href="{{route('jobs.company',['id'=>auth('web-company')->user()->id,'preview'=>'1', 'tpl'=>'default'])}}">[预览]</a></div>
                            @if(auth('web-company')->user()->tpl=='default')
                                <div class="btn_yellow btn_disabled J_hoverbut btn_100_32">使用中...</div>
                            @else
                                <div class="btn_yellow J_hoverbut btn_100_32 change_tpl"  name="系统默认模板" data="default">立即使用</div>
                            @endif
                        </div>
                    </div>
                
                
                    @if(!$tplTrue->isEmpty())
                        @foreach($tplTrue as $val)
                            <div class="service_pack_list">
                                <div class="list_box pd_small J_hoverbut">
                                    <div class="list_box_img"><img src="{{ upload_asset($val->tpls->images) }}" alt="{{ $val->tpls->name or '' }}" /></div>
                                    <div class="list_box_tplname link_blue">{{ $val->tpls->name or '' }}<a class="view" target="_blank" href="{{route('jobs.company',['id'=>auth('web-company')->user()->id,'preview'=>'1', 'tpl'=>$val->tpls->blade_name])}}">[预览]</a></div>
                                    @if($val->default_tpl)
                                        <div class="btn_yellow btn_disabled J_hoverbut btn_100_32">使用中...</div>
                                    @else
                                <div class="btn_yellow J_hoverbut btn_100_32 change_tpl" name="{{$val->tpls->name or ''}}" data="{{ $val->tpls->blade_name or '' }}">立即使用</div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    @endif
                <div class="clear"></div>
            </div>
            <div class="point_title_group">
                <div class="title_left">未购买模版</div>
                <div class="title_right">一次购买，终生使用</div>
                <div class="clear"></div>
            </div>
            <div class="service_pack_group">

                @if(!$tplFalse->isEmpty())
                    @foreach($tplFalse as $val)
                        <div class="service_pack_list">
                            <div class="list_box pd_small J_hoverbut">
                                <div class="list_box_img"><img src="{{ upload_asset($val->images) }}" alt="{{ $val->name or '' }}" /></div>
                                <div class="list_box_tplname link_blue">{{ $val->name or '' }}<span class="ft_12">（@if($val->price==0) 免费）@else<span class="yellow_light">{{ $val->price }} </span>积分）</span>@endif<a target="_blank" href="{{route('jobs.company',['id'=>auth('web-company')->user()->id,'preview'=>'1', 'tpl'=>$val->blade_name])}}" class="view">[预览]</a></div>
                                <div class="btn_yellow J_hoverbut btn_100_32" onclick="javascript:location.href='{{ route('service.increment.add',['cat'=>'tpl','tpl_id'=>$val->id]) }}'">立即购买</div>
                            </div>
                        </div>
                    @endforeach
                @endif
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".change_tpl").click(function(){
                var tpl = $(this).attr('data');
                var name = $(this).attr('name');
                if (tpl=='' || tpl==null){
                    disapperTooltip("remind", '模板文件丢失！');
                    return false;
                } else{
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ route('company.template.update') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            tpl:tpl,
                            name:name
                        },
                        success: function (result) {
                            disapperTooltip("success", result.data);
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000);
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                                return false;
                            }
                        }
                    })
                }
            });
        });
    </script>

@endsection