@extends('layouts.vpm-dashboard', ['active' => 'traders', 'area' => 'admin'])

@section('title', 'Create expert trader')
@section('page_title', 'Create expert trader')
@section('page_subtitle', 'Add a copy-trading leader')
@section('parent_title', 'Expert Traders')
@section('parent_url', route('admin.traders'))

@section('content')
<div class="vpm-action-page vpm-action-page--wide">
    <p class="vpm-action-back">
        <a href="{{ route('admin.traders') }}">&larr; Back to traders</a>
    </p>

    <x-vpm.action-hero
        title="Create expert trader"
        text="Total trades are calculated from wins and losses. Win % is calculated automatically."
    />

    <section class="vpm-panel vpm-action-panel">
        <div class="vpm-panel__body">
            <form method="POST" action="{{ route('admin.copy-traders.store') }}" class="vpm-wallet-form" enctype="multipart/form-data">
                @csrf
                <div class="vpm-wallet-form__grid">
                    <label class="vpm-field">
                        <span class="vpm-field__label">Trader name</span>
                        <input type="text" name="name" class="vpm-input" value="{{ old('name') }}" placeholder="Amey Newera" required maxlength="120">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Profile photo</span>
                        <input type="file" name="photo" class="vpm-input" accept="image/jpeg,image/png,image/webp">
                        <span class="vpm-field__hint">Optional. JPG, PNG, or WebP up to 5 MB. Re-select the file if the form shows an error.</span>
                        @error('photo')
                            <span class="vpm-field__error">{{ $message }}</span>
                        @enderror
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Started date</span>
                        <input type="datetime-local" name="started_at" class="vpm-input" value="{{ old('started_at') }}" required>
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Total wins</span>
                        <input type="number" name="total_wins" class="vpm-input" value="{{ old('total_wins', 0) }}" required min="0">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Total losses</span>
                        <input type="number" name="total_losses" class="vpm-input" value="{{ old('total_losses', 0) }}" required min="0">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Profit share (%)</span>
                        <input type="number" name="profit_share" class="vpm-input" value="{{ old('profit_share', 10) }}" required min="0" max="100" step="0.01">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Followers</span>
                        <input type="number" name="followers" class="vpm-input" value="{{ old('followers', 0) }}" min="0">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Minimum copy amount</span>
                        <input type="number" name="min_copy_amount" class="vpm-input" value="{{ old('min_copy_amount', 200) }}" min="0">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Sort order</span>
                        <input type="number" name="sort_order" class="vpm-input" value="{{ old('sort_order', 0) }}" min="0" max="999">
                    </label>
                </div>
                <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm vpm-mt-2">Create expert trader</x-vpm.button>
            </form>
        </div>
    </section>
</div>
@endsection