@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <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>
                        </tr>
                    </thead>
                    <tbody>
                        @php($i = 1)
                        @foreach ($banksys as $value)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>
                                    @if ($value->deleted_at === null)
                                        <span class="badge rounded-pill badge-light-success me-1">เปิดใช้งาน</span>
                                    @else
                                        <span class="badge rounded-pill badge-light-danger me-1">ปิดใช้งาน</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($value->bankType->type_id === 1)
                                        <span
                                            class="badge rounded-pill badge-light-success me-1">{{ $value->bankType->name }}</span>
                                    @else
                                        <span
                                            class="badge rounded-pill badge-light-danger me-1">{{ $value->bankType->name }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($value->spull === 'App')
                                        <span class="badge rounded-pill badge-light-primary me-1">
                                            {{ $value->spull }}
                                        </span>
                                    @endif
                                    @if ($value->spull === 'Web')
                                        <span class="badge rounded-pill badge-light-info me-1">
                                            {{ $value->spull }}
                                        </span>
                                    @endif
                                    @if ($value->spull === 'Sms')
                                        <span class="badge rounded-pill badge-light-warning me-1">
                                            {{ $value->spull }}
                                        </span>
                                    @endif
                                </td>
                                <td style="white-space: nowrap">
                                    <img src="{{ asset('assets/css/th/' . strtolower($value->bankList->bank_abbrev_en) . '.png') }}"
                                        width="20px" />
                                    <small>
                                        {{ $value->bankList->bank_abbrev_en .
                                            ' : ' .
                                            $value->bankList->bank_abbrev_th .
                                            ' - ' .
                                            $value->account_number .
                                            ' - ' .
                                            $value->name }}
                                    </small>
                                </td>
                                <td>{{ \App\Helpers\DoReport::countTotalBankSys($value->id, $value->account_number) }}</td>
                                <td>{{ $value->amount }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                {{ MyNotify::get() }}
                <h4 class="card-title">ปรับยอดธนาคาร</h4>
                <button data-bs-toggle="modal" data-bs-target="#default"
                    class="btn btn-primary waves-effect waves-float waves-light">เพิ่มใหม่</button>
            </div>
            <div class="table-responsive pt-0 container-fluid">
                <table id="dtable" class="table table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th style="white-space:nowrap">วันที่/เวลา</th>
                            <th>ประเภท</th>
                            <th>ธนาคาร</th>
                            <th>ยอดเงิน</th>
                            <th>ก่อนทำ</th>
                            <th>หลังทำ</th>
                            <th>รายละเอียด</th>
                            <th>โดย</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($diffs as $value)
                            <tr>
                                <td>{{ $value->created_at }}</td>
                                <td>
                                    @if ($value->status_id === 1)
                                        <span class="badge rounded-pill badge-light-success me-1">เพิ่ม</span>
                                    @else
                                        <span class="badge rounded-pill badge-light-danger me-1">ลด</span>
                                    @endif
                                </td>
                                <td style="white-space: nowrap">
                                    @if (isset($value->bankSys->bankList))
                                        <img src="{{ asset('assets/css/th/' . strtolower($value->bankSys->bankList->bank_abbrev_en) . '.png') }}"
                                            width="20px" />
                                        <small>
                                            {{ $value->bankSys->bankList->bank_abbrev_en .
                                                ' : ' .
                                                $value->bankSys->bankList->bank_abbrev_th .
                                                ' - ' .
                                                $value->bankSys->account_number .
                                                ' - ' .
                                                $value->bankSys->name }}
                                        </small>
                                    @endif
                                </td>
                                <td>{{ $value->amount }}</td>
                                <td>{{ $value->before }}</td>
                                <td>{{ $value->after }}</td>
                                <td>{{ $value->remark }}</td>
                                <td>{{ $value->user->name }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {{ $diffs->links('vendor.pagination.custom') }}
            </div>
        </div>
    </div>

    <div class="modal fade text-start" id="default" tabindex="-1" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">เพิ่มยอดใหม่</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form class="form form-horizontal" autocomplete="off" method="post" action="{{ url('diff/bank') }}">
                    <div class="modal-body">
                        @csrf
                        <div class="row">
                            <div class="col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label" for="gender_id">ธนาคาร</label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <select name="bank_sys_id" class="form-control">
                                                <option :value="null">กรุณาเลือก...</option>
                                                @foreach ($banksys as $value)
                                                    <option value="{{ $value->id }}"
                                                        {{ old('bank_sys_id') === $value->id ? 'selected' : '' }}>
                                                        {{ $value->bankList->bank_abbrev_en .
                                                            ' : ' .
                                                            $value->bankList->bank_abbrev_th .
                                                            ' - ' .
                                                            $value->account_number .
                                                            ' - ' .
                                                            $value->name }}
                                                        </small>
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label" for="amount">ยอดเงิน</label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input type="text" class="form-control" name="amount" placeholder="ยอดเงิน"
                                                value="{{ old('amount') }}" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label" for="remark">รายละเอียด</label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input type="text" class="form-control" name="remark"
                                                placeholder="รายละเอียด" value="{{ old('remark') }}" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">ปิด</button>
                        <button type="submit" class="btn btn-primary me-1"
                            onclick="return confirm('แน่ใจหรือไม่?')">บันทึก</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection