@extends('layouts.app')

@section('title')
    {{ __('Chỉnh sửa người dùng') }}
@endsection

@section('partner')
    active
@endsection

@section('section.header')
    @if (!$partner)
        <div class="alert alert-danger">Không tìm thấy đối tác.</div>
    @else
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>{{ __('Đối tác') }}: {{ $partner->username }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('app.partner.index') }}">{{ __('partner') }}:
                                    {{ $partner->username }}</a></li>
                            <li class="breadcrumb-item active">{{ __('Chỉnh sửa') }}</li>
                        </ol>
                    </div>
                </div>
            </div>
            <hr>
            @if (in_array(auth()->user()->username, ['dev001', 'admin']))
                API KEY: {{ $partner->api_key }}
            @endif
            <hr>
        </section>
    @endif
@endsection

@section('section.content')
    @role('admin|support')
        <section class="content">
            @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="row">
                <div class="col-lg-12 mb-3">
                    @role('admin|support')
                        <div class="card card-balance shadow-sm border-0">
                            <div class="card-header bg-white d-flex justify-content-between align-items-center flex-wrap gap-2">
                                <div>
                                    <h3 class="card-title mb-0 fw-bold">{{ __('Cập nhật số dư') }}</h3>
                                </div>
                                <div class="balance-current-box">
                                    <span class="balance-label">Số dư hiện tại</span>
                                    <strong class="balance-value">{{ number_format($partner->balance) }} VNĐ</strong>
                                </div>
                            </div>

                            <div class="card-body">
                                <form id="updateBalanceForm"
                                    action="{{ route('app.partner.updateBalance', ['id' => $partner->id]) }}" method="POST">
                                    @csrf
                                    @method('PUT')

                                    <div class="row g-3">
                                        <div class="col-lg-3 col-md-6">
                                            <label class="form-label fw-semibold d-block mb-2">Loại thao tác</label>
                                            <div class="balance-action-group">
                                                <div class="form-check form-check-inline balance-radio plus">
                                                    <input class="form-check-input" id="plus" type="radio" name="type"
                                                        value="PLUS" required>
                                                    <label class="form-check-label" for="plus">{{ __('Cộng') }}</label>
                                                </div>

                                                <div class="form-check form-check-inline balance-radio minus">
                                                    <input class="form-check-input" id="minus" type="radio" name="type"
                                                        value="MINUS" required>
                                                    <label class="form-check-label" for="minus">{{ __('Trừ') }}</label>
                                                </div>
                                            </div>
                                            @error('type')
                                                <div class="text-danger small mt-1">* {{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-lg-3 col-md-6">
                                            <div class="form-group">
                                                <label for="amount" class="form-label fw-semibold">{{ __('Số tiền') }}</label>
                                                <input type="text" inputmode="numeric" class="form-control balance-input"
                                                    name="amount" id="amount" placeholder="{{ __('Nhập số tiền') }}"
                                                    autocomplete="off" required>
                                                @error('amount')
                                                    <div class="text-danger small mt-1">* {{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-6">
                                            <div class="form-group">
                                                <label for="request_id" class="form-label fw-semibold">Mã tra soát</label>
                                                <input type="text" class="form-control balance-input" name="request_id"
                                                    id="request_id" placeholder="Nhập mã tra soát">
                                                @error('request_id')
                                                    <div class="text-danger small mt-1">* {{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-6">
                                            <div class="form-group">
                                                <label class="form-label fw-semibold">{{ __('Người dùng') }}</label>
                                                <input type="text" class="form-control bg-light"
                                                    value="{{ $partner->username }}" disabled>
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <label for="note" class="form-label fw-semibold">{{ __('Ghi chú') }}</label>
                                                <textarea class="form-control balance-textarea" name="note" id="note" rows="3"
                                                    placeholder="{{ __('Nhập ghi chú') }}"></textarea>
                                                @error('note')
                                                    <div class="text-danger small mt-1">* {{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="d-flex justify-content-center justify-content-lg-end gap-2">
                                                <button id="submit-btn" class="btn btn-success px-4" type="button" disabled>
                                                    {{ __('Cập nhật số dư') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endrole
                </div>
                <div class="col-lg-12">
                    <div class="row">
                        @if ($isAdminOrDev)
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header mx-auto">
                                        <h3 class="card-title">{{ __('change_password') }}</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-4 mx-auto">
                                                <form action="{{ route('app.partner.update', ['partner' => $partner->id]) }}"
                                                    method="POST">
                                                    @method('PUT')
                                                    @csrf
                                                    <div class="form-group">
                                                        <label for="password">{{ __('new_password') }}</label>
                                                        <input type="password" class="form-control" name="password"
                                                            id="password" placeholder="{{ __('enter_new_password') }}">
                                                        @error('password')
                                                            <span class="text-danger">* {{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="re-password">{{ __('confirm_password') }}</label>
                                                        <input type="password" class="form-control" name="repassword"
                                                            id="re-password"
                                                            placeholder="{{ __('enter_confirm_password') }}">
                                                        @error('repassword')
                                                            <span class="text-danger">* {{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                    <div class="text-center">
                                                        <button class="btn btn-primary"
                                                            type="submit">{{ __('submit') }}</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('Chỉnh sửa thông số đối tác') }}</h3>
                                </div>
                                <div class="card-body">
                                    <form class="row"
                                        action="{{ route('app.partner.updatePartner', ['id' => $partner->id]) }}"
                                        method="POST">
                                        @csrf
                                        @method('PUT')
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label
                                                    for="max_cashout">{{ __('Số tiền cashout tối đa tự động duyệt') }}</label>
                                                <input type="text" class="form-control" name="max_cashout"
                                                    id="max_cashout"
                                                    placeholder="{{ __('Số tiền cashout tối đa tự động duyệt') }}"
                                                    value="{{ number_format($partner->max_cashout) }}" pattern="[0-9,.]+">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="is_request_id_unique">{{ __('Duy nhất đơn hàng') }}</label>
                                                <label class="switch">
                                                    <input type="checkbox" name="is_request_id_unique"
                                                        id="is_request_id_unique"
                                                        {{ !empty($partner->is_request_id_unique) ? 'checked' : '' }}>
                                                    <span class="slider round"></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label
                                                    for="is_auto_approved">{{ __('Bật tắt auto duyệt đơn cashout') }}</label>
                                                <label class="switch">
                                                    <input type="checkbox" name="is_auto_approved" id="is_auto_approved"
                                                        {{ !empty($partner->is_auto_approved) ? 'checked' : '' }}>
                                                    <span class="slider round"></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label
                                                    for="is_enable_callback_amount_transfer">{{ __('Auto callback đơn sai mệnh giá') }}</label>
                                                <label class="switch">
                                                    <input type="checkbox" name="is_enable_callback_amount_transfer"
                                                        id="is_enable_callback_amount_transfer"
                                                        {{ !empty($partner->is_enable_callback_amount_transfer) ? 'checked' : '' }}>
                                                    <span class="slider round"></span>
                                                </label>
                                            </div>
                                        </div>

                                        @if (in_array(auth()->user()->username, ['dev001', 'admin']))
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="is_allow_ip">{{ __('Allow IP') }}</label>
                                                    <label class="switch">
                                                        <input type="checkbox" name="is_allow_ip" id="is_allow_ip"
                                                            {{ !empty($partner->is_allow_ip) ? 'checked' : '' }}>
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-lg-12 mt-2">
                                            <div class="text-center">
                                                <button type="submit" class="btn btn-primary">{{ __('Cập nhật') }}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row col-lg-12">
                    <div class="col-lg-6">
                        <div class="card">
                            @role('admin')
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('Cập nhật chiết khấu IN (Đơn vị: %)') }}</h3>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('app.partner.updateDiscountIn', ['id' => $partner->id]) }}"
                                        method="POST">
                                        @csrf
                                        @method('PUT')
                                        <div class="form-inline">
                                            <div class="row">
                                                @foreach ($banks as $item)
                                                    @if ($item->type == 'wallet')
                                                        <div class="col-sm-6 mb-3">
                                                            <div class="form-group">
                                                                <label for="momo"
                                                                    class="col-sm-6 label-right">{{ $item->display_name }}</label>
                                                                <input type="text" class="form-control col-sm-6"
                                                                    name="discount_in[{{ $item->name }}]"
                                                                    value="{{ $partner->discount_in[$item->name] ?? '0' }}">
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endforeach
                                                <div class="col-sm-6 mb-3">
                                                    <div class="form-group">
                                                        <label for="bank"
                                                            class="col-sm-6 label-right">{{ __('Ngân hàng') }}</label>
                                                        <input type="text" class="form-control col-sm-6"
                                                            name="discount_in[BANK]"
                                                            value="{{ $partner->discount_in['BANK'] ?? '0' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 mb-3">
                                                    <div class="form-group">
                                                        <label for="usdt"
                                                            class="col-sm-6 label-right">{{ __('USDT') }}</label>
                                                        <input type="text" class="form-control col-sm-6"
                                                            name="discount_in[USDT]"
                                                            value="{{ $partner->discount_in['USDT'] ?? '0' }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 mb-3">
                                                    <div class="form-group">
                                                        <label for="card"
                                                            class="col-sm-6 label-right">{{ __('Thẻ cào') }}</label>
                                                        <button type="button" class="btn btn-secondary w-auto"
                                                            data-bs-toggle="modal" data-bs-target="#cardDiscountModal">
                                                            Thiết lập
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="modal fade" id="cardDiscountModal" tabindex="-1"
                                                aria-labelledby="discountModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-xl">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="discountModalLabel">Thiết lập Chiết khấu
                                                            </h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                                aria-label="Đóng"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            @php
                                                                $amounts = [
                                                                    '10000',
                                                                    '20000',
                                                                    '30000',
                                                                    '50000',
                                                                    '100000',
                                                                    '200000',
                                                                    '300000',
                                                                    '500000',
                                                                    '1000000',
                                                                    '2000000',
                                                                    '3000000',
                                                                    '5000000',
                                                                    '10000000',
                                                                ];
                                                                $networks = [
                                                                    'VIETTEL',
                                                                    'VINAPHONE',
                                                                    'MOBIPHONE',
                                                                    'VIETNAMOBILE',
                                                                    'ZING',
                                                                    'VCOIN',
                                                                    'GARENA',
                                                                ];
                                                            @endphp

                                                            <div class="table-responsive table-discount-wrap">
                                                                <table class="table table-bordered table-discount mb-0">
                                                                    <thead>
                                                                        <tr>
                                                                            <th class="sticky-col">Card amount</th>
                                                                            @foreach ($amounts as $amount)
                                                                                <th class="text-nowrap">
                                                                                    {{ number_format($amount, 0, ',', '.') }}đ</th>
                                                                            @endforeach
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($networks as $network)
                                                                            <tr>
                                                                                <td class="sticky-col fw-semibold">
                                                                                    {{ $network }}</td>
                                                                                @foreach ($amounts as $amount)
                                                                                    <td>
                                                                                        <input type="text"
                                                                                            class="form-control form-control-sm discount-input"
                                                                                            name="discount_in[CARD][{{ $network }}][{{ $amount }}]"
                                                                                            value="{{ $partner->discount_in['CARD'][$network][$amount] ?? '0' }}">
                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer d-flex justify-content-center gap-2">
                                                            <button type="button"
                                                                class="btn btn-secondary col-lg-2"data-bs-dismiss="modal">Đóng</button>
                                                            <button type="button" class="btn btn-primary col-lg-2"
                                                                id="saveCardDiscount">Lưu</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 mt-2">
                                            <div class="text-center">
                                                <button type="submit" class="btn btn-primary"
                                                    id="submitDiscountForm">{{ __('Cập nhật') }}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            @endrole
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="card">
                            @role('admin')
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('Cập nhật chiết khấu OUT (Đơn vị: %)') }}</h3>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('app.partner.updateDiscountOut', ['id' => $partner->id]) }}"
                                        method="POST" class="form-inline">
                                        @csrf
                                        @method('PUT')
                                        <div class="row">
                                            @foreach ($banks as $item)
                                                @if ($item->type == 'wallet')
                                                    <div class="col-sm-6 mb-3">
                                                        <div class="form-group">
                                                            <label for="momo"
                                                                class="col-sm-6 label-right">{{ $item->display_name }}</label>
                                                            <input type="text" class="form-control col-sm-6"
                                                                name="discount_out[{{ $item->name }}]"
                                                                value="{{ $partner->discount_out[$item->name] ?? '0' }}">
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                            <div class="col-sm-6 mb-3">
                                                <div class="form-group">
                                                    <label for="momo"
                                                        class="col-sm-6 label-right">{{ __('Ngân hàng') }}</label>
                                                    <input type="text" class="form-control col-sm-6" name="discount_out[BANK]"
                                                        value="{{ $partner->discount_out['BANK'] ?? '0' }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 mt-2">
                                            <div class="text-center">
                                                <button type="submit" class="btn btn-primary">{{ __('Cập nhật') }}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            @endrole
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('Cập nhật thời gian chờ đơn cashin') }}</h3>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('app.partner.updateScanLimit', ['id' => $partner->id]) }}"
                                    method="POST" class="form-inline">
                                    @csrf
                                    @method('PUT')
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="scan_limit">{{ __('Thời gian chờ') }}</label>
                                            <input type="number" class="form-control" name="scan_limit" id="scan_limit"
                                                placeholder="{{ __('Nhập thời gian chờ') }}"
                                                value="{{ $partner->scan_limit == 0 ? '600' : $partner->scan_limit }}">
                                            @error('scan_limit')
                                                <span class="badge bg-danger">* {{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-12 mt-2">
                                        <div class="text-center">
                                            <button type="submit" class="btn btn-primary">{{ __('Cập nhật') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    @if ($partner->hasRole('partner'))
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('Hiển thị mẫu rút tiền') }}</h3>
                                </div>
                                <div class="card-body">
                                    @if ($partner->view_template_withdraw_account)
                                        <a class="btn btn-danger"
                                            href="{{ route('app.withdraw.turnOnOffViewTemplateWithdrawAccount', ['id' => $partner->id]) }}">
                                            <span>{{ __('Tắt') }}</span>
                                        </a>
                                    @else
                                        <a class="btn btn-success"
                                            href="{{ route('app.withdraw.turnOnOffViewTemplateWithdrawAccount', ['id' => $partner->id]) }}">
                                            <span>{{ __('Bật') }}</span>
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endif

                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">{{ __('Cập nhật phí rút số dư (Đơn vị: %)') }}</h3>
                                    </div>
                                    <div class="card-body">
                                        <form
                                            action="{{ route('app.partner.updateDiscountWithdraw', ['id' => $partner->id]) }}"
                                            method="POST" class="form-inline">
                                            @csrf
                                            @method('PUT')
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <div class="form-group">
                                                        <label for="usdt"
                                                            class="col-lg-6 label-right">{{ __('Rút USDT') }}</label>
                                                        <input type="text" class="form-control col-lg-6"
                                                            name="discount_withdraw[USDT]"
                                                            value="{{ $partner->discount_withdraw['USDT'] ?? '0' }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 mt-2">
                                                <div class="text-center">
                                                    <button type="submit"
                                                        class="btn btn-primary">{{ __('Cập nhật') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">{{ __('Cập nhật URL Callback') }}</h3>
                                    </div>
                                    <div class="card-body">
                                        <form action="{{ route('app.partner.updateURLCallback', ['id' => $partner->id]) }}"
                                            method="POST">
                                            @csrf
                                            @method('PUT')
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="url-callbacks"
                                                        class="label-right">{{ __('URL Callback') }}</label>
                                                    <input type="text" class="form-control" name="url_callbacks"
                                                        value="{{ $partner->url_callbacks }}">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 mt-2">
                                                <div class="text-center">
                                                    <button type="submit"
                                                        class="btn btn-primary">{{ __('Cập nhật') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    @endrole
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            function onlyDigits(value) {
                return String(value || '').replace(/[^\d]/g, '');
            }

            function formatThousandsVN(value) {
                const digits = onlyDigits(value);
                if (!digits) return '';
                return digits.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
            }

            function parseFormattedNumber(value) {
                const digits = onlyDigits(value);
                return digits ? parseInt(digits, 10) : 0;
            }

            $(document).on('input', '#amount', function() {
                const formatted = formatThousandsVN($(this).val());
                $(this).val(formatted);

                try {
                    this.setSelectionRange(this.value.length, this.value.length);
                } catch (e) {}
            });

            $('#saveCardDiscount').on('click', function() {
                $('#cardDiscountModal').modal('hide');
                $('#submitDiscountForm').click();
            });

            const submitBtn = document.getElementById('submit-btn');
            const form = document.getElementById('updateBalanceForm');
            const amountInput = document.getElementById('amount');
            const typeInputs = document.querySelectorAll('input[name="type"]');

            function validateBalanceForm() {
                const amount = parseFormattedNumber(amountInput?.value);
                const hasType = Array.from(typeInputs).some(input => input.checked);

                const isValid = hasType && amount > 0;

                if (submitBtn) {
                    submitBtn.disabled = !isValid;
                }
            }

            if (submitBtn && form && amountInput) {
                validateBalanceForm();

                amountInput.addEventListener('input', validateBalanceForm);

                typeInputs.forEach(input => {
                    input.addEventListener('change', validateBalanceForm);
                });

                submitBtn.addEventListener('click', function() {
                    validateBalanceForm();

                    if (submitBtn.disabled) return;

                    if (!form.checkValidity()) {
                        form.reportValidity();
                        return;
                    }

                    // ⚠️ convert trước khi submit
                    const rawValue = amountInput.value;
                    amountInput.value = parseFormattedNumber(rawValue);

                    submitBtn.disabled = true;
                    submitBtn.innerHTML = 'Đang xử lý...';
                    form.submit();

                    // restore lại để tránh UI bị đổi
                    amountInput.value = rawValue;
                });
            }
        });
    </script>
@endsection
@section('styles')
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('dist/css/input.css') }}">
    <style>
        .label-right {
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: right;
        }

        .label-right::after {
            content: '';
            flex-grow: 1;
        }

        /* Modal rộng hơn + không bị "lòi" */
        #cardDiscountModal .modal-dialog {
            max-width: 1200px;
            /* tuỳ bạn, 1100-1400 ok */
        }

        #cardDiscountModal .modal-body {
            padding: 16px;
        }

        /* Vùng cuộn ngang cho bảng */
        .table-discount-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            border: 1px solid rgba(0, 0, 0, .1);
            border-radius: 10px;
        }

        /* Bảng gọn */
        .table-discount th,
        .table-discount td {
            vertical-align: middle;
            text-align: center;
            min-width: 86px;
            /* mỗi cột có độ rộng tối thiểu */
        }

        /* Input nhỏ lại */
        .table-discount .discount-input {
            min-width: 64px;
            text-align: center;
            padding: .25rem .4rem;
        }

        /* Sticky cột đầu tiên (Card amount / Network) */
        .table-discount .sticky-col {
            position: sticky;
            left: 0;
            background: #fff;
            z-index: 2;
            min-width: 140px;
            text-align: left;
        }

        /* Sticky header tốt hơn */
        .table-discount thead th {
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 3;
        }

        /* Mobile: modal full width hơn */
        @media (max-width: 576px) {
            #cardDiscountModal .modal-dialog {
                max-width: 98%;
                margin: 10px auto;
            }

            .table-discount .sticky-col {
                min-width: 120px;
            }
        }

        .card-balance {
            border-radius: 14px;
            overflow: hidden;
        }

        .card-balance .card-header {
            padding: 18px 20px;
            border-bottom: 1px solid #eef1f4;
        }

        .balance-current-box {
            background: linear-gradient(135deg, #f8fafc, #eef6ff);
            border: 1px solid #dbe7f3;
            border-radius: 12px;
            padding: 10px 16px;
            min-width: 220px;
            text-align: right;
        }

        .balance-current-box .balance-label {
            display: block;
            font-size: 12px;
            color: #6c757d;
            margin-bottom: 2px;
        }

        .balance-current-box .balance-value {
            font-size: 18px;
            color: #198754;
            font-weight: 700;
        }

        .balance-action-group {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .balance-radio {
            border: 1px solid #dee2e6;
            border-radius: 10px;
            padding: 10px 14px;
            min-width: 110px;
            background: #fff;
            transition: all .2s ease;
        }

        .balance-radio.plus {
            border-color: #cfe8d8;
            background: #f6fff8;
        }

        .balance-radio.minus {
            border-color: #f2d2d6;
            background: #fff8f8;
        }

        .balance-radio .form-check-input {
            margin-top: 0.2rem;
        }

        .balance-radio .form-check-label {
            font-weight: 600;
            margin-left: 4px;
        }

        .balance-input,
        .balance-textarea {
            border-radius: 10px;
        }

        .card-balance .form-label {
            margin-bottom: 6px;
        }

        @media (max-width: 768px) {
            .balance-current-box {
                width: 100%;
                text-align: left;
            }

            .card-balance .card-header {
                align-items: flex-start !important;
            }
        }
    </style>
@endsection