@extends('layouts.app')

@section('title')
    {{ __('Cập nhật cashin') }}
@endsection

@section('cashin')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('Cập nhật cashin') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.cashin.index') }}">{{ __('cashin') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Cập nhật Cashin') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div class="card-body">
                @if (Session::has('success'))
                    <div id="message-alert" class="alert alert-success">
                        {{ Session::get('success') }}
                    </div>
                @endif
                <form class="row" method="POST" id="updateForm"
                    action="{{ route('app.cashin.update', ['cashin' => $cashin->cash_in_id]) }}">
                    @csrf
                    @method('PUT')
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="request-id">{{ __('request_id') }}</label>
                                <input type="text" class="form-control" value="{{ $cashin->request_id }}" disabled>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="partner">{{ __('Mã khớp') }}</label>
                                <input type="text" class="form-control" value="{{ $cashin->code }}" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="partner">{{ __('partner') }}</label>
                                <input type="text" class="form-control" value="{{ $cashin->user->username }}" disabled>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="bank-account">{{ __('account') }}</label>
                                <input type="text" class="form-control"
                                    value="{{ $cashin->bankAccount->acc_no ?? ($cashin->bankManualAccount->acc_no ?? '') }}"
                                    disabled>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="amount-transfer">{{ __('amount_transferred') }}</label>
                                    <input type="text" class="form-control" id="amount_transfer"
                                        value="{{ number_format($cashin->amount_transfer) }}" name="amount_transfer">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="amount">{{ __('Tiền yêu cầu') }}</label>
                                    <input type="text" class="form-control" id="amount"
                                        value="{{ number_format($cashin->amount) }}" name="amount" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="balance">{{ __('balance') }}</label>
                                <input type="text" class="form-control" value="{{ number_format($cashin->balance) }}"
                                    name="balance" disabled>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="fee">{{ __('fee') }}</label>
                                <input type="number" class="form-control" value="{{ $cashin->fee }}" name="fee"
                                    disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="status">{{ __('status') }}</label>
                            <select name="status" id="status" class="form-control"
                                {{ $cashin->status == 1 ? 'disabled' : '' }}>
                                <option value="0" {{ $cashin->status == 0 ? 'selected' : '' }}>Lỗi</option>
                                <option value="1" {{ $cashin->status == 1 ? 'selected' : '' }}>Thành công</option>
                                <option value="3" {{ $cashin->status == 3 ? 'selected' : '' }}>Chờ xử lí</option>
                            </select>
                            <input type="hidden" name="disabled_status" id="disabled_status"
                                value="{{ $cashin->status }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="transaction-id">{{ __('Mã giao dịch (*)') }}</label>
                            <input type="text" class="form-control" name="transaction_id" id="transaction_id"
                                value="{{ $cashin->transaction_id }}" placeholder="{{ __('Nhập mã giao dịch') }}"
                                required>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="note">{{ __('note') }}</label>
                            <textarea type="text" class="form-control" name="note" placeholder="{{ __('Nhập ghi chú') }}">{{ $cashin->note }}</textarea>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="text-center">
                            <button type="submit" id="saveButton" class="btn btn-success"><i class="fas fa-save"></i>
                                {{ __('Lưu') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
    <script>
        var isConfirmed = false;
        document.getElementById('saveButton').addEventListener('click', function(event) {
            event.preventDefault();
            saveData();
        });

        function saveData() {
            var transactionId = document.getElementById('transaction_id').value;
            if (!transactionId || isConfirmed) {
                var form = document.getElementById('updateForm');
                $.ajax({
                    url: form.action,
                    type: 'PUT',
                    data: $(form).serialize(),
                    dataType: 'json',
                    success: function(data) {
                        if (data.code == 1) {
                            toastr.success(data.msg);
                            window.location.href = '/cashin';
                        } else {
                            toastr.error(data.msg);
                        }
                    },
                    error: function(xhr, status, error) {
                        console.log('Lỗi: ', error);
                        toastr.error('Đã xảy ra lỗi: ' + error);
                    }
                });
            } else {
                var amountTransferStr = document.getElementById('amount_transfer').value;
                var amountTransfer = parseFloat(amountTransferStr.replace(/,/g, ''));
                Swal.fire({
                    title: "Xác nhận lưu đơn hàng?",
                    html: "Bạn có chắc chắn muốn lưu đơn hàng này không?<br>Thực chuyển: " +
                        "<span class='badge bg-danger'>" + numberFormat(amountTransfer) +
                        "</span>" +
                        " - Mã giao dịch: " + "<span class='badge bg-danger'>" + document.getElementById(
                            'transaction_id').value + "</span>",
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonText: "Đồng ý",
                    cancelButtonText: "Hủy"
                }).then((result) => {
                    if (result.isConfirmed) {
                        isConfirmed = true;
                        var form = document.getElementById('updateForm');
                        $.ajax({
                            url: form.action,
                            type: 'PUT',
                            data: $(form).serialize(),
                            dataType: 'json',
                            success: function(data) {
                                if (data.code == 1) {
                                    window.location.href = "{{ route('app.cashin.index') }}";
                                    toastr.success(data.msg);
                                } else {
                                    toastr.error(data.msg);
                                }
                            },
                            error: function(xhr, status, error) {
                                console.log('Lỗi: ', error);
                                toastr.error('Đã xảy ra lỗi: ' + error);
                            }
                        });
                    }
                });
            }
        }

        function numberFormat(number) {
            return new Intl.NumberFormat('en-US').format(number);
        }
    </script>
@endsection

@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
@endsection