@extends('layouts.base')
<style>
    .user{
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        height: 80px;
    }
    .user .user-avatar{
        height: 50px;
        width: 50px;
        margin-right: 5px;
        border-radius: 50%;
        overflow: hidden;
    }
    .user .user-avatar .avatar-image{
        width: 100% !important;
        height: 100% !important;
    }
    .user .user-info{
        height: 50px;
        text-align: left;
    }
    .user .user-info .user-nickname{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .user .user-info .user-status{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
@section('content')
    <div class="w1200 m0a" id="terminalMerchantsIndex">
        {{--顶部搜索--}}
        <div class="panel panel-info">
            <div class="panel-body">
                <form action="" method="post" class="form-horizontal" role="form" id="form1">
                    <div class="form-group">
                        <div class="col-sm-11 col-xs-12">
                            <div class="row row-fix tpl-category-container" >
                                <div class="col-xs-12 col-sm-8 col-lg-3">
                                    <input class="form-control" name="search[name]" type="text" value="{{ $search['name'] }}" placeholder="请输入账号名称">
                                </div>
                                <div class="col-xs-12 col-sm-8 col-lg-3">
                                    <input class="form-control" name="search[tel]" type="text" value="{{ $search['tel'] }}" placeholder="请输入联系电话">
                                </div>
                                <div class="col-xs-12 col-sm-8 col-lg-3">
                                    <input class="form-control" name="search[bank_act_name]" type="text" value="{{ $search['bank_act_name'] }}" placeholder="请输入银行卡持有人姓名">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-11 col-xs-12">
                            <div class="row row-fix tpl-category-container" >
                                <div class="col-xs-12 col-sm-8 col-lg-3">
                                    <select class="form-control tpl-category-parent" name="search[card_type]">
                                        {{--卡类型：1=对私，2=对公--}}
                                        <option value="0" @if (!$search['card_type']) selected="selected" @endif>全部</option>
                                        <option value="1" @if ($search['card_type'] == 1) selected="selected" @endif>对私</option>
                                        <option value="2" @if ($search['card_type'] == 2) selected="selected" @endif>对公</option>
                                    </select>
                                </div>
                                <div class="col-xs-12 col-sm-8 col-lg-3">
                                    <select class="form-control tpl-category-parent" name="search[status]">
                                        {{-- 入驻状态：1=待开户，2=开户成功待签约，3=开户失败，4=签约成功，5=签约失败 --}}
                                        <option value="0" @if (!$search['status']) selected="selected" @endif>全部</option>
                                        <option value="1" @if ($search['status'] == 1) selected="selected" @endif>待开户</option>
                                        <option value="2" @if ($search['status'] == 2) selected="selected" @endif>开户成功待签约</option>
                                        <option value="3" @if ($search['status'] == 3) selected="selected" @endif>开户失败</option>
                                        <option value="4" @if ($search['status'] == 4) selected="selected" @endif>签约成功</option>
                                        <option value="5" @if ($search['status'] == 5) selected="selected" @endif>签约失败</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12 col-sm-6 col-lg-6">
                            <button class="btn btn-success" id="search"><i class="fa fa-search"></i> 搜索</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        {{--信息列表--}}
        <div class="panel panel-default">
            <div class="panel-body" style="padding-top: 0;margin-bottom: 30px;overflow: auto;padding-right: 30px;">
                <table class="table" style="min-width:1500px;overflow: auto;">
                    <thead>
                    <tr>
                        <th style="text-align:center;width: 80px;">ID</th>
                        <th style="text-align:left;">用户信息</th>
                        <th style="text-align:left;">账号信息</th>
                        <th style="text-align:left;">银行卡信息</th>
                        <th style="text-align:center;">状态</th>
                        <th style="text-align:center;">入驻时间</th>
                        <th style="text-align:center;width: 350px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($list as $item)
                        <tr style="height: 50px;">
                            <td style="text-align:center;">{{ $item['id'] }}</td>
                            <td style="text-align:left;">
                                <div class="user">
                                    <div class="user-avatar">
                                        <img class="avatar-image" src="{{$item['member']['avatar_image']}}" />
                                    </div>
                                    <div class="user-info">
                                        <div class="user-nickname">昵称：{{ $item['member']['nickname'] }}</div>
                                        <div class="user-status">ID：{{ $item['member']['uid'] }}</div>
                                    </div>
                                </div>
                            </td>
                            <td style="text-align:left;">
                                <div class="contacts">
                                    账号名称：{{ $item['name'] }}<br />
                                    联系电话：{{ $item['tel'] }}<br />
                                </div>
                            </td>
                            <td style="text-align:left;">
                                <div class="contacts">
                                    持有人姓名：{{ $item['bank_act_name'] }}<br />
                                    卡号：{{ $item['card_num'] }}<br />
                                    类型：{{ $item['card_type'] == 1 ? '对私' : '对公' }}<br />
                                </div>
                            </td>
                            <td style="text-align:center;">
                                @switch($item['status'])
                                    @case(1)<span class="label label-default">待开户</span>@break
                                    @case(2)<span class="label label-primary">开户成功待签约</span>@break
                                    @case(3)<span class="label label-danger">开户失败</span>@break
                                    @case(4)<span class="label label-success">签约成功</span>@break
                                    @case(5)<span class="label label-danger">签约失败</span>@break
                                @endswitch
                            </td>
                            <td style="text-align:center;">{{ $item['created_at'] }}</td>
                            <td style="text-align:center;">
                                <a href="{{yzWebUrl('plugin.use-staff.admin.index.refreshInfo', ['id' => $item['id']])}}">
                                    <button type="button" class="btn btn-info btn-sm">刷新信息</button>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                {!! $pager !!}
            </div>
        </div>
    </div>
    <script type="text/javascript"></script>
@endsection