@extends('layouts.app')

@section('title')
    {{ __('Thiết lập số tài khoản chặn') }}
@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>{{ __('Thiết lập số tài khoản chặn') }}</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">{{ __('Thông tin') }}</li>
                    </ol>
                </div>
            </div>
            <hr>
        </div>
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="col-lg-8 col-md-8 mx-auto">
            @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(231, 236, 238)">
                    {{ __('Danh sách số tài khoản chặn Cashout') }}
                </div>
                <div class="card-body">
                    <div class="col-lg-12 mx-auto">

                        {{-- FORM THÊM --}}
                        <form action="{{ route('app.cashout.saveBlockedAccount') }}" method="POST">
                            @csrf
                            <div class="form-group">
                                <label>{{ __('Thêm số tài khoản chặn') }}</label>
                                <div class="input-group mb-1">
                                    <input type="text" name="account_number" id="account_number" class="form-control"
                                        placeholder="{{ __('Số tài khoản...') }}" value="{{ old('account_number') }}"
                                        style="max-width: 220px">
                                    <select name="bank_code" id="bank_code" class="form-control select2"
                                        style="max-width: 220px">
                                        <option value="">{{ __('Tất cả ngân hàng') }}</option>
                                        @foreach (config('bank') as $bank)
                                            <option value="{{ $bank['bank_code'] }}"
                                                {{ old('bank_code') === $bank['bank_code'] ? 'selected' : '' }}>
                                                {{ $bank['bank_name'] }} ({{ $bank['display_name'] }})
                                            </option>
                                        @endforeach
                                    </select>
                                    <input type="text" name="note" id="note" class="form-control"
                                        placeholder="{{ __('Ghi chú (tuỳ chọn)') }}" value="{{ old('note') }}">
                                    <div class="input-group-append">
                                        <button class="btn btn-primary" type="submit">
                                            {{ __('Thêm') }}
                                        </button>
                                    </div>
                                </div>
                                @error('account_number')
                                    <span class="text-danger">* {{ $message }}</span>
                                @enderror
                            </div>
                        </form>

                        {{-- TABLE --}}
                        <table class="table table-bordered table-striped mt-3">
                            <thead style="text-align: center">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('Số tài khoản') }}</th>
                                    <th>{{ __('Ngân hàng') }}</th>
                                    <th>{{ __('Ghi chú') }}</th>
                                    <th>{{ __('Thời gian thêm') }}</th>
                                    <th>{{ __('operation') }}</th>
                                </tr>
                            </thead>
                            <tbody style="text-align: center">
                                @forelse ($blockedAccounts as $index => $item)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $item->account_number }}</td>
                                        <td>
                                            @if ($item->bank_code)
                                                {{ $item->bank_name }}
                                                <br>
                                                <small class="text-muted">{{ $item->bank_code }}</small>
                                            @else
                                                <span class="badge badge-warning">{{ __('Tất cả ngân hàng') }}</span>
                                            @endif
                                        </td>
                                        <td>{{ $item->note ?? '—' }}</td>
                                        <td>{{ $item->created_at->format('H:i d-m-Y') }}</td>
                                        <td>
                                            <a class="btn btn-danger btn-sm"
                                                href="{{ route('app.cashout.deleteBlockedAccount', ['id' => $item->id]) }}"
                                                onclick="return confirm('Xác nhận xoá số tài khoản này?')">
                                                <i class="fa-solid fa-trash"></i>
                                                <span>{{ __('Xoá') }}</span>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6">{{ __('Chưa có số tài khoản nào bị chặn.') }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </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