@extends('core::layouts.master')
@section('breadcrumb')
    <a href="{{'#'}}">Affiliate</a> / Chi tiết
@endsection

@section('content')
<style type="text/css">
    #affiliateBank .form-group{
        margin-bottom:0px;
    }
</style>
    <form class="" role="form">
        <div class="row">
                <div class="col-md-4">
                <div class="panel panel-default" id="affiliateBox">
                    <div class="panel-heading">
                        <h6 class="panel-title">Thông tin affiliate</h6>
                    </div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label for="">Tổng hoa hồng:</label>
                            <b>{{number_format($user->affiliate->total_balance)}} đ</b>
                        </div>
                        <div class="form-group">
                            <label for="">Số dư hiện tại:</label>
                            <b>{{number_format($user->affiliate->avaiable_balance)}} đ</b>
                        </div>
                      {{--   <div class="form-group">
                            <label for="">Tổng số đơn hàng đã giới thiệu:</label>
                            <b>{{$user->affiliate->bonusList()->count()}}</b>
                        </div> --}}
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default" id="userBox">
                    <div class="panel-heading">
                        <h6 class="panel-title">Thông tin khách hàng</h6>
                    </div>
                    <div class="panel-body">
                        <div class=col-md-6>
                            <div class="form-group">
                                <label for="">Họ tên:</label>
                                <input type="text" disabled value="{{$user->fullname}}" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="">Số điện thoại:</label>
                                <input type="text" disabled value="{{$user->phone}}" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Email:</label>
                                <input type="text" disabled value="{{$user->email}}" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="">Ngày đăng ký:</label>
                                <input type="text" disabled value="{{$user->affiliate->created_at->format('d-m-Y')}}" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="panel panel-default" id="affiliateBank">
                    <div class="panel-heading">
                        <h6 class="panel-title">Thông tin ngân hàng</h6>
                    </div>
                                        <div class="panel-body">
                        <div class="form-group">
                            <label for="">Ngân hàng:</label> {{ $bank_info['bank_name'] }}
                        </div>
                        <div class="form-group">
                            <label for="">Chi nhánh:</label> {{ $bank_info['bank_branch'] }}
                        </div>
                        <div class="form-group">
                            <label for="">Chủ tài khoản:</label> {{ $bank_info['bank_account'] }}
                        </div>
                        <div class="form-group">
                            <label for="">Số tài khoản:</label> {{ $bank_info['bank_no'] }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="panel panel-flat">
                    <div class="panel-body">
                        <div class="tabbable">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#orderBonusTab" data-toggle="tab">Danh sách đơn hàng đã giới thiệu</a></li>
                                {{-- <li><a href="#refTab" data-toggle="tab">Người đăng ký</a></li> --}}
                                <li><a href="#withdrawlTab" data-toggle="tab">Lịch sử rút tiền</a></li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="orderBonusTab">
                                    <table class="table table-hover" data-source="{{ route('admin.affiliate.users.orders.datatable', ['id' => $user->id]) }}" id="orderProfit">
                                        <thead>
                                            <tr>
                                                <th>Mã đơn hàng</th>
                                                <th>Người mua</th>
                                                <th>Ngày đặt hàng</th>
                                                <th>Giá trị đơn hàng</th>
                                                <th>Hoa hồng</th>
                                                <th>Trạng thái</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                               {{--  <div class="tab-pane" id="refTab">
                                   <table class="table table-hover" data-source="{{ route('admin.affiliate.users.ref.datatable', ['id' => $user->id]) }}" id="userRef">
                                        <thead>
                                            <tr>
                                                <th>Họ tên</th>
                                                <th>Email</th>
                                                <th>Ngày đăng ký</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div> --}}
                                <div class="tab-pane" id="withdrawlTab">
                                    <table class="table table-hover" data-source="{{ route('admin.affiliate.users.transactions.datatable', ['id' => $user->id]) }}" id="transactionHistory">
                                        <thead>
                                            <tr>
                                                <th>Ngày giờ</th>
                                                <th>Loại giao dịch</th>
                                                <th>Số tiền</th>
                                                <th>Trạng thái</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('head')
    {{ Html::style(Module::asset('Affiliate:Assets').'/css/affiliate.css') }}
@endsection

@section('scripts')
    {{ Html::script(Module::asset('Affiliate:Assets').'/js/affiliate.js?v=1.3') }}
@endsection