@extends('layouts.app')

@section('title')
    {{ __('Thêm 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>{{ __('Thêm tài khoản thủ công') }}</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">{{ __('Thêm tài khoản') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <section class="content">
            <!-- Default box -->
            <div class="col-lg-8 mx-auto">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('Thêm tài khoản') }}</h3>
                    </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" action="{{ route('app.payment.manual.store') }}" method="POST">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="username">{{ __('Tài khoản/Số điện thoại') }}</label>
                                    <input type="text" class="form-control" name="username" id="username"
                                        placeholder="{{ __('Nhập tài khoản/Số điện thoại') }}">
                                    @error('username')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="acc_name">{{ __('Tên tài khoản') }}</label>
                                    <input type="text" class="form-control" name="acc_name" id="acc_name"
                                        placeholder="{{ __('Nhập tên tài khoản') }}">
                                    @error('acc_name')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </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" id="acc_no"
                                        placeholder="{{ __('Nhập số tài khoản') }}">
                                    @error('acc_no')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
    
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="password">{{ __('Mật khẩu') }}</label>
                                    <input type="password" class="form-control" name="password" id="password"
                                        placeholder="{{ __('Nhập mật khẩu') }}">
                                    @error('password')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="remaining_limit_day">{{ __('Hạn mức còn lại/Ngày') }}</label>
                                    <input type="text" class="form-control" name="remaining_limit_day" id="useremaining_limit_dayrname"
                                        placeholder="{{ __('Nhập hạn mức còn lại/Ngày') }}">
                                    @error('username')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
    
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="remaining_limit_month">{{ __('Hạn mức còn lại/Tháng') }}</label>
                                    <input type="text" class="form-control" name="remaining_limit_month" id="remaining_limit_month"
                                        placeholder="{{ __('Nhập hạn mức còn lại/Tháng') }}">
                                    @error('username')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="bank_code">{{ __('Ngân hàng') }}</label>
                                    <select id="bank_code" name="bank_code" class="form-control">
                                        <option value="">{{ __('--Chọn ngân hàng--') }}</option>
                                            @foreach (config('bank') as $bank)
                                                <option value="{{ $bank['bank_code'] }}">
                                                    {{ $bank['bank_name'] }} ({{ $bank['display_name'] }})
                                                </option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="type">{{ __('Loại tài khoản') }}</label>
                                    <select id="type" name="type" class="form-control">
                                        <option value="">{{ __('select') }}</option>
                                        @foreach (BANK_ACCOUNT_TYPE as $key => $value)
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
    
    
                            <div class="col-lg-12">
                                <div class="text-center">
                                    <button class="btn btn-success" type="submit">{{ __('submit') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </section>
@endsection
@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
    <style>
        .select2-container .select2-selection--single {
            height: 38px;
        }
    </style>
@endsection
@section('scripts')
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#bank_code').select2();
        });
    </script>
@endsection