@extends('layouts.base')

@section('content')
@section('title', trans('帖子信息'))
<link rel="stylesheet" href="{{ plugin_assets('micro-communities', 'assets/css/common.css') }}" />
<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="tid" value="{{$trick['id']}}">
                </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-3 col-xs-3">
                            <select name='trick[cat_id]' class='form-control'>
                                <option value="">分类名称</option>
                                @foreach($cate as $val)
                                    <option value="{{$val['id']}}"
                                            @if($trick['cat_id'] == $val['id']) selected @endif>{{$val['name']}}</option>
                                @endforeach
                            </select>
                        </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">
                            <img src="{{tomedia($trick['has_one_stick_user']['avatar'])}}"
                                 style="width: 30px; height: 30px;border:1px solid #ccc;padding:1px;">
                            &nbsp;&nbsp;
                            {{$trick['has_one_stick_user']['nickname']}}
                        </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">{{$trick['created_at']}}</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">
                            <input type="text" name="trick[title]" class="form-control" value="{{$trick['title']}}" />
                        </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-5 col-xs-9">
                        <textarea name="trick[contents]"  rows="10" class="form-control">{{ $trick['contents'] }}</textarea>
                    </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-5 col-xs-3">

                        {!! Yunshop\MicroCommunities\services\CommonHelper::tplFormFieldMultiImage('trick[img]', $trick_img) !!}
                        <span class="help-block">最多可以上传9张 </span>
                    </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">
                        <div class="input-group-btn">
                            <button type="button" onclick="$('#micro-modal-goods').modal()" class="btn btn-default" >选择商品</button>
                        </div>
                        <br/>
                        <div id="trick_goods">
                            @if($trick['has_one_goods'])
                                <div class="col-sm-1 col-xs-1">
                                    <img id="micro_goods_img" src="{{tomedia($trick['has_one_goods']['thumb'])}}"
                                          style="width: 60px; height: 60px;border:1px solid #ccc;padding:1px;">
                                </div>
                                <div class="col-sm-2 col-xs-2" id="micro_goods_detail">
                                    <i  style="font-style:normal;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{$trick['has_one_goods']['title']}}</i>
                                    <br/>
                                    <i style="font-style:normal;color: red;font-size: 20px;">{{$trick['has_one_goods']['price']}}</i>&nbsp;&nbsp;&nbsp;&nbsp;<s>{{$trick['has_one_goods']['market_price']}}</s>
                                </div>
                                <div class="col-sm-1 col-xs-1" id="micro_goods_show">
                                    @if($trick['has_one_goods']['show_sales'] > 0)
                                    &nbsp;
                                    <br/>
                                   已售{{$trick['has_one_goods']['show_sales']}}&nbsp;
                                    @endif;
                                </div>
                            @endif
                        </div>
                    </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">
                        <div class="input-group-btn">
                            <button type="button" onclick="$('#micro-modal-store').modal()" class="btn btn-default" >选择门店</button>
                        </div>
                        <br/>

                        <div id="trick_store">
                            @if($trick['has_one_store'])
                                <div class="col-sm-1 col-xs-2 ">
                                    <img id="micro_store_img" src="{{tomedia($trick['has_one_store']['thumb'])}}"
                                          style="width: 60px; height: 60px;border:1px solid #ccc;padding:1px;">
                                </div>
                                <div class="col-sm-2 col-xs-4 " id="micro_store_detail">
                                    <b style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>{{$trick['has_one_store']['store_name']}}</b>
                                    <br/>
                                    <div class="commentScore" id="starContainer">
                                        <a  class="dim"></a>
                                        <a  class="dim"></a>
                                        <a  class="dim"></a>
                                        <a  class="dim"></a>
                                        <a  class="dim"></a>
                                    </div>
                                    <br/>
                                    {{$trick['ast']}}
                                </div>
                            @endif
                        </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 col-xs-12">
                        <div id="trick_store">
                            @if($trick['audio_src'])
                                @foreach($trick['audio_src'] as $audio)
                                <audio src="{{$audio['file']}}" controls="controls">
                                    {{$audio['file']}}
                                </audio>
                                @endforeach
                            @endif
                        </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 id="micro-modal-goods"  class="modal fade" tabindex="-1">
                    <div class="modal-dialog" style='width: 920px;'>
                        <div class="modal-content">
                            <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>选择商品</h3></div>
                            <div class="modal-body" >
                                <div class="row">
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="keyword" value="" id="search-kwd-goods" placeholder="请输入商品名称" />
                                        <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_goods(1);">搜索</button></span>
                                    </div>
                                </div>
                                <div id="module-menus-goods" style="padding-top:5px;"></div>
                            </div>
                            <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                        </div>
                    </div>
                    <input type="hidden" name="trick[goods_id]" id="micro_goods_id" value="{{$trick['has_one_goods']['id']}}">
                </div>

                <div id="micro-modal-store"  class="modal fade" tabindex="-1">
                    <div class="modal-dialog" style='width: 920px;'>
                        <div class="modal-content">
                            <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>选择门店</h3></div>
                            <div class="modal-body" >
                                <div class="row">
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="keyword" value="" id="search-kwd-store" placeholder="请输入门店名称" />
                                        <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_store();">搜索</button></span>
                                    </div>
                                </div>
                                <div id="module-menus-store" style="padding-top:5px;"></div>
                            </div>
                            <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                        </div>
                    </div>
                    <input type="hidden" name="trick[store_id]" id="micro_store_id" value="{{$trick['has_one_store']['id']}}">
                </div>

                <div id="micro-modal-img"  class="modal fade" tabindex="-1">
                    <div class="modal-dialog" style='width: 650px;'>
                        <div class="modal-content">
                            <div class="modal-body" >
                                <img src="" style="width: 600px;height:600px;" id="micro-img-enlarge">
                            </div>
                            <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    // const pageblur = 1;
    function deleteImage(elm)
    {
        require(["jquery"], function($){
            $(elm).prev().attr("src", '{{static_url("resource/images/nopic.jpg")}}');
            //$(elm).parent().hide();
        });
    }

    $(document).ready(function() {
        var score='{{$trick['average_score']}}';//用户评分
        highlightStar(score);

    });
    function highlightStar(num){
        var starBg = document.getElementById("starContainer");
        var stars = starBg.getElementsByTagName("a");
        for(var i = 0 ; i < num ; i++){
            stars[i].className = 'highlight';
        }
    }

    function enlargeImg(url)
    {
        $('#micro-modal-img').modal();
        $("#micro-img-enlarge").attr("src",url);
    }

    function search_goods(page) {
        if(!page){
            //如果没传page就使用inp框的值做页
          page = $('#idp').val();
        }
        if( $.trim($('#search-kwd-goods').val())==''){
            Tip.focus('#search-kwd-goods','请输入关键词');
            return;
        }
        $.get('{!! yzWebUrl('member.member-relation.query') !!}', {
            keyword: $.trim($('#search-kwd-goods').val()),
            page: page
        }, function(dat){
            if (dat.result == 1) {
                
                var goodsHtml = "<table class='table table-hover' style='min-width:850px;'><tbody>";
                dat.data.data.forEach(function(val){
                    goodsHtml += "<tr><td><img src="+val.thumb+" style='width:30px;height:30px;padding1px;border:1px solid #ccc' /> "+val.title+"</td><td style='width:80px;'><a href='javascript:;' onclick='select_good("+JSON.stringify(val)+")'>选择</a></td></tr>";
                });
                goodsHtml += "</tbody></table>";

                goodsHtml += pageHtml(dat.data);
                $('#module-menus-goods').html(goodsHtml);
            }else{
                $('#module-menus-goods').html('没有数据');
            }
        });
    }

    function pageHtml (data) {
        
        var pageHtml = "<div class='el-pagination' style='margin-top: 20px; text-align: right;'><span class='el-pagination__total'>共 "+data.total+" 条</span>";

        var upPage = data.current_page-1;
        if (upPage < 1) {
            var upPage = 1;
            pageHtml += "<button type='button' class='btn-prev' disabled='disabled'><i class='el-icon el-icon-arrow-left'></i></button><ul class='el-pager'>";
        } else {
            pageHtml += "<div class='el-pagination' style='margin-top: 20px; text-align: right;'><button type='button' class='btn-prev' onclick='search_goods("+upPage+");'><i class='el-icon el-icon-arrow-left'></i></button><ul class='el-pager'>";
        }

        var pageNum = 0;

        if (data.current_page >= 3) {
            pageNum = 2;
            pageHtml += "<li class='number' onclick='search_goods("+(data.current_page-2)+");'>"+(data.current_page-2)+"</li><!---->";
            pageHtml += "<li class='number' onclick='search_goods("+(data.current_page-1)+");'>"+(data.current_page-1)+"</li><!---->";
        }

        for(var i = data.current_page; i <= data.last_page; i++){
            pageNum++;
            if (pageNum <= 5) {
                if (i == data.current_page) {
                    pageHtml += "<li class='number active' onclick='search_goods("+i+");'>"+i+"</li><!---->";
                } else {
                    pageHtml += "<li class='number' onclick='search_goods("+i+");'>"+i+"</li><!---->";
                }

            }
        }

        var dowdPage = data.current_page+1;
        if (dowdPage > data.last_page) {
            var dowdPage = data.last_page;
            pageHtml += "</ul><button type='button' class='btn-next' disabled='disabled'><i class='el-icon el-icon-arrow-right'></i></button></div>";
        } else {
            pageHtml += "</ul><button type='button' class='btn-next' onclick='search_goods("+dowdPage+")';><i class='el-icon el-icon-arrow-right'></i></button>";
        }

        pageHtml += "<span class='el-pagination__jump'>前往<div class='el-input el-pagination__editor is-in-pagination'><!----><input type='number' autocomplete='off' min='1' max='"+data.last_page+"' class='el-input__inner' id='idp' onblur='search_goods()'; value='"+data.current_page+"'><!----><!----><!----><!----></div>页</span></div>"

        return pageHtml;
    }

    function search_store() {
        if( $.trim($('#search-kwd-store').val())==''){
            Tip.focus('#search-kwd-store','请输入关键词');
            return;
        }
        $.get('{!! yzWebUrl('plugin.micro-communities.admin.trick.getStore') !!}', {
            keyword: $.trim($('#search-kwd-store').val())
        }, function(dat){
            $('#module-menus-store').html(dat);
        });
    }

    function select_good (obj)
    {

        var htm = "<div class='col-sm-1 col-xs-1'> <img id='micro_goods_img' src='"+obj.thumb+"'style='width: 60px; height: 60px;border:1px solid #ccc;padding:1px;'> </div> <div class='col-sm-2 col-xs-2' id='micro_goods_detail'> <i style='font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>"+obj.title+"</i><br/><i style='font-style:normal;color: red;font-size: 20px;'>"+obj.price+"</i>&nbsp;&nbsp;&nbsp;&nbsp;<s>"+obj.market_price+"</s> </div> <div class='col-sm-1 col-xs-1' id='micro_goods_show'>&nbsp;<br/>已售"+obj.real_sales+"</div>";

        $("#trick_goods").html(htm);
        $("#micro_goods_id").attr("value",obj.id);
        $("#micro-modal-goods .close").click();
    }

    function select_store (obj)
    {

        var store = "<div class='col-sm-1 col-xs-2 '> <img id='micro_store_img' src='"+obj.thumb+"' style='width: 60px; height: 60px;border:1px solid #ccc;padding:1px;'> </div> <div class='col-sm-2 col-xs-4' id='micro_store_detail'> <b style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'>"+obj.store_name+"</b><br/> <div class='commentScore' id='starContainer'><a  class='dim'></a><a  class='dim'></a><a  class='dim'></a><a  class='dim'></a><a  class='dim'></a> </div> <br/>"+obj.ast

        $("#trick_store").html(store);
        $("#micro_store_id").attr("value",obj.id);
        $("#micro-modal-store .close").click();
        highlightStar(obj.average_score);
    }


</script>
@endsection