@extends('layouts/contentNavbarLayout')
@section('title', 'Manage User')
@section('content')
    @php
        $payoutapi_active = config('constant.PAYOUT_API_ACTIVE');
        $payinapi_active = config('constant.PAYIN_API_ACTIVE');
    @endphp
    <div class="card">
        <div class="card-body pt-2 mt-1">
            <h3 class="m-3">Manage User | {{ $user->username }}</h3>
            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="personal-details-tab" data-bs-toggle="pill"
                        data-bs-target="#personal-details" type="button" role="tab"
                        aria-controls="personal-details" aria-selected="true">Personal Details</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="password-tab" data-bs-toggle="pill" data-bs-target="#password"
                        type="button" role="tab" aria-controls="password" aria-selected="false">Password</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="services-tab" data-bs-toggle="pill" data-bs-target="#services"
                        type="button" role="tab" aria-controls="services" aria-selected="false">Services</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="api-tab" data-bs-toggle="pill" data-bs-target="#api" type="button"
                        role="tab" aria-controls="api" aria-selected="false">APIs</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="wallet-tab" data-bs-toggle="pill" data-bs-target="#wallet"
                        type="button" role="tab" aria-controls="wallet" aria-selected="false">Wallet</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="developer-option-tab" data-bs-toggle="pill"
                        data-bs-target="#developer-option" type="button" role="tab"
                        aria-controls="developer-option" aria-selected="false">Developer Option</button>
                </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="personal-details" role="tabpanel"
                    aria-labelledby="personal-details-tab" tabindex="0">
                    <form method="POST" id="formAuthentication"
                        action="{{ route('admin.users.users-update.submit', ['id' => $user->id, 'uid' => $user->uid]) }}"
                        enctype="multipart/form-data">
                        @csrf
                        {{-- Personal Details --}}
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">First Name *</label>
                                <input type="text" class="form-control" name="first_name"
                                    value="{{ old('first_name', $user->first_name) }}" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Last Name</label>
                                <input type="text" class="form-control" name="last_name"
                                    value="{{ old('last_name', $user->last_name) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Email *</label>
                                <input type="email" class="form-control" name="email"
                                    value="{{ old('email', $user->email) }}" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Phone Number *</label>
                                <input type="text" class="form-control" name="phone_number"
                                    value="{{ old('phone_number', $user->phone_number) }}" required>
                            </div>
                        </div>

                        {{-- Address --}}
                        <div class="mt-3">
                            <label class="form-label">Address *</label>
                            <textarea class="form-control" name="company_address" rows="2" required>{{ old('address', $user->address) }}</textarea>
                        </div>

                        {{-- Company Type --}}
                        <div class="mt-3">
                            <label class="form-label">Company Type *</label>
                            <select class="form-select" name="company_type" required>
                                <option value="">-- Select --</option>
                                <option value="individual"
                                    {{ $user->company_type === 'individual' ? 'selected' : '' }}>Individual</option>
                                <option value="one_person"
                                    {{ $user->company_type === 'one_person' ? 'selected' : '' }}>One Person</option>
                                <option value="private_ltd_company"
                                    {{ $user->company_type === 'private_ltd_company' ? 'selected' : '' }}>Private Ltd
                                </option>
                            </select>
                        </div>

                        {{-- Private Ltd Company Fields --}}
                        @if ($user->company_type === 'private_ltd_company')
                            <hr class="my-4">

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Company Name</label>
                                    <input type="text" class="form-control" name="company_name"
                                        value="{{ old('company_name', $user->company_name) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Company PAN No</label>
                                    <input type="text" class="form-control" name="private_ltd_company_firm_pan_no"
                                        value="{{ old('private_ltd_company_firm_pan_no', $user->firm_pan_no) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">PAN No</label>
                                    <input type="text" class="form-control" name="private_ltd_company_pan_no"
                                        value="{{ old('private_ltd_company_pan_no', $user->pan_no) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Aadhar No</label>
                                    <input type="text" class="form-control" name="private_ltd_company_aadhar_no"
                                        value="{{ old('private_ltd_company_aadhar_no', $user->aadhar_no) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">GST No</label>
                                    <input type="text" class="form-control" name="private_ltd_company_gst_no"
                                        value="{{ old('private_ltd_company_gst_no', $user->gst_no) }}">
                                </div>
                            </div>

                            {{-- File Uploads Section --}}
                            <div class="row g-3 mt-4">
                                @php
                                    $documents = [
                                        [
                                            'label' => 'Firm PAN File',
                                            'name' => 'private_ltd_company_firm_pan_file',
                                            'file' => $user->firm_pan_file ?? null,
                                        ],
                                        [
                                            'label' => 'Company PAN File',
                                            'name' => 'private_ltd_company_pan_file',
                                            'file' => $user->pan_file ?? null,
                                        ],
                                        [
                                            'label' => 'Aadhar Front',
                                            'name' => 'private_ltd_company_aadhar_front',
                                            'file' => $user->aadhar_front ?? null,
                                        ],
                                        [
                                            'label' => 'Aadhar Back',
                                            'name' => 'private_ltd_company_aadhar_back',
                                            'file' => $user->aadhar_back ?? null,
                                        ],
                                        [
                                            'label' => 'GST File',
                                            'name' => 'private_ltd_company_gst_file',
                                            'file' => $user->gst_file ?? null,
                                        ],
                                        [
                                            'label' => 'Bank Statement',
                                            'name' => 'private_ltd_company_bank_statement',
                                            'file' => $user->cancelled_cheque ?? null,
                                        ],
                                        [
                                            'label' => 'AOA File',
                                            'name' => 'private_ltd_company_aoa_file',
                                            'file' => $user->aoa_file ?? null,
                                        ],
                                        [
                                            'label' => 'MOA File',
                                            'name' => 'private_ltd_company_moa_file',
                                            'file' => $user->moa_file ?? null,
                                        ],
                                        [
                                            'label' => 'Certificate of Incorporation',
                                            'name' => 'private_ltd_company_certificate_of_incorporation',
                                            'file' => $user->certificate_of_incorporation ?? null,
                                        ],
                                    ];
                                @endphp

                                @foreach ($documents as $doc)
                                    <div class="col-md-6">
                                        <label class="form-label">{{ $doc['label'] }}</label>
                                        <div class="d-flex align-items-center gap-2">
                                            <input type="file" class="form-control form-control-sm w-auto"
                                                name="{{ $doc['name'] }}">
                                            @if (!empty($doc['file']))
                                                <a href="{{ asset('storage/' . $doc['file']) }}" target="_blank"
                                                    class="btn btn-outline-secondary btn-sm">Preview</a>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif

                        {{-- Submit --}}
                        <div class="d-flex justify-content-end mt-4">
                            <button type="submit" class="btn btn-primary">Update User</button>
                        </div>
                    </form>
                </div>
                <div class="tab-pane fade" id="password" role="tabpanel" aria-labelledby="password-tab"
                    tabindex="0">
                    @if (!empty($user_service))
                        <form method="POST" id="userPassword"
                            action="{{ route('admin.users.users-password.submit', ['id' => $user->id, 'uid' => $user->uid]) }}">
                            @csrf
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="password" class="form-label">Password</label>
                                        <input type="password" class="form-control" name="password"
                                            placeholder="Enter New Password">
                                        @error('password')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="password_confirmation" class="form-label">Confirm Password</label>
                                        <input type="password" class="form-control" id="password_confirmation"
                                            name="password_confirmation" placeholder="Confirm New Password">
                                        @error('password_confirmation')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary mt-3 float-end" id="submitBtn">
                                Update Details
                            </button>
                        </form>
                    @endif
                </div>
                <div class="tab-pane fade" id="services" role="tabpanel" aria-labelledby="services-tab"
                    tabindex="0">
                    @if (!empty($user_service))
                        <form method="POST" id="formService"
                            action="{{ route('admin.users.users-services.submit', ['id' => $user->id, 'uid' => $user->uid]) }}">
                            @csrf

                            {{-- Payout Section --}}
                            <div class="col-12">
                                <h4 class="fw-bold mt-3 mb-3 border-bottom pb-2">Payout Configuration</h4>
                            </div>

                            <div class="row g-4">
                                {{-- Charges Type --}}
                                <div class="col-md-4">
                                    <label for="charges_type" class="form-label">Charges Type</label>
                                    <select class="form-select" id="charges_type" name="charges_type">
                                        <option value="percentage"
                                            {{ old('charges_type', $user_service->charges_type) == 'percentage' ? 'selected' : '' }}>
                                            Percentage (%)</option>
                                        <option value="flatrate"
                                            {{ old('charges_type', $user_service->charges_type) == 'flatrate' ? 'selected' : '' }}>
                                            Flat Rate</option>
                                    </select>
                                </div>
                            </div>

                            {{-- Percentage Fields --}}
                            <div id="percentage_fields" class="row g-4 mt-1" style="display: none;">
                                <div class="col-md-4">
                                    <label class="form-label">Charges (%)</label>
                                    <input type="text" class="form-control" name="payout_charges"
                                        value="{{ old('payout_charges', $user_service->payout_charges) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Flat Rate Charges (upto 500)</label>
                                    <input type="text" class="form-control" name="payout_flatrate_charges"
                                        value="{{ old('payout_flatrate_charges', $user_service->payout_flatrate_charges) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Flat Rate Charges (500 - 1000)</label>
                                    <input type="text" class="form-control" name="payout_flatrate_charges2"
                                        value="{{ old('payout_flatrate_charges2', $user_service->payout_flatrate_charges2) }}">
                                </div>
                            </div>

                            {{-- Flat Rate Fields --}}
                            <div id="flatrate_fields" class="row g-4 mt-1" style="display: none;">
                                <div class="col-md-4">
                                    <label class="form-label">Charges (0-1000)</label>
                                    <input type="text" class="form-control" name="charge_0_1000"
                                        value="{{ old('charge_0_1000', $user_service->charge_0_1000) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Charges (1001-25000)</label>
                                    <input type="text" class="form-control" name="charge_1001_25000"
                                        value="{{ old('charge_1001_25000', $user_service->charge_1001_25000) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Charges (25001-50000)</label>
                                    <input type="text" class="form-control" name="charge_25001_50000"
                                        value="{{ old('charge_25001_50000', $user_service->charge_25001_50000) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Charges (50001-100000)</label>
                                    <input type="text" class="form-control" name="charge_50001_100000"
                                        value="{{ old('charge_50001_100000', $user_service->charge_50001_100000) }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Charges (100001+)</label>
                                    <input type="text" class="form-control" name="charge_above_100000"
                                        value="{{ old('charge_above_100000', $user_service->charge_above_100000) }}">
                                </div>
                            </div>

                            <div class="row g-4 mt-1">
                                <div class="col-md-4">
                                    <label class="form-label">Active Pipeline</label>
                                    <select class="form-select" name="payout_active_api">
                                        @foreach ($payoutapi_active as $key => $type)
                                            <option value="{{ $key }}"
                                                {{ old('payout_active_api', $user_service->payout_active_api) == $key ? 'selected' : '' }}>
                                                {{ $type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Status</label>
                                    <select class="form-select" name="payout_status">
                                        <option value="A"
                                            {{ $user_service->payout_status == 'A' ? 'selected' : '' }}>Active</option>
                                        <option value="B"
                                            {{ $user_service->payout_status == 'B' ? 'selected' : '' }}>Blocked
                                        </option>
                                    </select>
                                </div>
                            </div>

                            {{-- Payin Section --}}
                            <div class="col-12 mt-4">
                                <h4 class="fw-bold mb-3 border-bottom pb-2">Payin Configuration</h4>
                            </div>

                            <div class="row g-4">
                                <div class="col-md-4">
                                    <label class="form-label">Charges</label>
                                    <input type="text" class="form-control" name="payin_charges"
                                        value="{{ old('payin_charges', $user_service->payin_charges) }}"
                                        placeholder="e.g. 5.00">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Active Pipeline</label>
                                    <select class="form-select" name="payin_active_api">
                                        <option value="">Select API</option>
                                        @foreach ($payinapi_active as $key => $type)
                                            <option value="{{ $key }}"
                                                {{ old('payin_active_api', $user_service->payin_active_api) == $key ? 'selected' : '' }}>
                                                {{ $type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Status</label>
                                    <select class="form-select" name="payin_status">
                                        <option value="A"
                                            {{ $user_service->payin_status == 'A' ? 'selected' : '' }}>Active</option>
                                        <option value="B"
                                            {{ $user_service->payin_status == 'B' ? 'selected' : '' }}>Blocked</option>
                                    </select>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary mt-3 float-end" id="submitBtnService">
                                Update Details
                            </button>
                        </form>
                    @endif
                </div>
                <div class="tab-pane fade" id="api" role="tabpanel" aria-labelledby="api-tab" tabindex="0">
                    @if (!empty($user_service))
                        <form method="POST" id="formApi"
                            action="{{ route('admin.users.users-api.submit', ['id' => $user->id, 'uid' => $user->uid]) }}"
                            enctype="multipart/form-data">
                            @csrf

                            {{-- ===== Payout API Section ===== --}}
                            <div class="mb-4">
                                <h5 class="fw-bold border-bottom pb-2 mb-3">Payout API Configuration</h5>

                                <div class="row g-3">
                                    {{-- Charges Type --}}
                                    <div class="col-md-4">
                                        <label for="api_charges_type" class="form-label">Charges Type</label>
                                        <select class="form-select" id="api_charges_type" name="api_charges_type">
                                            <option value="percentage"
                                                {{ old('api_charges_type', $user_service->api_charges_type) == 'percentage' ? 'selected' : '' }}>
                                                Percentage (%)</option>
                                            <option value="flatrate"
                                                {{ old('api_charges_type', $user_service->api_charges_type) == 'flatrate' ? 'selected' : '' }}>
                                                Flat Rate</option>
                                        </select>
                                    </div>
                                </div>

                                {{-- Percentage Charges --}}
                                <div id="api_percentage_fields" class="row g-3 mt-1" style="display: none;">
                                    <div class="col-md-4">
                                        <label class="form-label">API Charges (%)</label>
                                        <input type="text" class="form-control" name="payout_api_charges"
                                            value="{{ old('payout_api_charges', $user_service->payout_api_charges) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Flat Rate Charges (upto 500)</label>
                                        <input type="text" class="form-control" name="payout_api_flatrate_charges"
                                            value="{{ old('payout_api_flatrate_charges	', $user_service->payout_api_flatrate_charges) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Flat Rate Charges (500 - 1000)</label>
                                        <input type="text" class="form-control"
                                            name="payout_api_flatrate_charges2"
                                            value="{{ old('payout_api_flatrate_charges2	', $user_service->payout_api_flatrate_charges2) }}">
                                    </div>
                                </div>

                                {{-- Flat Rate Charges --}}
                                <div id="api_flatrate_fields" class="row g-3 mt-1" style="display: none;">
                                    <div class="col-md-4">
                                        <label class="form-label">Charges (0-1000)</label>
                                        <input type="text" class="form-control" name="api_charge_0_1000"
                                            value="{{ old('api_charge_0_1000', $user_service->api_charge_0_1000) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Charges (1001-25000)</label>
                                        <input type="text" class="form-control" name="api_charge_1001_25000"
                                            value="{{ old('api_charge_1001_25000', $user_service->api_charge_1001_25000) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Charges (25001-50000)</label>
                                        <input type="text" class="form-control" name="api_charge_25001_50000"
                                            value="{{ old('api_charge_25001_50000', $user_service->api_charge_25001_50000) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Charges (50001-100000)</label>
                                        <input type="text" class="form-control" name="api_charge_50001_100000"
                                            value="{{ old('api_charge_50001_100000', $user_service->api_charge_50001_100000) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Charges (100001+)</label>
                                        <input type="text" class="form-control" name="api_charge_above_100000"
                                            value="{{ old('api_charge_above_100000', $user_service->api_charge_above_100000) }}">
                                    </div>
                                </div>

                                {{-- Pipeline / Status / Futr --}}
                                <div class="row g-3 mt-1">
                                    <div class="col-md-4">
                                        <label class="form-label">Active Pipeline</label>
                                        <select class="form-select" name="payout_api_active_api">
                                            @foreach ($payoutapi_active as $key => $type)
                                                <option value="{{ $key }}"
                                                    {{ old('payout_api_active_api', $user_service->payout_api_active_api) == $key ? 'selected' : '' }}>
                                                    {{ $type }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">API Status</label>
                                        <select class="form-select" name="payout_api_status">
                                            <option value="A"
                                                {{ $user_service->payout_api_status == 'A' ? 'selected' : '' }}>Active
                                            </option>
                                            <option value="B"
                                                {{ $user_service->payout_api_status == 'B' ? 'selected' : '' }}>Block
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            {{-- ===== Payin API Section ===== --}}
                            <div class="mb-4">
                                <h5 class="fw-bold border-bottom pb-2 mb-3">Payin API Configuration</h5>

                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="form-label">Payin API Charges</label>
                                        <input type="text" class="form-control" name="payin_api_charges"
                                            value="{{ old('payin_api_charges', $user_service->payin_api_charges) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Active Pipeline</label>
                                        <select class="form-select" name="payin_api_active_api">
                                            @foreach ($payinapi_active as $key => $type)
                                                <option value="{{ $key }}"
                                                    {{ old('payin_api_active_api', $user_service->payin_api_active_api) == $key ? 'selected' : '' }}>
                                                    {{ $type }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">API Status</label>
                                        <select class="form-select" name="payin_api_status">
                                            <option value="A"
                                                {{ $user_service->payin_api_status == 'A' ? 'selected' : '' }}>Active
                                            </option>
                                            <option value="B"
                                                {{ $user_service->payin_api_status == 'B' ? 'selected' : '' }}>Block
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            {{-- Submit --}}
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">Update Details</button>
                            </div>
                        </form>



                    @endif
                </div>
                <div class="tab-pane fade" id="wallet" role="tabpanel" aria-labelledby="wallet-tab"
                    tabindex="0">
                    <div class="row">

                        {{-- Freeze Balance --}}
                        <div class="col-md-6 mb-4">
                            <div class="card shadow-sm">
                                <div class="card-header bg-light fw-bold">Freeze Balance</div>
                                <div class="card-body">
                                    <p class="text-end text-muted">Current: ₹<span
                                            id="freezeBalanceLabel">{{ number_format($user->freeze_balance, 2) }}</span>
                                    </p>
                                    <input type="text" class="form-control mb-3" id="freeze_balance"
                                        placeholder="Enter Freeze Balance">
                                    <div class="d-flex justify-content-end">
                                        <button class="btn btn-primary me-2" id="addFreeze">Add Freeze</button>
                                        <button class="btn btn-secondary" id="releaseFreeze">Release</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Reserve Balance --}}
                        <div class="col-md-6 mb-4">
                            <div class="card shadow-sm">
                                <div class="card-header bg-light fw-bold">Reserve Balance</div>
                                <div class="card-body">
                                    <p class="text-end text-muted">Current: ₹<span
                                            id="reserveBalanceLabel">{{ number_format($user->reserve_balance, 2) }}</span>
                                    </p>
                                    <input type="text" class="form-control mb-3" id="reserve_balance"
                                        placeholder="Enter Reserve Balance">
                                    <div class="d-flex justify-content-end">
                                        <button class="btn btn-primary me-2" id="addReserve">Add Reserve</button>
                                        <button class="btn btn-secondary" id="releaseReserve">Release</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Payout Wallet --}}
                        <div class="col-md-6 mb-4">
                            <div class="card shadow-sm">
                                <div class="card-header bg-light fw-bold">Payout Wallet</div>
                                <div class="card-body">
                                    <p class="text-end text-muted">Current: ₹<span
                                            id="payoutWalletLabel">{{ number_format($user->wallet_balance, 2) }}</span>
                                    </p>
                                    <input type="text" class="form-control mb-3" id="wallet_balance"
                                        placeholder="Enter Amount">
                                    <div class="d-flex justify-content-end">
                                        <button class="btn btn-success me-2 wallet-btn"
                                            onclick="walletAction('credit', 'payout')">Credit</button>
                                        <button class="btn btn-danger wallet-btn"
                                            onclick="walletAction('debit', 'payout')">Debit</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Payin Wallet --}}
                        <div class="col-md-6 mb-4">
                            <div class="card shadow-sm">
                                <div class="card-header bg-light fw-bold">Payin Wallet</div>
                                <div class="card-body">
                                    <p class="text-end text-muted">Current: ₹<span
                                            id="payinWalletLabel">{{ number_format($user->payin_balance, 2) }}</span>
                                    </p>
                                    <input type="text" class="form-control mb-3" id="payin_balance"
                                        placeholder="Enter Amount">
                                    <div class="d-flex justify-content-end">
                                        <button class="btn btn-success me-2 wallet-btn"
                                            onclick="walletAction('credit', 'payin')">Credit</button>
                                        <button class="btn btn-danger wallet-btn"
                                            onclick="walletAction('debit', 'payin')">Debit</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="tab-pane fade" id="developer-option" role="tabpanel"
                    aria-labelledby="developer-option-tab" tabindex="0">
                    <div class="card">
                        <div
                            class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                            <span>Developer Option</span>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <th>API Status</th>
                                        <td>
                                            @if (!empty($user->api_key) && !empty($user->secret_key))
                                                <span class="badge bg-success">Success</span>
                                            @else
                                                <form
                                                    action="{{ route('admin.users.generate-apikey', ['id' => $user->id]) }}"
                                                    method="POST">
                                                    @csrf
                                                    <button type="submit" class="btn btn-primary">Generate API
                                                        Key</button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                    @if (!empty($user->api_key) && !empty($user->secret_key))
                                        <tr>
                                            <th>API Key</th>
                                            <td>{{ $user->api_key ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Secret Key</th>
                                            <td>{{ $user->secret_key ?? '' }}</td>
                                        </tr>
                                    @endif
                                    <!-- Show IP List -->
                                    <tr>
                                        <th>White List IP</th>
                                        <td>
                                            <!-- Add new IP -->
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="new-ip"
                                                    placeholder="Enter IP">
                                                <button type="button" class="btn btn-primary" id="add-ip">
                                                    <i class="fa fa-plus"></i>
                                                </button>
                                            </div>
                                            <div id="ip-list-container" class="mt-3">
                                                @php $ips = array_filter(explode(',', $user['whitelist_ips'])); @endphp
                                                @foreach ($ips as $ip)
                                                    <div class="input-group mb-2 ip-item">
                                                        <input type="text" class="form-control"
                                                            value="{{ trim($ip) }}" readonly>
                                                        <button type="button" class="delete-ip btn btn-danger"
                                                            data-ip="{{ trim($ip) }}">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <!-- Hidden input to hold comma-separated IPs -->
                                            <input type="hidden" name="whitelist_ips" id="whitelist_ips"
                                                value="{{ $user['whitelist_ips'] }}">
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Payout Callback</th>
                                        <td>
                                            <div class="input-group">
                                                <input type="url" class="form-control" id="payout_callback_input"
                                                    placeholder="Enter Payout Callback URL"
                                                    value="{{ $user_service->payout_callback ?? '' }}">
                                                <button type="button" class="btn btn-primary"
                                                    id="save_payout_callback">
                                                    <i class="fa fa-save"></i> Save
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Payin Callback</th>
                                        <td>
                                            <div class="input-group">
                                                <input type="url" class="form-control" id="payin_callback_input"
                                                    placeholder="Enter Payin Callback URL"
                                                    value="{{ $user_service->payin_callback ?? '' }}">
                                                <button type="button" class="btn btn-primary"
                                                    id="save_payin_callback">
                                                    <i class="fa fa-save"></i> Save
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <button class="btn btn-primary mt-3">API Docs</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function walletAction(type, wallet) {
            $('.wallet-btn')
                .prop('disabled', true)
                .addClass('disabled');

            let $btn =  $(this);
            let originalText = $btn.text();
            $btn.text('Processing...');
            let user_id = "{{ $user->id }}";
            let uid = "{{ $user->uid }}";
            let inputId = wallet === 'payout' ? '#wallet_balance' : '#payin_balance';
            let labelId = wallet === 'payout' ? '#payoutWalletLabel' : '#payinWalletLabel';
            let amount = $(inputId).val().trim();
            if (!amount || isNaN(amount) || parseFloat(amount) <= 0) {
                Swal.fire('Invalid Input', 'Please enter a valid amount.', 'warning');
                return;
            }

            function sendRequest(otp = null) {
                $.ajax({
                    url: "{{ url('/admin/user-wallet/update') }}",
                    method: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        type: type,
                        wallet: wallet,
                        user_id: user_id,
                        uid: uid,
                        amount: amount,
                        otp: otp
                    },
                    beforeSend: function() {
                        Swal.showLoading();
                    },
                    complete: function() {
                        $('.wallet-btn')
                            .prop('disabled', false)
                            .removeClass('disabled');
                        $btn.text(originalText);
                    },
                    success: function(response) {
                        Swal.close();
                        if (response.status) {
                            $(labelId).text(response.balance);
                            $(inputId).val(''); // ✅ Clear input on success
                            Swal.fire('Success', response.message, 'success');
                        } else {
                            Swal.fire('Error', response.message, 'error');
                        }
                    },
                    error: function(xhr) {
                        Swal.close();
                        Swal.fire('Error', xhr.responseJSON?.message || 'Something went wrong', 'error');
                    }

                });
            }
            if (type === 'credit') {
                Swal.fire({
                    title: 'Enter OTP',
                    input: 'text',
                    inputLabel: 'Please enter OTP to proceed',
                    inputPlaceholder: 'Enter OTP',
                    showCancelButton: true,
                    confirmButtonText: 'Verify & Proceed',
                    preConfirm: (otp) => {
                        if (!otp || otp.trim() === '') {
                            Swal.showValidationMessage('OTP is required!');
                        }
                        return otp;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        sendRequest(result.value);
                    } else {
                        $('.wallet-btn')
                            .prop('disabled', false)
                            .removeClass('disabled');
                        $btn.text(originalText);
                    }
                });
            } else {
                sendRequest();
            }
        }

        $(document).ready(function() {
            function toggleFields() {
                const selected = $('#api_charges_type').val();
                if (selected === 'percentage') {
                    $('#api_percentage_fields').show();
                    $('#api_flatrate_fields').hide();
                } else if (selected === 'flatrate') {
                    $('#api_percentage_fields').hide();
                    $('#api_flatrate_fields').show();
                } else {
                    $('#api_percentage_fields, #api_flatrate_fields').hide();
                }
            }

            $('#api_charges_type').on('change', toggleFields);
            toggleFields(); // Initial call on load

            function toggleFieldsService() {
                const selected = $('#charges_type').val();
                if (selected === 'percentage') {
                    $('#percentage_fields').show();
                    $('#flatrate_fields').hide();
                } else if (selected === 'flatrate') {
                    $('#percentage_fields').hide();
                    $('#flatrate_fields').show();
                } else {
                    $('#percentage_fields, #flatrate_fields').hide();
                }
            }

            $('#charges_type').on('change', toggleFieldsService);
            toggleFieldsService(); // Initial call on load

            $(function() {
                async function getLocationAndAppend(form) {
                    return new Promise(resolve => {
                        if (navigator.geolocation) {
                            navigator.geolocation.getCurrentPosition(
                                position => {
                                    const latitude = position.coords.latitude;
                                    const longitude = position.coords.longitude;

                                    form.find(
                                        'input[name="latitude"], input[name="longitude"]'
                                    ).remove();

                                    form.append(
                                        '<input type="hidden" name="latitude" value="' +
                                        latitude + '" />' +
                                        '<input type="hidden" name="longitude" value="' +
                                        longitude + '" />'
                                    );

                                    resolve();
                                },
                                error => {
                                    console.warn('Geolocation error:', error.message);
                                    resolve(); // continue anyway
                                }
                            );
                        } else {
                            console.warn('Geolocation not supported');
                            resolve(); // continue anyway
                        }
                    });
                }

                $('#formAuthentication').on('submit', async function(e) {
                    e.preventDefault();

                    const $form = $(this);
                    const $submitBtn = $form.find('button[type="submit"]');

                    await getLocationAndAppend($form);

                    const formData = new FormData(this);

                    $.ajax({
                        url: $form.attr('action'),
                        method: $form.attr('method'),
                        data: formData,
                        contentType: false,
                        processData: false,

                        beforeSend: function() {
                            toastr.info('Processing...');
                            $submitBtn.prop('disabled', true);
                        },

                        success: function(res) {
                            toastr.success("User updated successfully!");
                            // Optional: window.location.href = "/admin/users";
                        },

                        error: function(xhr) {
                            if (xhr.responseJSON?.message) {
                                toastr.error(xhr.responseJSON.message);
                            } else {
                                toastr.error(
                                    "Something went wrong. Please try again.");
                            }
                        },

                        complete: function() {
                            $submitBtn.prop('disabled', false);
                        }
                    });
                });
            });

            // update freeze balance
            function handleFreezeAction(action) {
                let url = "{{ route('admin.freeze.update', ['id' => $user->id]) }}";
                let freeze_balance = $('#freeze_balance').val();
                let button =  $('#addFreeze');
                $('#addFreeze, #releaseFreeze')
                    .prop('disabled', true)
                    .addClass('disabled');
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        freeze_balance: freeze_balance,
                        action: action,
                    },
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    success: function(response) {
                        if (response.status) {
                            $('#freezeBalanceLabel').text(response.freeze_balance);
                            $('#freeze_balance').val('0.00');
                            toastr.success(response.message);
                        } else {
                            toastr.error(response.message);
                        }
                    },
                    error: function() {
                        toastr.error('Something went wrong. Please try again.');
                    },
                    complete: function() {
                        // ✅ Always re-enable buttons
                        $('#addFreeze, #releaseFreeze')
                            .prop('disabled', false)
                            .removeClass('disabled');

                        button.text(originalText);
                    }
                });
            }
            $('#addFreeze').click(function() {
                handleFreezeAction('add');
            });
            $('#releaseFreeze').click(function() {
                handleFreezeAction('release');
            });

            function handleReserveAction(action) {
                let url = "{{ route('admin.reserve.update', ['id' => $user->id]) }}";
                let reserve_balance = $('#reserve_balance').val();
                let button =  $('#releaseReserve');
                $('#addReserve, #releaseReserve')
                    .prop('disabled', true)
                    .addClass('disabled');
                let originalText = button.text();
                button.text('Processing...');
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        reserve_balance: reserve_balance,
                        action: action,
                    },
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    success: function(response) {
                        if (response.status) {
                            $('#reserveBalanceLabel').text(response.reserve_balance);
                            $('#wallet_balance').val(response.wallet_balance);
                            $('#reserve_balance').val('0.00');
                            toastr.success(response.message);
                        } else {
                            toastr.error(response.message);
                        }
                    },
                    error: function() {
                        toastr.error('Something went wrong. Please try again.');
                    },
                    complete: function() {
                        $('#addReserve, #releaseReserve')
                            .prop('disabled', false)
                            .removeClass('disabled');
                        button.text(originalText);
                    }
                });
            }
            $('#addReserve').click(function() {
                handleReserveAction('add');
            });
            $('#releaseReserve').click(function() {
                handleReserveAction('release');
            });
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            });

            // Add IP
            let id = @json($user->id);
            $('#add-ip').click(function() {
                const baseRoute = "{{ route('admin.whitelistIp.add', ['id' => '__ID__']) }}";
                const ip = $('#new-ip').val().trim();
                if (!ip) return;
                const postUrl = baseRoute.replace('__ID__', id);
                $.post(postUrl, {
                    ip: ip
                }, function(response) {
                    if (response.status) {
                        $('#ip-list-container').append(`
                        <div class="input-group mb-2 ip-item">
                            <input type="text" class="form-control" value="${ip}" readonly>
                            <button type="button" class="delete-ip btn btn-danger" data-ip="${ip}">
                                <i class="fa fa-trash"></i>
                            </button>
                        </div>
                    `);
                        toastr.success(response.message);
                        $('#new-ip').val('');
                    } else {
                        toastr.error(response.message);
                    }
                });
            });

            // Delete IP
            $('#ip-list-container').on('click', '.delete-ip', function() {
                const ip = $(this).data('ip');
                const $group = $(this).closest('.ip-item');
                const baseRoute = "{{ route('admin.whitelistIp.delete', ['id' => '__ID__']) }}";
                const postUrl = baseRoute.replace('__ID__', id);
                $.ajax({
                    url: postUrl,
                    type: 'DELETE',
                    data: {
                        ip: ip
                    },
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.status) {
                            $group.remove();
                            toastr.success(response.message);
                        } else {
                            toastr.error(response.message);
                        }
                    }
                });
            });
            // ✅ Save Payout Callback (AJAX version);
            $('#save_payout_callback').click(function() {
                const payoutUrl = $('#payout_callback_input').val().trim();

                if (!payoutUrl) return toastr.error("Please enter a valid Payout Callback URL");

                $.ajax({
                    url: "{{ route('admin.updatecallback.payout') }}",
                    method: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        user_id: id,
                        type: 'payout',
                        callback_url: payoutUrl
                    },
                    success: function(response) {
                        response.status ?
                            toastr.success(response.message) :
                            toastr.error(response.message);
                    },
                    error: function() {
                        toastr.error("Something went wrong while updating payout callback");
                    }
                });
            });

            // ✅ Save Payin Callback (AJAX version)
            $('#save_payin_callback').click(function() {
                const payinUrl = $('#payin_callback_input').val().trim();
                if (!payinUrl) return toastr.error("Please enter a valid Payin Callback URL");
                $.ajax({
                    url: "{{ route('admin.updatecallback.payin') }}",
                    method: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        user_id: id,
                        type: 'payin',
                        callback_url: payinUrl
                    },
                    success: function(response) {
                        response.status ?
                            toastr.success(response.message) :
                            toastr.error(response.message);
                    },
                    error: function() {
                        toastr.error("Something went wrong while updating payin callback");
                    }
                });
            });

            // Save Service Details
            $(document).ready(function() {
                $('#formService').on('submit', function(e) {
                    e.preventDefault();

                    const form = $(this);
                    const formData = form.serialize();

                    $.ajax({
                        url: form.attr('action'),
                        type: 'POST',
                        data: formData,
                        headers: {
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        },
                        beforeSend: function() {
                            toastr.info('Processing...');
                        },
                        success: function(response) {
                            toastr.clear();
                            if (response.status === 'success') {
                                toastr.success(response.message);
                            } else {
                                toastr.error(response.message ||
                                    'Something went wrong!');
                            }
                        },
                        error: function(xhr) {
                            toastr.clear();
                            if (xhr.responseJSON && xhr.responseJSON.errors) {
                                Object.values(xhr.responseJSON.errors).forEach(
                                    errorArr => {
                                        errorArr.forEach(error => toastr.error(
                                            error));
                                    });
                            } else {
                                toastr.error('Something went wrong. Please try again.');
                            }
                        }
                    });
                });
                $('#userPassword').on('submit', function(e) {
                    e.preventDefault();

                    const form = $(this);
                    const formData = form.serialize();

                    $.ajax({
                        url: form.attr('action'),
                        type: 'POST',
                        data: formData,
                        headers: {
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        },
                        beforeSend: function() {
                            toastr.info('Processing...');
                        },
                        success: function(response) {
                            toastr.clear();
                            if (response.status === 'success') {
                                toastr.success(response.message);
                                form.trigger('reset'); // Optional: clear the form
                            } else {
                                toastr.error(response.message ||
                                    'Something went wrong!');
                            }
                        },
                        error: function(xhr) {
                            toastr.clear();
                            if (xhr.responseJSON && xhr.responseJSON.errors) {
                                Object.values(xhr.responseJSON.errors).forEach(
                                    errorArr => {
                                        errorArr.forEach(error => toastr.error(
                                            error));
                                    });
                            } else {
                                toastr.error('Something went wrong. Please try again.');
                            }
                        }
                    });
                });

                $('#formApi').on('submit', function(e) {
                    e.preventDefault();
                    const form = $(this);
                    const formData = form.serialize();
                    $.ajax({
                        url: form.attr('action'),
                        type: 'POST',
                        data: formData,
                        headers: {
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        },
                        beforeSend: function() {
                            toastr.info('Processing...');
                        },
                        success: function(response) {
                            toastr.clear();
                            if (response.status === 'success') {
                                toastr.success(response.message);
                            } else {
                                toastr.error(response.message || 'Update failed.');
                            }
                        },
                        error: function(xhr) {
                            toastr.clear();
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                toastr.error(xhr.responseJSON.message);
                            } else {
                                toastr.error('Something went wrong. Please try again.');
                            }
                        }
                    });
                });

                function generateRandomString(length) {
                    let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                    let result = '';
                    for (let i = 0; i < length; i++) {
                        result += chars.charAt(Math.floor(Math.random() * chars.length));
                    }
                    return result;
                }
            });
            $(document).ready(function() {
                function toggleCompanyTypeFields() {
                    const selectedType = $('#company_type').val();
                    $('.company-type-section').hide();

                    if (selectedType) {
                        $('#' + selectedType).show();
                    }
                }
                toggleCompanyTypeFields();
                $('#company_type').on('change', toggleCompanyTypeFields);
            });
        });
    </script>
@endsection