@extends('layouts.app')

@section('contents')
    <div>
        <div class=" col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">ข้อมูลลูกค้า</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="card-datatable table-responsive pt-0">
                                <table class="table">
                                    <thead class="table-light">
                                        <tr>
                                            <th>วันที่/เวลา</th>
                                            <th>ประเภท</th>
                                            <th>ยูสเซอร์</th>
                                            <th>ลูกค้า</th>
                                            <th>โปร</th>
                                            <th>ยอดเงิน</th>
                                            <th>โบนัส</th>
                                            <th>ก่อนทำ</th>
                                            <th>หลังทำ</th>
                                            <th>โดย</th>
                                        </tr>
                                    </thead>
                                    <tbody style="font-size: 12px">
                                        <tr>
                                            <td>{{ $last_report->date }}</td>
                                            <td style="white-space: nowrap">
                                                {!! App\Helpers\DoReport::reportType($last_report->type_id) !!}
                                            </td>
                                            <td>{{ $last_report->customer ? $last_report->customer->game_username : 'Error' }}
                                            </td>
                                            <td style="white-space: nowrap">
                                                {{ $last_report->customer ? $last_report->customer->f_name . ' ' . $last_report->customer->l_name : 'Error' }}
                                            </td>
                                            <td>{{ $last_report->promotion ? $last_report->promotion->name : '-' }}</td>
                                            <td>{{ number_format($last_report->amount, 2) }}</td>
                                            <td>{{ number_format($last_report->bonus, 2) }}</td>
                                            <td>{{ number_format($last_report->before, 2) }}</td>
                                            <td>{{ number_format($last_report->after, 2) }}</td>
                                            <td>{{ $last_report->user ? $last_report->user->name : 'Error' }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <hr />
                        <div class="col-12">
                            {{ MyNotify::get() }}
                        </div>
                        <div class="col-12">
                            <div class="mb-1 row">
                                <div class="col-sm-3">
                                    <label class="col-form-label" for="fname-icon">ลูกค้า</label>
                                </div>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <input type="text" class="form-control" readonly
                                            value="{{ $customer->f_name . ' ' . $customer->l_name . ' - ' . $customer->game_username }}" />
                                    </div>
                                </div>
                            </div>
                            <div class="mb-1 row">
                                <div class="col-sm-3">
                                    <label class="col-form-label" for="fname-icon">ยอดปัจจุบัน(บาท)</label>
                                </div>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <input type="text" class="form-control" readonly value="{{ $balance }}" />
                                    </div>
                                </div>
                            </div>
                            <div class="mb-1 row">
                                <div class="col-sm-3">
                                    <label class="col-form-label" for="fname-icon">outstanding</label>
                                </div>
                                <div class="col-sm-9">
                                    <div class="input-group input-group-merge">
                                        <input type="text" class="form-control" readonly value="{{ $outstanding }}" />
                                    </div>
                                </div>
                            </div>
                            <div class="mb-1 row">
                                <div class="col-sm-3">
                                </div>
                                <div class="col-sm-9">
                                    <form action="{{ url('/manage/wbonus/' . $customer->id . '/tbonus') }}" method="POST"
                                        autocomplete="off">
                                        @csrf
                                        <input type="hidden" name="report_id" value="{{ $last_report->id }}" />
                                        <div class="input-group input-group-merge">
                                            <button type="submit" class="btn btn-primary ml-1">ถอนโบนัส</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

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

        <div class="card">
            <div class="card-body border-bottom">
                <h4 class="card-title">รายงานฝากถอนล่าสุด 10 รายการ</h4>
            </div>
            <div class="card-datatable table-responsive pt-0">
                <table class="table">
                    <thead class="table-light">
                        <tr>
                            <th>วันที่/เวลา</th>
                            <th>ประเภท</th>
                            <th>ยูสเซอร์</th>
                            <th>ลูกค้า</th>
                            <th>ธนาคาร</th>
                            <th>โปร</th>
                            <th>ยอดเงิน</th>
                            <th>โบนัส</th>
                            <th>ก่อนทำ</th>
                            <th>หลังทำ</th>
                            <th>โดย</th>
                        </tr>
                    </thead>
                    <tbody style="font-size: 12px">
                        @foreach ($reports as $value)
                            <tr>
                                <td>{{ $value->date }}</td>
                                <td style="white-space: nowrap">
                                    {!! App\Helpers\DoReport::reportType($last_report->type_id) !!}
                                </td>
                                <td>{{ $value->customer ? $value->customer->game_username : 'Error' }}</td>
                                <td style="white-space: nowrap">
                                    {{ $value->customer ? $value->customer->f_name . ' ' . $value->customer->l_name : 'Error' }}
                                </td>
                                <td>
                                    @if ($value->bankSys !== null)
                                        <img src="{{ asset('assets/css/th/' . strtolower($value->bankSys->bankList->bank_abbrev_en) . '.png') }}"
                                            width="20px" class="rounded mx-auto d-block" />
                                        <small>
                                            <p class="text-center" style="white-space: nowrap">
                                                {{ $value->bankSys->bankList->bank_abbrev_en . ' : ' . $value->bankSys->bankList->bank_abbrev_th }}
                                                <br />
                                                {{ $value->bankSys->account_number }}
                                                -
                                                {{ $value->bankSys->name }}
                                            </p>
                                        </small>
                                    @endif
                                </td>
                                <td>{{ $value->promotion ? $value->promotion->name : '-' }}</td>
                                <td>{{ number_format($value->amount, 2) }}</td>
                                <td>{{ number_format($value->bonus, 2) }}</td>
                                <td>{{ number_format($value->before, 2) }}</td>
                                <td>{{ number_format($value->after, 2) }}</td>
                                <td>{{ $value->user ? $value->user->email : 'Error' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('head.vendor.css')
    <link rel="stylesheet" type="text/css"
        href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css">
    <script src="{{ asset('app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/extensions/polyfill.min.js') }}"></script>
@endsection

@section('page.js')
    <script src="{{ asset('app-assets/js/scripts/extensions/ext-component-sweet-alerts.js') }}"></script>
    <script>
        new Vue({
            el: '#app',
        })
    </script>
@endsection