@extends('layouts.trading')

@section('content')
<div class="grid gap-6 md:grid-cols-2">
    <div class="trade-card">
        <h2 class="mb-2 text-lg font-semibold text-slate-400">Unrealized P&L</h2>
        <div class="text-3xl font-bold {{ $data['unrealized_pnl'] >= 0 ? 'pnl-positive' : 'pnl-negative' }}">
            {{ $data['unrealized_pnl'] >= 0 ? '+' : '' }}₹{{ number_format($data['unrealized_pnl'], 2) }}
        </div>
    </div>
    <div class="trade-card">
        <h2 class="mb-2 text-lg font-semibold text-slate-400">Today Realized P&L</h2>
        <div class="text-3xl font-bold {{ $data['realized_pnl'] >= 0 ? 'pnl-positive' : 'pnl-negative' }}">
            {{ $data['realized_pnl'] >= 0 ? '+' : '' }}₹{{ number_format($data['realized_pnl'], 2) }}
        </div>
    </div>
</div>
@endsection