@extends('layouts.app')

@section('title')
    {{ __('Setting') }}
@endsection

@section('admin')
    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ài đặt rút tiền') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                href="{{ route('app.admin.settingWithdraw') }}">{{ __('Cài đặt rút tiền') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Rút tiền') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        @can('setting_withdraw')
        <div class="row">
            <div class="col-lg-6 col-md-6">
                @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
                <div class="card">
                    <div class="card-header text-center" style="font-weight: bold; background-color: rgb(216, 208, 208)">
                        {{ __('Cài đặt mã bảo mật') }}</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12 mx-auto">
                                <form action="{{ route('app.admin.updateSecretCode') }}" method="POST">
                                    @method('PUT')
                                    @csrf

                                    <div class="form-group">
                                        <label for="secret-code">{{ __('Mã bảo mật') }}</label>
                                        <div class="input-group mb-3">
                                            <input type="password" name="secret_code" class="form-control"
                                                placeholder="Nhập mã bảo mật">
                                            <div class="input-group-append">
                                                <div class="input-group-text">
                                                    <span class="fas fa-lock"></span>
                                                </div>
                                            </div>
                                        </div>
                                        @error('secret_code')
                                            <span class="text-danger">* {{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="text-center">
                                        <button class="btn btn-primary" type="submit">{{ __('Cập nhật') }}</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-header text-center" style="font-weight: bold; background-color: rgb(216, 208, 208)">
                        {{ __('Cài đặt tài khoản nhận') }}</div>
                    <div class="card-body">
                        <div class="col-lg-12 mx-auto">
                            <form action="{{ route('app.admin.addBankAccountReceive') }}" class="row" method="POST">
                                @csrf
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="bank-account">{{ __('Thêm số tài khoản nhận tiền') }}</label>
                                        <div class="row">
                                            <div class="input-group mb-3">
                                                <input type="text" name="bank_account" class="form-control"
                                                    placeholder="{{ __('Nhập số tài khoản cần thêm') }}">
                                            </div>
                                            @error('bank_account')
                                                <span class="text-danger">* {{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="bank_code">{{ __('Tên ngân hàng*') }}</label>
                                        <select name="bank_code" id="bank_code" class="form-control select2">
                                            <option value="">{{ __('--Chọn tên ngân hàng--') }}</option>
                                            @foreach (config('bank') as $bank)
                                                <option value="{{ $bank['bank_code'] }}"
                                                    @if (old('bank_code') == $bank['bank_code']) selected @endif>
                                                    {{ $bank['bank_name'] }} - ({{ $bank['display_name'] }})
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('bank_name')
                                            <span class="text-danger">* {{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="text-center">
                                        <button class="btn btn-primary" type="submit">{{ __('Thêm') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12">
                <div class="card">
                    <div class="card-header" style="background-color: rgb(231, 236, 238)">
                        {{ __('Danh sách tài khoản nhận') }}
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-striped">
                            <thead style="text-align: center">
                                <tr>
                                    <th>{{ __('Ngân hàng') }}</th>
                                    <th>{{ __('Số tài khoản') }}</th>
                                    <th>{{ __('Người tạo') }}</th>
                                    <th>{{ __('Thời gian thêm') }}</th>
                                    <th>{{ __('operation') }}</th>
                                </tr>
                            </thead>
                            <tbody style="text-align: center">
                                @foreach ($bankAccounts as $item)
                                    <tr>
                                        <td>{{ $item->bank_name }}</td>
                                        <td>{{ $item->acc_no }}</td>
                                        <td>{{ $item->admin_create }}</td>
                                        <td>{{ $item->created_at }}</td>
                                        <td>
                                            <form
                                                action="{{ route('app.admin.deleteBankAccount', ['account' => $item->id]) }}"
                                                method="POST">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-danger">Xoá</button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
        @else
            <h3>Bạn không được quyền thực hiện tính năng này</h3>
        @endcan
    </section>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#bank_code').select2();
        });
    </script>
@endsection

@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <style>
        .select2-container .select2-selection--single {
            height: 38px;
        }
    </style>
@endsection