@extends('layouts.app')

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

@section('configure')
    active
@endsection

@section('section.header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('system_setting') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('app.index') }}">{{ __('home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('system_setting') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('section.content')
    <section class="content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('system_setting') }}</h3>
            </div>
            @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-body">
                <form class="row" action="{{ route('app.configure.store') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="domain">{{ __('Domain') }}</label>
                            <input type="text" class="form-control" name="domain" id="domain"
                                placeholder="{{ __('Enter domain') }}" value="{{ $configure['domain'] ?? '' }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="api-domain">{{ __('Api Domain') }}</label>
                            <input type="text" class="form-control" name="api_domain" id="api-domain"
                                placeholder="{{ __('Enter API domain') }}" value="{{ $configure['api_domain'] ?? '' }}">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="pay-domain">{{ __('Pay Domain') }}</label>
                                    <input type="text" class="form-control" name="pay_domain" id="pay-domain"
                                        placeholder="{{ __('Enter Pay Domain') }}"
                                        value="{{ $configure['pay_domain'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="usd-to-vnd">{{ __('Transfer money to account') }}</label>
                                    <input type="text" class="form-control" name="usd_to_vnd" id="usd_to_vnd"
                                        pattern="[0-9,.]+" placeholder="{{ __('insert_amount_want_to_transfer') }}"
                                        value="{{ !empty($configure['usd_to_vnd']) ? number_format($configure['usd_to_vnd']) : '' }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="scan_limit">{{ __('Scan Limit (Seconds)') }}</label>
                                    <input type="number" class="form-control" name="scan_limit" id="scan-limit"
                                        placeholder="{{ __('Enter scan limit') }}"
                                        value="{{ $configure['scan_limit'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="usdt-rate">{{ __('USDT Rate') }}</label>
                                    <input type="text" class="form-control" name="usdt_rate" id="usdt_rate"
                                        placeholder="{{ __('Enter USDT rate to VND') }}"
                                        value="{{ !empty($configure['usdt_rate']) ? number_format($configure['usdt_rate']) : '' }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="cashout-min">{{ __('Minimum Cashout') }}</label>
                                    <input type="text" class="form-control" name="cashout_min" id="cashout_min"
                                        pattern="[0-9,.]+" placeholder="{{ __('Enter Minimum Cashout') }}"
                                        value="{{ !empty($configure['cashout_min']) ? number_format($configure['cashout_min']) : '' }}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="cashout-max">{{ __('Maximum Cashout') }}</label>
                                    <input type="text" class="form-control" name="cashout_max" id="cashout_max"
                                        pattern="[0-9,.]+" placeholder="{{ __('Enter Maximum Cashout') }}"
                                        value="{{ !empty($configure['cashout_max']) ? number_format($configure['cashout_max']) : '' }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label
                                        for="cashout_amount">{{ __('Cashout money is automatically approved') }}</label>
                                    <input type="text" class="form-control" name="cashout_amount" id="cashout_amount"
                                        pattern="[0-9,.]+"
                                        placeholder="{{ __('Cashout money is automatically approved') }}"
                                        value="{{ !empty($configure['cashout_amount']) ? number_format($configure['cashout_amount']) : '' }}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="minimum_withdraw">{{ __('Withdraw minimum balance') }}</label>
                                    <input type="text" class="form-control" name="minimum_withdraw"
                                        id="minimum_withdraw" pattern="[0-9,.]+"
                                        placeholder="{{ __('Enter the minimum balance') }}"
                                        value="{{ !empty($configure['minimum_withdraw']) ? number_format($configure['minimum_withdraw']) : '' }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    @if (in_array($user->username, ['dev001', 'dev002']))
                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="theme">{{ __('Select theme') }}</label>
                                <select name="theme" id="theme" class="form-control">
                                    <option value="theme1" @if (config('config_app.theme') == 'theme1') selected @endif> Theme1
                                    </option>
                                    <option value="theme2" @if (config('config_app.theme') == 'theme2') selected @endif> Theme2
                                    </option>
                                    <option value="theme3" @if (config('config_app.theme') == 'theme3') selected @endif> Theme3
                                    </option>
                                    <option value="theme4" @if (config('config_app.theme') == 'theme4') selected @endif> Theme4
                                    </option>
                                </select>
                            </div>
                        </div>
                    @endif
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label class="d-inline" for="icon">{{ __('Icon') }}</label>
                            @if (config('config_app.icon'))
                                <img src="{{ asset('storage/' . config('config_app.icon')) }}" alt="icon"
                                    style="max-height: 33px; margin-bottom:20px">
                            @endif
                            <input name="icon" id="icon" type="file" class="form-control">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="memo">{{ __('Memo transfer') }}</label>
                            <input type="text" class="form-control" name="memo" id="memo"
                                placeholder="{{ __('Enter transfer memo eg: transfer, Purchase, Payment') }}"
                                value="{{ $configure['memo'] ?? '' }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_order_cashin_for_partner">{{ __('Bảo trì IN cho đối tác') }}</label>
                            <select id="maintenance_order_cashin_for_partner"
                                name="maintenance_order_cashin_for_partner[]" class="form-control" multiple>
                                <option value="">{{ __('select') }}</option>
                                @foreach (\App\Models\User\User::role('partner')->get() as $partner)
                                    <option value="{{ $partner->id }}" @if (in_array($partner->id, json_decode($configure['maintenance_order_cashin_for_partner'] ?? '[]', true))) selected @endif>
                                        {{ $partner->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_order_cashout_for_partner">{{ __('Bảo trì OUT cho đối tác') }}</label>
                            <select id="maintenance_order_cashout_for_partner"
                                name="maintenance_order_cashout_for_partner[]" class="form-control" multiple>
                                <option value="">{{ __('select') }}</option>
                                @foreach (\App\Models\User\User::role('partner')->get() as $partner)
                                    <option value="{{ $partner->id }}" @if (in_array($partner->id, json_decode($configure['maintenance_order_cashout_for_partner'] ?? '[]', true))) selected @endif>
                                        {{ $partner->username }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_order_momo_for_partner">{{ __('Bảo trì MOMO cho đối tác') }}</label>
                            <select id="maintenance_order_momo_for_partner" name="maintenance_order_momo_for_partner[]"
                                class="form-control" multiple>
                                <option value="">{{ __('select') }}</option>
                                @foreach (\App\Models\User\User::role('partner')->get() as $partner)
                                    <option value="{{ $partner->id }}"
                                        @if (in_array($partner->id, json_decode($configure['maintenance_order_momo_for_partner'] ?? '[]', true))) selected @endif>
                                        {{ $partner->username }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_order_card_for_partner">{{ __('Bảo trì Thẻ cào đối tác') }}</label>
                            <select id="maintenance_order_card_for_partner" name="maintenance_order_card_for_partner[]"
                                class="form-control" multiple>
                                <option value="">{{ __('select') }}</option>
                                @foreach (\App\Models\User\User::role('partner')->get() as $partner)
                                    <option value="{{ $partner->id }}"
                                        @if (in_array($partner->id, json_decode($configure['maintenance_order_card_for_partner'] ?? '[]', true))) selected @endif>
                                        {{ $partner->username }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>


                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_card_types">{{ __('Bảo trì loại thẻ') }}</label>
                            <select id="maintenance_card_types" name="maintenance_card_types[]" class="form-control"
                                multiple>
                                @php
                                    $cardTypes = [
                                        'VIETTEL',
                                        'VINAPHONE',
                                        'MOBIPHONE',
                                        'ZING',
                                        'VCOIN',
                                        'VIETNAMOBILE',
                                        'GARENA',
                                    ];
                                    $selected = json_decode($configure['maintenance_card_types'] ?? '[]', true);
                                @endphp

                                @foreach ($cardTypes as $type)
                                    <option value="{{ $type }}"
                                        @if (in_array($type, $selected)) selected @endif>
                                        {{ $type }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="form-group">
                            <label for="maintenance_card_values">{{ __('Bảo trì Mệnh giá') }}</label>
                            <select id="maintenance_card_values" name="maintenance_card_values[]" class="form-control"
                                multiple>
                                @php
                                    $card_values = [
                                        10000,
                                        20000,
                                        30000,
                                        50000,
                                        100000,
                                        200000,
                                        300000,
                                        500000,
                                        1000000,
                                        2000000,
                                        3000000,
                                        5000000,
                                        10000000,
                                    ];
                                    $selected = json_decode($configure['maintenance_card_values'] ?? '[]', true);
                                @endphp

                                @foreach ($card_values as $card)
                                    <option value="{{ $card }}"
                                        @if (in_array($card, $selected)) selected @endif>
                                        {{ number_format($card) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    @php
                        $partners = \App\Models\User\User::role('partner')->get();
                        $cardTypes = ['VIETTEL', 'VINAPHONE', 'MOBIPHONE', 'ZING', 'VCOIN', 'VIETNAMOBILE', 'GARENA'];
                        $cardValues = [
                            10000,
                            20000,
                            30000,
                            50000,
                            100000,
                            200000,
                            300000,
                            500000,
                            1000000,
                            2000000,
                            3000000,
                            5000000,
                            10000000,
                        ];

                        $combinationRules = json_decode($configure['maintenance_card_combination_rules'] ?? '[]', true);
                        $combinationRules =
                            is_array($combinationRules) && count($combinationRules)
                                ? $combinationRules
                                : [
                                    [
                                        'partner_ids' => [],
                                        'card_types' => [],
                                        'card_values' => [],
                                        'message' => 'Card gate is maintenance',
                                        'enabled' => 1,
                                    ],
                                ];
                    @endphp
                    <div class="col-12">
                        <div class="card mt-3">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="mb-0">Bảo trì theo tổ hợp điều kiện</h5>
                                <button type="button" class="btn btn-sm btn-primary" id="add-maintenance-rule">
                                    + Thêm rule
                                </button>
                            </div>

                            <div class="card-body">
                                <div id="maintenance-rule-list">
                                    @foreach ($combinationRules as $index => $rule)
                                        <div class="border rounded p-3 mb-3 maintenance-rule-item">
                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>Đối tác</label>
                                                        <select
                                                            name="maintenance_card_combination_rules[{{ $index }}][partner_ids][]"
                                                            class="form-control rule-partners" multiple>
                                                            @foreach ($partners as $partner)
                                                                <option value="{{ $partner->id }}"
                                                                    @if (in_array($partner->id, $rule['partner_ids'] ?? [])) selected @endif>
                                                                    {{ $partner->username }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <small class="text-muted">Để trống = tất cả đối tác</small>
                                                    </div>
                                                </div>

                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>Loại thẻ</label>
                                                        <select
                                                            name="maintenance_card_combination_rules[{{ $index }}][card_types][]"
                                                            class="form-control rule-card-types" multiple>
                                                            @foreach ($cardTypes as $type)
                                                                <option value="{{ $type }}"
                                                                    @if (in_array($type, $rule['card_types'] ?? [])) selected @endif>
                                                                    {{ $type }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <small class="text-muted">Để trống = tất cả loại thẻ</small>
                                                    </div>
                                                </div>

                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label>Mệnh giá</label>
                                                        <select
                                                            name="maintenance_card_combination_rules[{{ $index }}][card_values][]"
                                                            class="form-control rule-card-values" multiple>
                                                            @foreach ($cardValues as $value)
                                                                <option value="{{ $value }}"
                                                                    @if (in_array($value, $rule['card_values'] ?? [])) selected @endif>
                                                                    {{ number_format($value) }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <small class="text-muted">Để trống = tất cả mệnh giá</small>
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label>Thông báo</label>
                                                        <input type="text"
                                                            name="maintenance_card_combination_rules[{{ $index }}][message]"
                                                            class="form-control" value="{{ $rule['message'] ?? 'Card gate is maintenance' }}"
                                                            placeholder="Nội dung khi bị chặn">
                                                    </div>

                                                    <div class="form-group mt-2">
                                                        <label class="d-block">Kích hoạt</label>
                                                        <input type="hidden"
                                                            name="maintenance_card_combination_rules[{{ $index }}][enabled]"
                                                            value="0">
                                                        <input type="checkbox"
                                                            name="maintenance_card_combination_rules[{{ $index }}][enabled]"
                                                            value="1"
                                                            @if (!isset($rule['enabled']) || $rule['enabled']) checked @endif>
                                                    </div>
                                                </div>

                                                <div class="col-lg-1 d-flex align-items-start justify-content-end">
                                                    <button type="button" class="btn btn-danger btn-sm remove-rule mt-4">
                                                        Xóa
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <div class="row">
                            @if (in_array($user->username, ['admin', 'dev001']))
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is-block-ip">{{ __('Block IPs') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_block_ip" id="is-block-ip"
                                            {{ ($configure['is_block_ip'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            @endif
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="auto_cash_out">{{ __('Browse Cashout') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="auto_cash_out" id="auto_cash_out"
                                            {{ ($configure['auto_cash_out'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is_cashin_enabled">{{ __('Cashin maintenance') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_cashin_enabled" id="is_cashin_enabled"
                                            {{ ($configure['is_cashin_enabled'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is_cashout_enabled">{{ __('Cashout Maintenance') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_cashout_enabled" id="is_cashout_enabled"
                                            {{ ($configure['is_cashout_enabled'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is_withdraw_usdt_enabled">{{ __('Bảo trì USDT') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_withdraw_usdt_enabled"
                                            id="is_withdraw_usdt_enabled"
                                            {{ ($configure['is_withdraw_usdt_enabled'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="maintenance_order_bank">{{ __('Bảo trì Bank In') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="maintenance_order_bank" id="maintenance_order_bank"
                                            {{ ($configure['maintenance_order_bank'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            {{-- <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="check_ip_cashin">{{ __('CHECK IP IN') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="check_ip_cashin" id="check_ip_cashin"
                                            {{ ($configure['check_ip_cashin'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div> --}}
                            {{-- @if ($isAdminOrDev) --}}
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="check_ip_cashout">{{ __('CHECK IP OUT') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="check_ip_cashout" id="check_ip_cashout"
                                            {{ ($configure['check_ip_cashout'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            {{-- @endif --}}
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="check_ip_withdraw_usdt">{{ __('CHECK IP Withdraw USDT') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="check_ip_withdraw_usdt" id="check_ip_withdraw_usdt"
                                            {{ ($configure['check_ip_withdraw_usdt'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="check_ip_balance">{{ __('CHECK IP Số dư') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="check_ip_balance" id="check_ip_balance"
                                            {{ ($configure['check_ip_balance'] ?? 'on') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="form-group">
                                    <label for="is_card_enabled">{{ __('Bảo trì thẻ cào') }}</label>
                                    <label class="switch">
                                        <input type="checkbox" name="is_card_enabled" id="is_card_enabled"
                                            {{ ($configure['is_card_enabled'] ?? '') == 'on' ? 'checked' : '' }}>
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <div class="text-center">
                            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i>
                                {{ __('Save configuration') }}</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ __('Transaction configuration') }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('app.configure.create') }}" class="btn btn-primary btn-sm"
                            title="{{ __('Create new') }}">
                            <i class="fas fa-add"></i>
                            <span>{{ __('Create new') }}</span>
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead style="text-align: center">
                                <tr>
                                    <th rowspan="2">{{ __('ID') }}</th>
                                    <th rowspan="2">{{ __('Code') }}</th>
                                    <th rowspan="2">{{ __('transaction_type') }}</th>
                                    <th rowspan="2">{{ __('Bank Code') }}</th>
                                    <th rowspan="2">{{ __('Timeout (seconds)') }}</th>
                                    <th colspan="2">{{ __('Transaction level IN') }}</th>
                                    <th colspan="2">{{ __('Transaction level OUT') }}</th>
                                    <th rowspan="2">{{ __('Daily limit') }}</th>
                                    <th rowspan="2">{{ __('Monthly limit') }}</th>
                                    <th rowspan="2">{{ __('Limit transaction OUT/day') }}</th>
                                    <th rowspan="2">{{ __('Status') }}</th>
                                    <th rowspan="2">{{ __('Automatic withdrawal') }}</th>
                                    <th rowspan="2">{{ __('Amount automatically withdrawn') }}</th>
                                    <th rowspan="2">{{ __('operation') }}</th>
                                </tr>
                                <tr>
                                    <th>{{ __('Từ') }}</th>
                                    <th>{{ __('Đến') }}</th>
                                    <th>{{ __('Từ') }}</th>
                                    <th>{{ __('Đến') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (\App\Models\Bank\Bank::all() as $item)
                                    <tr>
                                        <td style="text-align: right">{{ $item->id }}</td>
                                        <td style="text-align: center">{{ $item->name }}</td>
                                        <td style="text-align: center">{{ $item->display_name }}</td>
                                        <td style="text-align: center">{{ $item->bank_code }}</td>
                                        <td style="text-align: right">{{ $item->time_out }}</td>
                                        <td style="text-align: right">{{ number_format($item->amount_in_from) }}</td>
                                        <td style="text-align: right">{{ number_format($item->amount_in_to) }}</td>
                                        <td style="text-align: right">{{ number_format($item->amount_out_from) }}</td>
                                        <td style="text-align: right">{{ number_format($item->amount_out_to) }}</td>
                                        <td style="text-align: right">{{ number_format($item->amount_limit_day) }}</td>
                                        <td style="text-align: right">
                                            {{ $item->amount_limit_month == 0 ? '' : number_format($item->amount_limit_month) }}
                                        </td>
                                        <td style="text-align: center">{{ $item->transaction_out_limit }}</td>
                                        <td style="text-align: center">
                                            @if ($item->status == 1)
                                                <span class="badge bg-success p-2">{{ __('Turn on') }}</span>
                                            @else
                                                <span class="badge bg-danger p-2">{{ __('Turn off') }}</span>
                                            @endif
                                        </td>
                                        <td style="text-align: center">
                                            @if ($item->is_auto_withdraw == 1)
                                                <span class="badge bg-success p-2">{{ __('Turn on') }}</span>
                                            @else
                                                <span class="badge bg-danger p-2">{{ __('Turn off') }}</span>
                                            @endif
                                        </td>
                                        <td style="text-align: center">{{ number_format($item->amount_auto_withdraw) }}
                                        </td>
                                        <td style="text-align: center">
                                            <a class="btn btn-secondary"
                                                href="{{ route('app.configure.edit', ['configure' => $item->id]) }}">
                                                <i class="fas fa-edit"></i>
                                                <span>{{ __('Edit') }}</span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
    </section>
@endsection

@section('scripts')
    <!-- DataTables  & Plugins -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#maintenance_order_cashin_for_partner').select2({
                placeholder: 'Chọn đối tác cần bảo trì'
            });

            $('#maintenance_order_card_for_partner').select2({
                placeholder: 'Chọn đối tác cần bảo trì'
            });

            $('#maintenance_order_cashout_for_partner').select2({
                placeholder: 'Chọn đối tác cần bảo trì'
            });

            $('#maintenance_order_momo_for_partner').select2({
                placeholder: 'Chọn đối tác cần bảo trì'
            });

            $('#maintenance_card_types').select2({
                placeholder: 'Chọn loại thẻ cần bảo trì'
            });

            $('#maintenance_card_values').select2({
                placeholder: 'Chọn mệnh giá cần bảo trì'
            });
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            let ruleIndex = {{ count($combinationRules) }};

            const partnersHtml = `
            @foreach ($partners as $partner)
                <option value="{{ $partner->id }}">{{ $partner->username }}</option>
            @endforeach
        `;

            const cardTypesHtml = `
            @foreach ($cardTypes as $type)
                <option value="{{ $type }}">{{ $type }}</option>
            @endforeach
        `;

            const cardValuesHtml = `
            @foreach ($cardValues as $value)
                <option value="{{ $value }}">{{ number_format($value) }}</option>
            @endforeach
        `;

            document.getElementById('add-maintenance-rule').addEventListener('click', function() {
                const html = `
                <div class="border rounded p-3 mb-3 maintenance-rule-item">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="form-group">
                                <label>Đối tác</label>
                                <select name="maintenance_card_combination_rules[${ruleIndex}][partner_ids][]" class="form-control rule-partners" multiple>
                                    ${partnersHtml}
                                </select>
                                <small class="text-muted">Để trống = tất cả đối tác</small>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label>Loại thẻ</label>
                                <select name="maintenance_card_combination_rules[${ruleIndex}][card_types][]" class="form-control rule-card-types" multiple>
                                    ${cardTypesHtml}
                                </select>
                                <small class="text-muted">Để trống = tất cả loại thẻ</small>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label>Mệnh giá</label>
                                <select name="maintenance_card_combination_rules[${ruleIndex}][card_values][]" class="form-control rule-card-values" multiple>
                                    ${cardValuesHtml}
                                </select>
                                <small class="text-muted">Để trống = tất cả mệnh giá</small>
                            </div>
                        </div>

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label>Thông báo</label>
                                <input type="text" name="maintenance_card_combination_rules[${ruleIndex}][message]" value="Card gate is maintenance" class="form-control" placeholder="Nội dung khi bị chặn">
                            </div>

                            <div class="form-group mt-2">
                                <label class="d-block">Kích hoạt</label>
                                <input type="hidden" name="maintenance_card_combination_rules[${ruleIndex}][enabled]" value="0">
                                <input type="checkbox" name="maintenance_card_combination_rules[${ruleIndex}][enabled]" value="1" checked>
                            </div>
                        </div>

                        <div class="col-lg-1 d-flex align-items-start justify-content-end">
                            <button type="button" class="btn btn-danger btn-sm remove-rule mt-4">Xóa</button>
                        </div>
                    </div>
                </div>
            `;

                document.getElementById('maintenance-rule-list').insertAdjacentHTML('beforeend', html);
                ruleIndex++;
            });

            document.addEventListener('click', function(e) {
                if (e.target.classList.contains('remove-rule')) {
                    e.target.closest('.maintenance-rule-item').remove();
                }
            });
        });
    </script>
    <script>
        const dataTables = $('table').DataTable({
            pageLength: 20,
            aLengthMenu: [
                [20, 50, 100, -1],
                [20, 50, 100, 'All']
            ],
        });
    </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') }}">
    <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;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #007bff;
        }
    </style>
@endsection