@extends('layouts.app')

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

@section('cashout')
    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 cashout') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.cashout.index') }}">cashout</a></li>
                        <li class="breadcrumb-item active">{{ __('Cập nhật cashout') }}</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.cashout.update', ['cashout' => $cashout->cash_out_id]) }}">
                    @csrf
                    @method('PUT')
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="request-id">{{ __('request_id') }}</label>
                            <input type="text" class="form-control" value="{{ $cashout->request_id }}" disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="partner">{{ __('partner') }}</label>
                            <input type="text" class="form-control" value="{{ $cashout->user->username }}" disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="status">{{ __('status') }}</label>
                                <select name="status" id="status" class="form-control"
                                    {{ $cashout->status == 4 ? 'disabled' : '' }}>
                                    <option value="0" {{ $cashout->status == 0 ? 'selected' : '' }}>Lỗi</option>
                                    <option value="3" {{ $cashout->status == 3 ? 'selected' : '' }}>Chờ xử lí
                                    </option>
                                    <option value="4" {{ $cashout->status == 4 ? 'selected' : '' }}>Đã xử lý</option>
                                    @if (!in_array($cashout->status, [0, 3, 4]))
                                        <option style="background-color: yellowgreen" value="{{ $cashout->status }}"
                                            selected disabled>{{ TRANSACTION_STATUS[$cashout->status] }}
                                        </option>
                                    @endif
                                </select>
                                <input type="hidden" name="disabled_status" id="disabled_status"
                                    value="{{ $cashout->status }}">
                            </div>

                            <div class="form-group col-lg-6">
                                <label for="is_approved">{{ __('Tình trạng') }}</label>
                                <select name="is_approved" id="is_approved" class="form-control">
                                    @foreach (IS_APPROVED as $key => $value)
                                        <option value="{{ $key }}"
                                            {{ $cashout->is_approved == $key ? 'selected' : '' }}>
                                            {{ $value }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="row">
                            <div class="form-group col-lg-6">
                                <label for="fee">{{ __('fee') }}</label>
                                <input type="number" class="form-control" value="{{ $cashout->fee }}" name="fee"
                                    pattern="[0-9,.]+" disabled>
                            </div>
                            <div class="form-group col-lg-6">
                                <label for="balance">{{ __('balance') }}</label>
                                <input type="text" class="form-control" value="{{ number_format($cashout->balance) }}"
                                    name="balance" pattern="[0-9,.]+" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="error-message">{{ __('Lỗi') }}</label>
                            <textarea type="text" class="form-control" name="error_message" placeholder="{{ __('Lỗi') }}">{{ $cashout->error_message }}</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>
        document.getElementById('saveButton').addEventListener('click', function(event) {
            event.preventDefault();
            saveData();
        });

        function saveData() {
            var status = document.getElementById('status').value;
            var disabled_status = document.getElementById('disabled_status').value;
            if ((status == 0 && disabled_status == 0) || (disabled_status != 0 && status != 0)) {
                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 = '/cashout';
                        } else {
                            toastr.error(data.msg);
                        }
                    },
                    error: function(xhr, status, error) {
                        toastr.error('Đã xảy ra lỗi: ' + error);
                    }
                });
            } else if (status == 0 && disabled_status != 0) {
                Swal.fire({
                    title: "Xác nhận huỷ đơn hàng?",
                    html: "Bạn có chắc chắn muốn huỷ đơn hàng này không?",
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonText: "Đồng ý",
                    cancelButtonText: "Hủy"
                }).then((result) => {
                    if (result.isConfirmed) {
                        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 = "/cashout";
                                    toastr.success(data.msg);
                                } else {
                                    toastr.error(data.msg);
                                }
                            },
                            error: function(xhr, status, error) {
                                toastr.error('Đã xảy ra lỗi: ' + error);
                            }
                        });
                    }
                });
            } else if (status == 4 && disabled_status == 0) {
                Swal.fire({
                    title: "Xác nhận đã xử lí đơn hàng?",
                    html: "Bạn có chắc chắn muốn xác nhận đơn hàng thành công?",
                    icon: "question",
                    showCancelButton: true,
                    confirmButtonText: "Đồng ý",
                    cancelButtonText: "Hủy"
                }).then((result) => {
                    if (result.isConfirmed) {
                        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 = "/cashout";
                                    toastr.success(data.msg);
                                } else {
                                    toastr.error(data.msg);
                                }
                            },
                            error: function(xhr, status, error) {
                                toastr.error('Đã xảy ra lỗi: ' + error);
                            }
                        });
                    }
                });
            } else {
                toastr.error("Không thể cập nhật đơn hàng với thông tin như vậy!");
            }
        }
    </script>
@endsection

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