@props(['markets', 'dateIntervals', 'carbon'])

<div class="card">
    <div class="card-body">
        <form action={{ route('trade.store') }} method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="user_id" value={{ Auth::user()->id }}>
            <input type="hidden" name="type" value="demo">
            <div class="row mb-3">
                <div class="col-12">
                    <label for="exampleFormControlSelect1" class="form-label">Select Assets
                        (From
                        Markets)</label>
                    <select name="market_id" class="form-select" id="exampleFormControlSelect1"
                        aria-label="Default select example">
                        <option selected>Select Market Asset</option>
                        @foreach ($markets as $market)
                            <option value={{ $market->id }} selected>{{ $market->asset }}
                            </option>
                        @endforeach
                    </select>
                    @error('market_id')
                        <p class="text-danger text-sm">{{ $message }}</p>
                    @enderror
                </div>

            </div>
            <div class="row mb-2">
                <div class="col-8">
                    <div class="form-group">
                        <label for="amount" class="form-label">Amount</label>
                        <input name="amount" type="number" class="form-control"
                            value="">
                        @error('amount')
                            <p class="text-danger text-sm">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="unit" class="form-label">Enter Unit (1-100)</label>
                        <input name="unit" type="number" class="form-control"
                            value="">
                        @error('unit')
                            <p class="text-danger text-sm">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="duration" class="form-label">Select Duration</label>
                        <select name="duration" class="form-select" id="">
                            @foreach ($dateIntervals as $dateInterval)
                                <option value={{ $dateInterval->duration_in_minutes }}>{{ $dateInterval->name }}</option>
                            @endforeach
                        </select>

                        @error('duration')
                            <p class="text-danger text-sm">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>
            @if (Auth::user()->demo_balance <= 0)
                <button type="submit" @disabled(true) class="btn btn-primary"><i
                        class="bx bxs-lock-alt"></i>
                    Trade</button>
            @else
            <div class="row">
                <div class="col-6">
                    <button name="buy" class="btn btn-success"><i class="bx bx-trending-up"></i> Buy</button>
                </div>
                <div class="col-6">
                    <button name="sell" class="btn btn-danger"><i class="bx bx-trending-down"></i> Sell</button>
                </div>
            </div>
            @endif



        </form>
    </div>
</div>