@extends('layouts.base')

@section('content')
@section('title', trans('区域代理列表'))
<style>
    .user-info{
        min-height: 80px;
        min-width: 150px;
        width: 100%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .user-info .user-avatar{
        height: 50px;
        width: 50px;
        margin-right: 10px;
    }
    .user-info .user-avatar .avatar{
        width: 100% !important;
        height: 100% !important;
        border-radius: 50%;
    }
    .user-info .user-nickname{
        font-size: 14px;
        text-align: left;
        height: 50px;
        width: calc(100% - 50px - 10px);
        line-height: 25px;
    }
    #info-list a{
        color: #000000!important;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
        border: none!important;
    }
</style>
<div class="w1200 ">
    <div class="rightlist">
        <div class="right-titpos">
            <ul class="add-snav">
                {{--<li class="active"><a href="#">区域代理</a></li>--}}
                <a class='btn btn-primary' href="{{yzWebUrl('plugin.area-dividend.admin.agent.create-agent')}}"
                   style="margin-bottom:5px;"><i class='fa fa-plus'></i> 增加区域代理</a>
            </ul>
        </div>
        <form action="" method="post" class="form-horizontal" id="form1">
            <div class="right-addbox">
                <div class="panel panel-info">
                    <div class="panel-body" style="padding: 15px;">
                        <div> 区域代理概况 ( 区域代理总人数: {{$total}} )</div>
                    </div>
                </div>

                <div class="panel panel-info">
                    <div class="panel-body">

                        <div class="form-group col-xs-12 col-sm-3">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">会员信息</label>-->
                            <!--<div class="">-->
                            <input class="form-control" name="search[member]" id="" type="text"
                                   value="{{$search['member']}}" placeholder="会员ID/昵称/姓名/手机">
                            <!--</div>-->
                        </div>

                        <div class="form-group col-xs-12 col-sm-3">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">区域名称</label>-->
                            <!--<div class="col-xs-12 col-sm-8 col-lg-9">-->
                            <input class="form-control" name="search[area_name]" id="" type="text"
                                   value="{{$search['area_name']}}" placeholder="区域名称">
                            <!--</div>-->
                        </div>

                        <div class="form-group col-xs-12 col-sm-4">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">区域等级</label>-->
                            <!--<div class="col-sm-8 col-lg-9 col-xs-12">-->
                            <select name='search[agent_level]' class='form-control'>
                                <option value=''>区域等级</option>
                                <option value='1' @if($search['agent_level'] == '1') selected @endif>省</option>
                                <option value='2' @if($search['agent_level'] == '2') selected @endif>市</option>
                                <option value='3' @if($search['agent_level'] == '3') selected @endif>区/县</option>
                                <option value='4' @if($search['agent_level'] == '4') selected @endif>街道/乡镇</option>
                            </select>
                            <!--</div>-->
                        </div>


                        <div class="form-group  col-xs-12 col-sm-8">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">成为代理商时间</label>-->
                            <!--<div class="col-sm-7 col-lg-9 col-xs-12">-->
                            <div class="col-sm-3">
                                <label class='radio-inline'>
                                    <input type='radio' value='0' name='search[is_time]'
                                           @if($search['is_time'] == '0') checked @endif>不搜索
                                </label>
                                <label class='radio-inline'>
                                    <input type='radio' value='1' name='search[is_time]'
                                           @if($search['is_time'] == '1') checked @endif>搜索
                                </label>
                            </div>
                        {!! app\common\helpers\DateRange::tplFormFieldDateRange('search[time]', [
                                                        'starttime'=>$search['time']['start'],
                                                        'endtime'=>$search['time']['end'],
                                                        'start'=>$search['time']['start'],
                                                        'end'=>$search['time']['end']
                                                        ], true) !!}
                        <!--</div>-->
                        </div>

                        <div class="form-group col-xs-12 col-sm-4">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label"> </label>-->
                            <!--<div class="col-xs-12 col-sm-2 col-lg-2">-->
                            <!--<input type="button" class="btn btn-success pull-right" id="export" value="导出">
                            <input type="button" class="btn btn-success pull-right" id="search" value="搜索">-->


                            <button type="button" name="export" value="1" id="export"
                                    class="btn btn-default excel back ">导出 Excel
                            </button>
                            <input type="hidden" name="token" value="{{$var['token']}}" id="search"/>
                            <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>
                            <!--</div>-->
                        </div>

                    </div>
                </div>
            </div>
        </form>
        <div class="clearfix">

            <div class='panel panel-default' id="info-list">
                <div class='panel-body table-responsive'>
                    <table class="table table-hover" style="overflow:visible;">
                        <thead>
                        <tr>
                            <th style='text-align:center;width:50px;'>ID</th>
                            <th style='text-align:center;width:120px;'>代理名称</th>
                            <th style='text-align:center;width:180px;'>会员信息</th>
                            <th style='text-align:center;width:150px;'>成为代理时间</th>
                            <th style='text-align:center;width:200px;'>申请区域</th>
                            <th style='text-align:center'>申请等级</th>
                            <th style='text-align:center'>消费总额</th>
                            <th style='text-align:center'>分红比例</th>
                            <th style='text-align:center'>累计结算金额</th>
                            <th style='text-align:center'>已结算分红佣金</th>
                            <th style='text-align:center'>未结算分红佣金</th>
                            <th style='text-align:center'>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($list['data'] as $row)
                            <tr>
                                <td style='text-align:center'>{{$row['id']}}</td>
                                <td style='text-align:center'>{{$row['title']}}</td>
                                <td style="text-align:center">
                                    <a target="_blank" href="{{yzWebUrl('member.member.detail',['id'=>$row['has_one_member']['uid']])}}">
                                        <div class="user-info" title="{{ $row['has_one_member']['nickname']  }}">
                                            <div class="user-avatar">
                                                <img class="avatar" src="{{ $row['has_one_member']['avatar_image']  }}" />
                                            </div>
                                            <div class="user-nickname">
                                                {{ $row['has_one_member']['nickname']  }} <br />
                                                ID：{{ $row['has_one_member']['uid'] }}
                                            </div>
                                        </div>
                                    </a>
                                </td>
                                <td style="text-align:center">{{date("Y-m-d H:i",$row['agent_at'])}}</td>
                                <td style="text-align:center" class='tdedit'>
                                    <span class='fa-edit-item' style='cursor:pointer' data-agentid="{{$row['id']}}">
                                        <span class="title">
                                            @if($row['province_name']){{$row['province_name']}}@endif
                                            @if($row['city_name']){{$row['city_name']}}@endif
                                            @if($row['district_name']){{$row['district_name']}}@endif
                                            @if($row['street_name']){{$row['street_name']}}@endif
                                        </span>
                                        <i class='fa fa-pencil' style="display:none"></i>
                                    </span>
                                </td>
                                <td style='text-align:center'>{{$row['level_name']}}</td>
                                <td style='text-align:center'>{{$row['has_one_dividend']['total_order_amount'] ?: '0.00'}}</td>
                                <td style='text-align:center'>{{$row['ratio']}}%</td>
                                <td style='text-align:center'>{{$row['has_one_dividend']['total_amount'] ?: '0.00'}}</td>
                                <td style='text-align:center'>{{$row['has_one_dividend']['settle'] ?: '0.00'}}</td>
                                <td style='text-align:center'>{{$row['has_one_dividend']['unsettled'] ?: '0.00'}}</td>
                                <td style="position:relative; overflow:visible;">
                                    <a href="{{yzWebUrl('plugin.area-dividend.admin.agent.daletedAgency',['id'=>$row['id']])}}"
                                       onclick="return confirm('是否确认删除?');
			                                                   return false;" class="btn btn-default  btn-sm"
                                       title="删除"><i
                                                class="fa fa-trash"></i></a>
                                    <a href="{{yzWebUrl('plugin.area-dividend.admin.agent.editAgency',['id'=>$row['id']])}}"
                                       class="btn btn-default  btn-sm" title="编辑账号"><i class="fa fa-edit"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    {!! $pager !!}
                </div>
            </div>
        </div>

        <div style="width:100%;height:150px;"></div>

        <div id="modal-module-menus-notice" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <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">
                                原代理区域:
                                <span class="area-text"></span>
                            </div>
                            <div class="input-group">
                                变更区域:
                                {!! app\common\helpers\AddressHelper::tplLinkedAddress(['province_id','city_id','district_id','street_id'], [])!!}
                            </div>
                        </div>
                        <div id="module-menus-notice"></div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" value="" name="areaAgentId" class="area-agent-id">
                        <a href="javascript:;" class="btn btn-default" id="submit">提交</a>
                        <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>

