@extends('layouts.base')

@section('content')
@section('title', trans('酒店信息'))



<div class="w1200 ">
    <div class=" rightlist ">
        <div class="right-titpos">
            <ul class="add-snav">
                <li class="active"><a href="#">酒店信息</a></li>
            </ul>
        </div>

        <div class="right-addbox">
            <div class="panel panel-default">
                <div class="panel-body">
                    <form id="hotel_form" name="hotel_form" action="" method="post" class="form-horizontal form">
                        <input type="hidden" name="hotel_id" class="form-control" value="{{$hotel_id}}"/>
                        <div class="top">
                            <ul class="add-shopnav" id="myTab">
                                <li class="active"><a href="#tab_hotel_basic">酒店信息</a></li>
                                <li><a href="#tab_hotel_0">收银台设置</a></li>
                                <li><a href="#tab_hotel_1">收银台结算规则</a></li>
                                <li><a href="#tab_hotel_2">收银台营销设置</a></li>
                                <li><a href="#tab_hotel_3">收银台分润设置</a></li>
                                <li><a href="#tab_hotel_4">收银台返现设置</a></li>
                            </ul>
                        </div>
                        <div class="info">
                            <div class="panel-body">
                                <div class="tab-content">
                                    <div class="tab-pane  active" id="tab_hotel_basic">
                                        @include('Yunshop\Hotel::admin.hotel.hotel_basic')
                                    </div>
                                    <!-- 收银台设置-->
                                    <div class="tab-pane" id="tab_hotel_0">
                                        @include('Yunshop\Hotel::admin.cashier.set')
                                    </div>
                                    <!-- 规则设置-->
                                    <div class="tab-pane" id="tab_hotel_1">
                                       @include('Yunshop\Hotel::admin.cashier.hotel_rule')
                                    </div>
                                    <!-- 营销设置 -->
                                    <div class="tab-pane" id="tab_hotel_2">
                                        @include('Yunshop\Hotel::admin.cashier.marketing')
                                    </div>
                                    <!-- 分润设置 -->
                                    <div class="tab-pane" id="tab_hotel_3">
                                        @include('Yunshop\Hotel::admin.cashier.dividend')
                                    </div>
                                    <!-- 返现设置 -->
                                    <div class="tab-pane" id="tab_hotel_4">
                                        @include('Yunshop\Hotel::admin.cashier.return')
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                                    <div class="col-xs-6">
                                        <input type="button" name="submit" value="提交" class="btn btn-success" onclick="sub()"/>
                                        <input type="button" name="back" onclick='history.back()' style=''
                                               value="返回"
                                               class="btn btn-default back"/>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    require(['bootstrap'], function () {
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        })
    });
    
    require(['util', 'clockpicker'], function(u, $){
        $('.clockpicker :text').clockpicker({autoclose: true});

        u.editor($('.richtext')[0]);

        $('#add-time').click(function(){
            $('#time-list').append($('#time-form-html').html());
            $('.clockpicker :text').clockpicker({autoclose: true});
        });
    });
</script>
<script language='javascript'>
    function boss_search_member() {
        if ($('#boss-search-kwd').val() == '') {
            Tip.focus('#boss-search-kwd', '请输入关键词');
            return;
        }
        $("#module-menus-boss").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.hotel.admin.member.bossQuery') !!}", {
            keyword: $.trim($('#boss-search-kwd').val())
        }, function (dat) {
            $('#module-menus-boss').html(dat);
        });
    }
    function write_member(o) {
        $("#boss_uid").val(o.uid);
        $("#bossvalue").show();
        $("#bossvalue").find('img').attr('src', o.avatar);
        $("#boss").val(o.nickname + "/" + o.realname + "/" + o.mobile);
        $("#modal-module-menus-boss .close").click();
    }
</script>
<script language='javascript'>
    function search_members() {
        if ($('#search-kwd-notice').val() == '') {
            Tip.focus('#search-kwd-notice', '请输入关键词');
            return;
        }
        $("#module-menus-notice").html("正在搜索....");
        $.get("{!! yzWebUrl('member.member.get-search-member') !!}", {
            keyword: $.trim($('#search-kwd-notice').val())
        }, function (dat) {
            $('#module-menus-notice').html(dat);
        });
    }

    function hotel_search_members() {
        if ($.trim($('#search-kwd').val()) == '') {
            Tip.focus('#search-kwd', '请输入关键词');
            return;
        }
        $("#module-menus").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.hotel.admin.member.query') !!}", {
            keyword: $.trim($('#search-kwd').val())
        }, function (dat) {
            $('#module-menus').html(dat);
        });
    }

    function select_member(o) {
        $("#noticeopenid").val(o.uid);
        $("#saleravatar").show();
        $("#saleravatar").find('img').attr('src', o.avatar);
        $("#saler").val(o.nickname + "/" + o.realname + "/" + o.mobile);
        $("#modal-module-menus-notice .close").click();
    }

    function hotel_select_member(o) {
        console.log(o);
        if ($('.multi-item[openid="' + o.has_one_fans.openid + '"]').length > 0) {
            return;
        }
        var html = '<div class="multi-item" openid="' + o.has_one_fans.openid + '">';
        html += '<img class="img-responsive img-thumbnail" src="' + o.avatar + '" onerror="this.src=\'{{static_url('resource/images/nopic.jpg')}}\'; this.title=\'图片未找到.\'">';
        html += '<div class="img-nickname-hotel">' + o.nickname + '</div>';
        html += '<input type="hidden" value="' + o.has_one_fans.openid + '" name="hotel[salers][' + o.uid + '][openid]">';
        html += '<input type="hidden" value="' + o.nickname + '" name="hotel[salers][' + o.uid + '][nickname]">';
        html += '<input type="hidden" value="' + o.avatar + '" name="hotel[salers][' + o.uid + '][avatar]">';
        html += '<input type="hidden" value="' + o.uid + '" name="hotel[salers][' + o.uid + '][uid]">';
        html += '<em onclick="remove_member(this)"  class="close">×</em>';
        html += '</div>';
        $("#saler_container").append(html);
        refresh_members();
    }

    function remove_member(obj) {
        $(obj).parent().remove();
        refresh_members();
    }
    function refresh_members() {
        var nickname = "";
        $('.multi-item').each(function () {
            var ret = $(this).find('.img-nickname-hotel').html();
            if (ret === undefined) {
                nickname += " ";
            } else {
                nickname += " " + $(this).find('.img-nickname-hotel').html() + "; ";
            }
        });
        $('#salers').val(nickname);
    }

    function addParam(type) {
        var url = "{!! yzWebUrl('plugin.hotel.admin.coupon.add-param')!!}"+'&type='+type;
        $.ajax({
            "url": url,
            success: function(data) {
                $('#param-items'+type).append(data);
            }
        });
    }

    function deleteParam(o) {
        $(o).parent().parent().remove();
    }

    function search_categorys() {
        if ($.trim($('#search-kwd-categorys').val()) == '') {
            Tip.focus('#search-kwd-categorys', '请输入关键词');
            return;
        }
        $("#module-menus-categorys").html("正在搜索....");
        $.get('{!! yzWebUrl('plugin.hotel.admin.coupon.search-coupon') !!}', {
                keyword: $.trim($('#search-kwd-categorys').val())
            }, function (dat) {
                $('#module-menus-categorys').html(dat);
            }
        );
    }
    function select_category(o) {
        $(".focuscategory:last input[data-name=coupon_ids]").val(o.id);
        $(".focuscategory:last input[data-name=coupon_names]").val(o.name);
        $(".focuscategory").removeClass("focuscategory");
        $("#modal-module-menus-categorys .close").click();
    }

    function sub()
    {
        document.hotel_form.submit.disabled=true;

        var form_data = $($('#hotel_form')[0]).serialize();
        var html = '';
        var url = "{!! yzWebUrl('plugin.hotel.admin.hotel.index') !!}";
        $.post
        ({
            url: '{!! yzWebUrl($route) !!}',
            dataType: "json",
            data: form_data,
            success: function (strValue) {

                if (strValue.result == "0") {
                    alert(strValue.msg);
                    document.hotel_form.submit.disabled=false;
                    return;
                } else if (strValue.result == "1") {
                    confirm(strValue.msg);
                    window.location.href = url;
                } else if (strValue.status == "-1") {
                    confirm(strValue.result.msg);
                    document.hotel_form.submit.disabled=false;
                }
            }
        })
    }

    require(['util', 'clockpicker'], function(u, $){
        $('.clockpicker :text').clockpicker({autoclose: true});

        u.editor($('.richtext')[0]);

        $('#add-time').click(function(){
            $('#time-list').append($('#time-form-html').html());
            $('.clockpicker :text').clockpicker({autoclose: true});
        });
    });

</script>
<script type="text/javascript" src="{{static_url('js/area/cascade_street.js')}}"></script>
<script type="text/javascript">
    var province_id = $('#province_id').val();
    var city_id = $('#city_id').val();
    var district_id = $('#district_id').val();
    var street_id = $('#street_id').val();
    cascdeInit(province_id, city_id, district_id, street_id);
</script>
@endsection