@extends('portal.layouts.master')
@section('title', 'Transactions')
@section('page-title', 'Transactions')

@section('content')
<div class="row g-3">

    {{-- Deposits --}}
    <div class="col-12">
        <div class="card border-0 shadow-sm" style="border-radius:12px">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Deposits</h6>
                @if($deposits->isEmpty())
                    <p class="text-muted mb-0" style="font-size:.9rem">No deposits on record.</p>
                @else
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr style="font-size:.78rem;text-transform:uppercase;color:#6b7280">
                                <th>#</th>
                                <th>Amount</th>
                                <th>Currency</th>
                                <th>Status</th>
                                <th>Reference</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($deposits as $dep)
                        <tr style="font-size:.88rem">
                            <td class="text-muted">{{ $dep->id }}</td>
                            <td class="fw-semibold">
                                {{ number_format($dep->amount, 2) }}
                                @if($dep->credited_usd_amount !== null && $dep->currency !== 'USD')
                                    <div class="text-muted fw-normal" style="font-size:.7rem">USD {{ number_format($dep->credited_usd_amount, 2) }} credited</div>
                                @endif
                            </td>
                            <td>{{ $dep->currency }}</td>
                            <td>
                                <span class="badge bg-{{ $dep->status === 'approved' ? 'success' : ($dep->status === 'rejected' ? 'danger' : 'warning') }}">
                                    {{ ucfirst($dep->status) }}
                                </span>
                            </td>
                            <td class="text-muted">{{ $dep->reference ?? '—' }}</td>
                            <td class="text-muted">{{ $dep->created_at->format('Y-m-d H:i') }}</td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>

    {{-- Withdrawal Request + History --}}
    <div class="col-md-5">
        <div class="card border-0 shadow-sm h-100" style="border-radius:12px">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Request Withdrawal</h6>

                @if($errors->has('withdrawal'))
                <div class="alert alert-danger py-2 mb-3" style="font-size:.85rem">{{ $errors->first('withdrawal') }}</div>
                @endif

                <form method="POST" action="{{ route('portal.withdrawal.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label" style="font-size:.85rem;font-weight:500">Amount</label>
                        <input type="number" name="amount" class="form-control" step="0.01" min="0.01"
                            value="{{ old('amount') }}" required placeholder="0.00">
                    </div>
                    <div class="mb-3">
                        <label class="form-label" style="font-size:.85rem;font-weight:500">Account Currency</label>
                        <input type="hidden" name="currency" value="USD">
                        <div class="form-control">USD — Balance: {{ number_format($wallets->get('USD')?->balance ?? 0, 2) }}</div>
                    </div>
                    <div class="mb-4">
                        <label class="form-label" style="font-size:.85rem;font-weight:500">Notes <span class="text-muted fw-normal">(optional)</span></label>
                        <textarea name="notes" class="form-control" rows="2" placeholder="Bank details, reason...">{{ old('notes') }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary w-100" style="background:var(--portal-primary);border:none">
                        Submit Withdrawal Request
                    </button>
                </form>

                <p class="text-muted mt-3 mb-0" style="font-size:.78rem">
                    Withdrawal requests are reviewed by your account manager. Funds are released upon approval.
                </p>
            </div>
        </div>
    </div>

    {{-- Withdrawal history --}}
    <div class="col-md-7">
        <div class="card border-0 shadow-sm h-100" style="border-radius:12px">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Withdrawal History</h6>
                @if($withdrawals->isEmpty())
                    <p class="text-muted mb-0" style="font-size:.9rem">No withdrawal requests yet.</p>
                @else
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr style="font-size:.78rem;text-transform:uppercase;color:#6b7280">
                                <th>#</th>
                                <th>Amount</th>
                                <th>Currency</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($withdrawals as $w)
                        <tr style="font-size:.88rem">
                            <td class="text-muted">{{ $w->id }}</td>
                            <td class="fw-semibold">{{ number_format($w->amount, 2) }}</td>
                            <td>{{ $w->currency }}</td>
                            <td>
                                <span class="badge bg-{{ $w->status === 'approved' ? 'success' : ($w->status === 'rejected' ? 'danger' : 'warning') }}">
                                    {{ ucfirst($w->status) }}
                                </span>
                            </td>
                            <td class="text-muted">{{ $w->created_at->format('Y-m-d H:i') }}</td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>

    {{-- Trades --}}
    <div class="col-12">
        <div class="card border-0 shadow-sm" style="border-radius:12px">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Trade History</h6>
                @if($trades->isEmpty())
                    <p class="text-muted mb-0" style="font-size:.9rem">No trades on record.</p>
                @else
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr style="font-size:.78rem;text-transform:uppercase;color:#6b7280">
                                <th>#</th>
                                <th>Symbol</th>
                                <th>Side</th>
                                <th class="text-end">Quantity</th>
                                <th class="text-end">Price</th>
                                <th class="text-end">Total</th>
                                <th>Currency</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($trades as $trade)
                        <tr style="font-size:.88rem">
                            <td class="text-muted">{{ $trade->id }}</td>
                            <td>
                                @if($trade->symbol)
                                <a href="{{ route('portal.position', $trade->symbol_id) }}" class="text-decoration-none">
                                    <div class="fw-semibold" style="color:#1f2937">{{ $trade->symbol->name }}</div>
                                    <div style="font-size:.75rem;color:#9ca3af">{{ $trade->symbol->tv_symbol }}</div>
                                </a>
                                @else
                                <span class="fw-semibold">—</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-{{ $trade->side === 'buy' ? 'success' : 'danger' }}">
                                    {{ strtoupper($trade->side) }}
                                </span>
                            </td>
                            <td class="text-end">{{ rtrim(rtrim(number_format($trade->quantity, 8), '0'), '.') }}</td>
                            <td class="text-end">{{ number_format($trade->price, 2) }}</td>
                            <td class="text-end fw-semibold">{{ number_format($trade->total_cost, 2) }}</td>
                            <td>{{ $trade->currency }}</td>
                            <td class="text-muted">{{ $trade->traded_at->format('Y-m-d H:i') }}</td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>

</div>
@endsection