@extends('layouts.app')
@section('title', 'Create MAM Trade')
@section('content')
<h1>Create manual MAM trade (Admin)</h1>
<div class="card">
    <form id="trade-form">
        @csrf
        <label>Strategy</label>
        <select name="strategy_id" required>
            @foreach($strategies as $s)<option value="{{ $s->id }}">{{ $s->name }}</option>@endforeach
        </select>
        <label>Symbol</label><select name="symbol"><option>EURUSD</option><option>GBPUSD</option><option>USDJPY</option></select>
        <label>Side</label><select name="side" required><option value="BUY">BUY</option><option value="SELL">SELL</option></select>
        <label>Entry time</label><input type="datetime-local" name="entry_at" required>
        <label>Exit time</label><input type="datetime-local" name="exit_at" required>
        <label>Master LOT</label><input type="number" name="master_lot" step="0.01" min="0.01" value="1" required>
        <button type="button" class="btn btn-outline" id="preview-btn">Preview</button>
        <button type="submit" class="btn btn-primary">Create</button>
    </form>
    <pre id="preview" style="margin-top:1rem;background:#f1f5f9;padding:1rem;font-size:0.8rem"></pre>
</div>
@endsection
@push('scripts')
<script>
const form = document.getElementById('trade-form');
document.getElementById('preview-btn').onclick = async () => {
    const fd = new FormData(form);
    const r = await fetch('{{ route('admin.trades.preview') }}', { method:'POST', headers:{'X-CSRF-TOKEN':fd.get('_token'),'Accept':'application/json','Content-Type':'application/json'}, body: JSON.stringify(Object.fromEntries(fd)) });
    document.getElementById('preview').textContent = JSON.stringify(await r.json(), null, 2);
};
form.onsubmit = async (e) => { e.preventDefault(); const fd = new FormData(form);
    await fetch('{{ route('admin.trades.store') }}', { method:'POST', headers:{'X-CSRF-TOKEN':fd.get('_token'),'Accept':'application/json','Content-Type':'application/json'}, body: JSON.stringify(Object.fromEntries(fd)) });
    window.location = '{{ route('admin.dashboard') }}';
};
</script>
@endpush