@extends('layouts.layoutapp')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                    <div>
                        <h5 class="mb-0">Client Wallet</h5>
                        <p class="text-sm mb-0">
                            Manage wallet credits and reversals for {{ $client->user->name ?? '' }}
                            {{ $client->user->last_name ?? '' }}
                        </p>
                    </div>
                    <a href="{{ route('client-index') }}" class="btn btn-secondary btn-sm mb-0">Back to Clients</a>
                </div>

                <div class="card-body">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0 ps-3">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h6 class="text-uppercase text-secondary text-xs font-weight-bolder">Client Details</h6>
                                    <p class="mb-1"><strong>Name:</strong> {{ $client->user->name ?? '' }}
                                        {{ $client->user->last_name ?? '' }}</p>
                                    <p class="mb-1"><strong>Phone:</strong> {{ $client->user->phone ?? '' }}</p>
                                    <p class="mb-1"><strong>Email:</strong> {{ $client->user->email ?? '' }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h6 class="text-uppercase text-secondary text-xs font-weight-bolder">Main Wallet Balance
                                    </h6>
                                    <div class="display-6 mb-2">{{ $walletBalance ?? 'Unavailable' }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h6 class="text-uppercase text-secondary text-xs font-weight-bolder">Wallet Reference
                                    </h6>
                                    <p class="mb-1"><strong>User ID:</strong> {{ $client->user_id }}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6 mb-4">
                            <div class="card h-100">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Credit Main Wallet</h6>
                                </div>
                                <div class="card-body pt-3">
                                    <form action="{{ route('client-wallet-credit', $client->id) }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="wallet_type" value="MAIN">
                                        <div class="mb-3">
                                            <label class="form-label">Amount</label>
                                            <input type="number" name="amount" class="form-control" min="0.01"
                                                step="0.01" value="{{ old('amount') }}" required>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Reference Type</label>
                                            <input type="text" name="reference_type" class="form-control"
                                                value="{{ old('reference_type', 'MANUAL') }}"
                                                placeholder="INVOICE / MANUAL / RECEIPT">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Reference ID</label>
                                            <input type="text" name="reference_id" class="form-control"
                                                value="{{ old('reference_id') }}" placeholder="Optional reference number">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Remarks</label>
                                            <textarea name="remarks" class="form-control" rows="3" placeholder="Optional note">{{ old('remarks') }}</textarea>
                                        </div>
                                        <button type="submit" class="btn bg-gradient-primary">Credit Wallet</button>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 mb-4">
                            <div class="card h-100">
                                <div class="card-header pb-0">
                                    <h6 class="mb-0">Reverse Transaction</h6>
                                </div>
                                <div class="card-body pt-3">
                                    <form action="{{ route('client-wallet-reverse', $client->id) }}" method="POST">
                                        @csrf
                                        <div class="mb-3">
                                            <label class="form-label">Select Transaction</label>
                                            @if (!empty($transactions))
                                                <select name="transaction_no" class="form-select select2" required>
                                                    <option value="">-- Select a Transaction --</option>
                                                    @foreach ($transactions as $txn)
                                                        @php
                                                            $type = strtoupper($txn['transaction_type'] ?? '');
                                                            $isReversed = !empty($txn['is_reversed']);
                                                        @endphp
                                                        @if (in_array($type, ['CREDIT', 'DEBIT', 'REFUND']) && !$isReversed)
                                                            @php
                                                                $txnNo = $txn['transaction_no'] ?? '';
                                                                $amount = isset($txn['amount'])
                                                                    ? number_format((float) $txn['amount'], 2)
                                                                    : '0.00';
                                                                $date = isset($txn['created_at'])
                                                                    ? \Carbon\Carbon::parse($txn['created_at'])->format(
                                                                        'd/m/Y',
                                                                    )
                                                                    : '';
                                                                $label =
                                                                    $txnNo .
                                                                    ' | ' .
                                                                    $type .
                                                                    ' | INR ' .
                                                                    $amount .
                                                                    ($date ? ' | ' . $date : '');
                                                            @endphp
                                                            <option value="{{ $txnNo }}"
                                                                {{ old('transaction_no') === $txnNo ? 'selected' : '' }}>
                                                                {{ $label }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            @else
                                                <input type="text" name="transaction_no" class="form-control"
                                                    value="{{ old('transaction_no') }}"
                                                    placeholder="No transactions found - enter manually" required>
                                            @endif
                                            @error('transaction_no')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Reason</label>
                                            <input type="text" name="reason" class="form-control"
                                                value="{{ old('reason') }}" required>
                                        </div>
                                        <button type="submit" class="btn btn-danger">Reverse Transaction</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card mb-4">
                        <div class="card-header pb-0">
                            <h6 class="mb-0">Transaction History</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table align-items-center mb-0" id="myTable">
                                    <thead>
                                        <tr>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Transaction No</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Type</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Amount</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Reference</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Remarks</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($transactions as $txn)
                                            @php
                                                $txnType = strtolower($txn['transaction_type'] ?? '');
                                                $badgeClass = match ($txnType) {
                                                    'credit' => 'bg-success',
                                                    'debit' => 'bg-danger',
                                                    'reversal' => 'bg-warning',
                                                    default => 'bg-secondary',
                                                };
                                            @endphp
                                            <tr>
                                                <td class="ps-4">
                                                    <p class="text-xs font-weight-bold mb-0">
                                                        {{ $txn['transaction_no'] ?? '-' }}</p>
                                                </td>
                                                <td class="ps-4">
                                                    <span
                                                        class="badge {{ $badgeClass }} text-xs">{{ strtoupper($txn['transaction_type'] ?? '-') }}</span>
                                                </td>
                                                <td class="ps-4">
                                                    <p class="text-xs font-weight-bold mb-0">INR
                                                        {{ number_format((float) ($txn['amount'] ?? 0), 2) }}</p>
                                                </td>
                                                <td class="ps-4">
                                                    <p class="text-xs mb-0">
                                                        {{ $txn['reference_type'] ?? '' }}
                                                        @if (!empty($txn['reference_id']))
                                                            <span class="text-muted">#{{ $txn['reference_id'] }}</span>
                                                        @endif
                                                    </p>
                                                </td>
                                                <td class="ps-4">
                                                    <p class="text-xs mb-0">{{ $txn['remarks'] ?? '-' }}</p>
                                                </td>
                                                <td class="ps-4">
                                                    <p class="text-xs mb-0">
                                                        {{ isset($txn['created_at']) ? \Carbon\Carbon::parse($txn['created_at'])->format('d/m/Y H:i') : '-' }}
                                                    </p>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    @if (!empty($balanceResponse))
                        <div class="card d-none">
                            <div class="card-header pb-0">
                                <h6 class="mb-0">Wallet Service Response</h6>
                            </div>
                            <div class="card-body">
                                <pre class="mb-0" style="white-space: pre-wrap;">{{ json_encode($balanceResponse, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) }}</pre>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection