@extends('layouts.store')

@section('title', 'Confirm order — Meatworx')

@section('content')
<section class="mw-section">
    <div class="container mw-auth-wide">
        <form class="mw-panel" action="{{ route('trade.place') }}" method="POST">
            @csrf
            <h2>Confirm delivery</h2>
            <p class="mw-account-note">Default delivery is the next open day. Prices are not shown.</p>
            <table class="mw-table">
                <thead><tr><th>Product</th><th>Qty</th><th>Unit</th></tr></thead>
                <tbody>
                    @foreach($lines as $line)
                        <tr>
                            <td>{{ $line['name'] }}</td>
                            <td>{{ $line['qty'] }}</td>
                            <td>{{ $line['unit'] }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="mw-field">
                <label for="delivery_date">Delivery date</label>
                <input id="delivery_date" type="date" name="delivery_date" value="{{ old('delivery_date', $deliveryDate) }}" required>
            </div>
            <div class="mw-field">
                <label for="comments">Instructions</label>
                <textarea id="comments" name="comments" rows="3" placeholder="Example: cut into 12 pieces, skinless">{{ old('comments') }}</textarea>
            </div>
            <label class="mw-check">
                <input type="checkbox" name="confirm_date" value="yes" required>
                I confirm this delivery date
            </label>
            <button class="mw-btn mw-btn-block" type="submit">Place order</button>
            <p class="mw-auth-switch"><a href="{{ route('trade.home') }}">Back to products</a></p>
        </form>
    </div>
</section>
@endsection