@extends('layouts.base')

@section('content')
@section('title', '银行卡列表')
<div class="right-titpos">
    <ul class="add-snav">
        <li class="active"><a href="#">银行卡列表</a></li>
    </ul>
</div>

<div class='panel panel-default'>
    <form action="" method="post" class="form-horizontal" id="form1">
        <div class="panel panel-info">
            <div class="panel-body">

                <div class="form-group col-xs-12 col-sm-3">
                    <input class="form-control" name="search[member_id]" type="text"
                           value="{{$search['member_id']}}" placeholder="请输入会员ID">
                </div>

                <div class="form-group col-xs-12 col-sm-3">
                    <input class="form-control" name="search[member]" type="text"
                           value="{{$search['member']}}" placeholder="请输入会员昵称/姓名/手机号">
                </div>

                <div class="form-group col-xs-12 col-sm-3">
                    <input class="form-control" name="search[card_no]" type="text"
                           value="{{$search['card_no']}}" placeholder="卡号">
                </div>


                <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2">
                    <div class="">
                        <select name="search[bank_type]" class="form-control">
                            <option value="">卡类型</option>
                            <option value="0" @if (isset($search['bank_type']) && $search['bank_type'] == 0) selected @endif >储蓄卡</option>
                            <option value="1" @if ($search['bank_type'] == 1) selected @endif>信用卡</option>
                        </select>
                    </div>
                </div>

                <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2">
                    <div class="">
                        <select name="search[status]" class="form-control">
                            <option value="">绑定状态</option>
                            <option value="0" @if (isset($search['status']) && $search['status'] == 0) selected @endif >未绑定</option>
                            <option value="1" @if ($search['status'] == 1) selected @endif>已绑定</option>
                            <option value="-1" @if ($search['status'] == -1) selected @endif>绑定失败</option>
                        </select>
                    </div>
                </div>

                <div class="form-group  col-xs-12 col-sm-7 col-lg-4">
                    <div class="">
                        <button type="button" id="search" class="btn btn-success "><i class="fa fa-search"></i>搜索</button>
                        {{--<button type="button" id="export" class="btn btn-info">导出 Excel</button>--}}
                    </div>
                </div>

            </div>
        </div>
    </form>
</div>

<div class='panel panel-default'>
    <div class='panel panel-heading'>
       <!-- <a class="btn btn-info" style="color: white" href="#"></a> -->
        <span>总数：{{$list->total()}}</span>

    </div>
    <div class='panel panel-body'>
        <table class="table table-hover" style="overflow:visible;">
            <thead>
            <tr>
                <th style='width:3%;text-align: center;'>ID</th>
                <th style='width:3%;text-align: center;'>会员</th>
                <th style='width:6%;text-align: center;'>姓名 <br/> 手机号</th>
                <th style='width:8%;text-align: center;'>证件类型  <br/> 证件号</th>
                <th style='width:4%;text-align: center;'>所属银行</th>
                <th style='width:4%;text-align: center;'>卡类型</th>
                <th style='width:8%;text-align: center;'>卡号</th>
                <th style='width:8%;text-align: center;'>状态</th>
                {{--<th style='width:3%;text-align: center;'>操作</th>--}}
            </tr>
            </thead>
            <tbody>
            @foreach($list as $row)
                <tr>
                    <td style="text-align: center;">{{$row->id}}</td>
                    <td style="text-align: center;">
                        <img src='{{$row->hasOneMember->avatar}}' style='width:30px;height:30px;padding:1px;border:1px solid #ccc' />
                        <br/>
                        <a href="{!! yzWebUrl('member.member.detail',['id' => $row->hasOneMember->uid])!!}">@if ($row->hasOneMember->nickname) {{$row->hasOneMember->nickname}} @else {{$row->hasOneMember->mobile}} @endif</a>
                    </td>
                    <td style="text-align: center;">{{$row->payer_name}} <br/>{{$row->payer_phone}} </td>
                    <td style="text-align: center;">{{$row->id_type_name}} <br/>{{$row->id_no}}</td>
                    <td style="text-align: center;">{{$row->bank_name}}</td>

                    <td style="text-align: center;">{{$row->bank_type_name}}</td>
                    <td style="text-align: center;">{{$row->card_no}}</td>
                    <td style="white-space: normal;word-break:break-all">{{$row->status_name}}</td>
                </tr>

            @endforeach
            </tbody>
        </table>
        {!! $pager !!}
    </div>
</div>

<script language="javascript">
    $(function () {
        $('#export').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.converge_pay.admin.card-quick-pay.export') !!}');
            $('#form1').submit();
        });
        $('#search').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.converge_pay.admin.card-quick-pay.index') !!}');
            $('#form1').submit();
        });
    });
</script>

@endsection