@extends('Admin.layouts.app')

@section('content')
<div class="container">
    <h2>Bulk Credit Wallet</h2>
    @if(session('insufficientUsers'))
    <div class="alert alert-danger">
        <h4>Transaction Failed: Insufficient Balance</h4>
        <ul>
            @foreach(session('insufficientUsers') as $user)
                <li>
                    {{ $user['name'] }} ({{ $user['email'] }}) - Balance: {{ number_format($user['balance'], 2) }}
                </li>
            @endforeach
        </ul>
    </div>

    <script>
        alert('Some users have insufficient balance. Check the list on the page.');
    </script>
@endif

    <form action="{{ route('admin.wallet.bulkCredit') }}" method="POST">
        @csrf

        <div class="form-group">
            <label>
                <!-- <input type="checkbox" id="select_all_users"> Select All Users -->
                 <br>
            </label>
            <select id="user_select" name="user_ids[]" class="form-control" multiple="multiple" required>
                @foreach ($users as $user)
                    <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }})</option>
                @endforeach
            </select>
        </div>

        <div class="form-group mt-3">
            <label>Transaction Type</label>
            <select name="type" class="form-control" required>
                <option value="credit" selected>Credit</option>
                <option value="debit">Debit</option>
            </select>
        </div>


        <div class="form-group mt-3">
            <label>Amount</label>
            <input type="number" name="amount" class="form-control" step="0.01" required>
        </div>

        <div class="form-group mt-3">
            <label>Reason</label>
            <input type="text" name="reason" class="form-control" required>
        </div>

        <button type="submit" class="btn btn-success mt-4">Submit</button>
    </form>
</div>

<script>
    $(document).ready(function () {
        $('#user_select').select2({
            placeholder: "Select users",
            allowClear: true,
            width: '100%'
        });


        $('#select_all_users').on('change', function () {
            if ($(this).is(':checked')) {
                var allOptions = $('#user_select option').map(function () { return $(this).val(); }).get();
                $('#user_select').val(allOptions).trigger('change');
            } else {
                $('#user_select').val(null).trigger('change');
            }
        });
    });
</script>
@endsection