@extends('admin.layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <h4 class="mb-3">گزارش سود معاملات اسپات</h4>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-3">
            <label>از تاریخ</label>
            <input type="date" name="from" id="from" class="form-control"
                   value="{{ $filters['from'] ?? '' }}">
        </div>
        <div class="col-md-3">
            <label>تا تاریخ</label>
            <input type="date" name="to" id="to" class="form-control"
                   value="{{ $filters['to'] ?? '' }}">
        </div>
        <div class="col-md-3">
            <label>بازار</label>
            <input type="text" name="market" id="market" class="form-control"
                   placeholder="مثال: BTCUSDT"
                   value="{{ $filters['market'] ?? '' }}">
        </div>
        <div class="col-md-3 d-flex align-items-end">
            <button id="btn-filter" class="btn btn-primary btn-block">فیلتر</button>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="text-muted">حجم کل معاملات</div>
                    <div class="h5 mb-0">{{ number_format($summary['total_volume'], 4) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="text-muted">کارمزد CoinEx</div>
                    <div class="h5 mb-0">{{ number_format($summary['total_coinex_fee'], 4) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="text-muted">کارمزد پلتفرم</div>
                    <div class="h5 mb-0">{{ number_format($summary['total_platform_fee'], 4) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="text-muted">سود خالص</div>
                    <div class="h5 mb-0">{{ number_format($summary['total_profit'], 4) }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body table-responsive">
                    <table class="table table-striped table-bordered table-sm">
                        <thead>
                        <tr>
                            <th>تاریخ</th>
                            <th>کاربر</th>
                            <th>بازار</th>
                            <th>نوع</th>
                            <th>قیمت</th>
                            <th>مقدار</th>
                            <th>مجموع</th>
                            <th>کارمزد CoinEx</th>
                            <th>کارمزد پلتفرم</th>
                            <th>سود این معامله</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($trades as $trade)
                            <tr>
                                <td>{{ $trade->created_at }}</td>
                                <td>{{ $trade->user_id }}</td>
                                <td>{{ $trade->market }}</td>
                                <td class="{{ $trade->side === 'buy' ? 'text-success' : 'text-danger' }}">
                                    {{ $trade->side === 'buy' ? 'خرید' : 'فروش' }}
                                </td>
                                <td>{{ $trade->price ? number_format($trade->price, 4) : '-' }}</td>
                                <td>{{ number_format($trade->amount, 6) }}</td>
                                <td>{{ $trade->total ? number_format($trade->total, 4) : '-' }}</td>
                                <td>
                                    {{ $trade->fee ? number_format($trade->fee, 6) : '-' }}
                                    {{ $trade->fee_currency }}
                                </td>
                                <td>
                                    {{ $trade->platform_fee ? number_format($trade->platform_fee, 6) : '-' }}
                                    {{ $trade->platform_fee_currency }}
                                </td>
                                <td>
                                    {{ $trade->profit ? number_format($trade->profit, 6) : '-' }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted">موردی یافت نشد</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        document.getElementById('btn-filter').addEventListener('click', function () {
            var params = [];
            var from = document.getElementById('from').value;
            var to = document.getElementById('to').value;
            var market = document.getElementById('market').value;

            if (from) params.push('from=' + encodeURIComponent(from));
            if (to) params.push('to=' + encodeURIComponent(to));
            if (market) params.push('market=' + encodeURIComponent(market));

            var qs = params.length ? ('?' + params.join('&')) : '';
            window.location.href = '{{ route('A-spot-profit') }}' + qs;
        });
    </script>
@endsection