@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 duyệt thủ công') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                href="{{ route('app.account.index') }}">{{ __('Tài khoản duyệt thủ
                                                                                                                                                                                                                                                                                                                                                            công') }}</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-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.account.update', ['account' => $bank_account->id]) }}">
                    @csrf
                    @method('PUT')
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="bank">{{ __('Tên ngân hàng/Ví') }}</label>
                            <input type="text" class="form-control" value="{{ $bank_account->bank_name }}" disabled>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="acc_name">{{ __('Chủ tài khoản') }}</label>
                            <input type="text" class="form-control" name="acc_name"
                                value="{{ $bank_account->acc_name }}" oninput="this.value = this.value.toUpperCase()">
                        </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" name="acc_no" value="{{ $bank_account->acc_no }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="type">{{ __('Mã nạp') }}</label>
                            <input type="text" class="form-control" name="type" id="type"
                                value="{{ $bank_account->type }}" oninput="this.value = this.value.toUpperCase()">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="status">{{ __('Trạng thái') }}</label>
                            <select name="status" id="status" class="form-control">
                                @foreach (ACCOUNT_STATUS as $key => $value)
                                    <option value="{{ $key }}"
                                        {{ $bank_account->status == $key ? 'selected' : '' }}>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <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 = '/account';
                        } 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