@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                {{ MyNotify::get() }}
                <h4 class="card-title">เครดิต Agent: {{ $totalCredit }}</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>
                        </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>{{ $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/agent') }}">
                    <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="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