<script type="text/javascript" src="{{static_url('js/area/cascade_street.js')}}"></script>
<script language='javascript'>
    $('.tdedit').mouseover(function () {
        $(this).find('.fa-pencil').show();
    }).mouseout(function () {
        $(this).find('.fa-pencil').hide();
    });

    $('.fa-edit-item').click(function () {
        var areaData = $(this).closest('span').find('span').html();
        var agentid = $(this).data('agentid');

        popwin = $('#modal-module-menus-notice').modal();
        $('.area-text').text(areaData);
        $('.area-agent-id').val(agentid);

        cascdeInit();
    });

    $('#submit').click(function () {
        var agentid = $('.area-agent-id').val();
        var provanceId = $('#sel-provance').val();
        var cityId = $('#sel-city').val();
        var districtId = $('#sel-area').val();
        var streetId = $('#sel-street').val();
        var obg = {
            province_id: provanceId,
            city_id: cityId,
            district_id: districtId,
            street_id: streetId
        };
        fastChange(agentid, obg);

    });
    function fastChange(id, value) {
        $.ajax({
            url: "{!! yzWebUrl('plugin.area-dividend.admin.agent.change') !!}",
            type: "post",
            data: {id: id, value: value},
            cache: false,
            success: function ($data) {
                //console.log($data);return;
                if ($data.result == 0) {
                    confirm($data.msg);
                }
                location.reload();
            }
        })
    }


    $(function () {
        $('#export').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.area-dividend.admin.agent.export') !!}');
            $('#form1').submit();
        });
        $('#search').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.area-dividend.admin.agent') !!}');
            $('#form1').submit();
        });
    });
</script>
@endsection