@extends('layouts.base')

@section('content')
@section('title', trans('轮播图'))

<div class="w1200 m0a">
    <div class="rightlist">
        <form id="setform" action="" method="post" class="form-horizontal form">
            <div class='panel panel-default'>
                <div class="form-group"></div>

                <div class='panel-heading'>
                    轮播图
                    <input type="hidden" name="rotation[id]" value="{{$rotation['id']}}">
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style="color: red;">*</span>排序</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="rotation[sort]" class="form-control" value="{{$rotation['sort']}}" />
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style="color: red;">*</span>标题</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="rotation[title]" class="form-control" value="{{$rotation['title']}}" />
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span style="color: red;">*</span>图片</label>
                    <div class="col-sm-9 col-xs-12 col-md-6 detail-logo">
                        {!! app\common\helpers\ImageHelper::tplFormFieldImage('rotation[img]', $rotation['img']) !!}
                        <span class="help-block">建议尺寸: 640 * 350 ，或长方型图片 </span>
                        @if (!empty($rotation['img']))
                            <a href='{{yz_tomedia($rotation['img'])}}' target='_blank'>
                                <img src="{{yz_tomedia($rotation['img'])}}" style='width:100px;border:1px solid #ccc;padding:1px' />
                            </a>
                        @endif
                    </div>
                </div>

                <div class='panel-body'>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">跳转链接</label>
                        <div class="col-sm-9 col-xs-12">
                            <div class="input-group">
                                <input type="text" name="rotation[url]" data-id="PAL-00011" class="form-control" placeholder="请填写指向的链接 (请以http://开头, 不填则不显示)" value="{{$rotation['url']}}" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default nav-link" type="button" data-id="PAL-00011" >选择链接</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class='panel-body'>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">小程序跳转</label>
                        <div class="col-sm-9 col-xs-12">
                            <div class="input-group">
                                <input type="text" name="rotation[small_url]" data-id="PAL-00012" class="form-control" placeholder="" value="{{$rotation['small_url']}}" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default nav-app-link" type="button" data-id="PAL-00012" >选择链接</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class='panel-body'>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label">是否显示</label>
                        <div class="col-sm-9 col-xs-12">
                            <label class="radio-inline"><input type="radio" class="sendmoth" name="rotation[is_show]" value="1" @if(  $rotation['is_show'] == 1) checked="checked"@endif /> 是</label>
                            <label class="radio-inline"><input type="radio" class="sendmoth" name="rotation[is_show]" value="2" @if( empty($rotation['is_show']) || $rotation['is_show'] == 2) checked="checked" @endif /> 否</label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                    <div class="col-sm-9">
                        <input type="submit" name="submit" value="保存设置" class="btn btn-primary col-lg"
                               onclick='return formcheck()'/>
                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
<script language='javascript'>
    function formcheck(){
        var sort = $("input[name='rotation[sort]']").val();
        var title = $("input[name='rotation[title]']").val();
        var img = $("input[name='rotation[img]']").val();
        console.log(sort);
        if (isNaN(parseInt(sort))) {
            alert('排序为数字');
            return false;
        }

        if (sort.length == 0 || title.length == 0 || img.length == 0) {
            alert('*为必填项');
            return false;
        }
    }
</script>

@include('public.admin.mylink')
@include('public.admin.small')
@endsection