@extends('layouts.app')

@section('title')
    {{ __('Chỉnh sửa tài khoản') }}
@endsection

@section('payment')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('Chỉnh sửa tài khoản') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.payment.index') }}">Cấu hình tài khoản</a></li>
                        <li class="breadcrumb-item active">{{ __('Chỉnh sửa tài khoản') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div class="card-header">
                <div class="card-tools">
                    <a class="btn btn-sm btn-primary"
                        href="{{ route('app.bank-device.create', ['bank_account_id' => $bank_account->id]) }}"><i
                            class="fas fa-add"></i>
                        {{ __('Quản lý thiết bị') }}</a>
                </div>
            </div>
            <div class="card-body">
                @if (Session::has('success'))
                    <div id="message-alert" class="alert alert-success">
                        {{ Session::get('success') }}
                    </div>
                @endif
                @if (Session::has('error'))
                    <div id="message-alert" class="alert alert-danger">
                        {{ Session::get('error') }}
                    </div>
                @endif
                <form class="row" method="POST" id="updateForm"
                    action="{{ route('app.payment.update', ['payment' => $bank_account->id]) }}">
                    @csrf
                    @method('PUT')
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="bank">{{ __('Ngân hàng/Ví') }}</label>
                            <input type="text" class="form-control" value="{{ $bank_account->bank->display_name }}"
                                disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="username">{{ __('Tên tài khoản') }}</label>
                            <input type="text" class="form-control" value="{{ $bank_account->acc_name }}" disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="acc-no">{{ __('Số tài khoản') }}</label>
                            <input type="text" class="form-control" value="{{ $bank_account->acc_no }}" disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="amount-limit">{{ __('Hạn mức tối đa/giao dịch') }}</label>
                            <input type="text" class="form-control" name="amount_limit" id="amount-limit"
                                value="{{ number_format($bank_account->amount_limit) }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="auto-withdraw">{{ __('Tự động rút') }}</label>
                            <input type="text" class="form-control" name="auto_withdraw" id="auto-withdraw" disabled
                                value="{{ number_format($bank_account->auto_withdraw) }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="withdraw">{{ __('Đã rút') }}</label>
                            <input type="text" class="form-control" name="withdraw" id="withdraw" disabled
                                value="{{ number_format($bank_account->withdraw) }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="state">{{ __('Tình trạng') }}</label>
                            <select name="state" id="state" class="form-control">
                                @foreach (ACCOUNT_STATE as $key => $value)
                                    <option value="{{ $key }}"
                                        {{ $bank_account->state == $key ? 'selected' : '' }}>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="type">{{ __('account_type') }}</label>
                                    <select name="type" id="type" class="form-control">
                                        @foreach (BANK_ACCOUNT_TYPE as $key => $value)
                                            <option value="{{ $key }}"
                                                {{ $bank_account->type == $key ? 'selected' : '' }}>
                                                {{ $value }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @if ($bank_account->type == 4)
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="partner">{{ __('Dành riêng cho đối tác') }}</label>
                                        <select name="partner" class="form-control">
                                            <option value="">{{ __('select') }}</option>
                                            @foreach (\App\Models\User\User::getPartners() as $partner)
                                                <option value="{{ $partner->id }}"
                                                    {{ $bank_account->partner_id == $partner->id ? 'selected' : '' }}>
                                                    {{ $partner->username }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    @if ($bank_account->bank->display_name == 'Timo')
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="email">{{ __('Email') }}</label>
                                <input type="text" class="form-control" name="email" id="email"
                                    value="{{ $bank_account->payload['o_gmail_account'] ?? '' }}">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="password">{{ __('Password') }}</label>
                                <input type="text" class="form-control" name="password" id="password"
                                    value="{{ $bank_account->payload['o_gmail_password'] ?? '' }}">
                            </div>
                        </div>
                    @endif
                    <div class="col-lg-12">
                        <div class="text-center">
                            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i>
                                {{ __('Lưu') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            document.getElementById('updateForm').addEventListener('submit', function(event) {
                event.preventDefault();

                var formData = new FormData(this);

                $.ajax({
                    url: this.action,
                    type: this.method,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.code === 1) {
                            toastr.success(response.msg);
                            window.location.href = '/payment';
                        } else {
                            toastr.error(response.msg);
                        }
                    },
                    error: function(error) {
                        toastr.error('Có lỗi xảy ra!');
                    }
                });
            });
        });
    </script>
@endsection

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
@endsection