@extends('layouts.app')

@section('content')

<h3>Create Sale</h3>

<form method="POST" action="{{ route('sales.store') }}">
@csrf

{{-- CUSTOMER --}}
<div class="mb-3">
    <label>Customer</label>

    <select name="customer_id" class="form-control">
        <option value="">Walk-in Customer</option>

        @foreach($customers as $customer)
            <option value="{{ $customer->id }}">
                {{ $customer->name }}
            </option>
        @endforeach
    </select>
</div>

<div class="mb-3">
    <label>Payment Method</label>
    <select name="payment_type" class="form-control" required>
        <option value="cash">Cash</option>
        <option value="due">Due</option>
    </select>
</div>

<div class="mb-3">
    <label>Amount Paid</label>
    <input type="number" step="0.01" name="amount_paid" class="form-control" value="0.00" required>
    <small class="text-muted">For cash payments, this will be set to the sale total automatically.</small>
</div>

<hr>

<h5>Products</h5>

<div class="row mb-2">

    <div class="col-md-6">
        <select name="products[0][product_id]" class="form-control">
            @foreach($products as $product)
                <option value="{{ $product->id }}" {{ old('products.0.product_id') == $product->id ? 'selected' : '' }}>
                    {{ $product->name }} (Stock: {{ $product->stock }} {{ $product->unitLabel() }})
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <input type="number"
               step="0.01"
               name="products[0][quantity]"
               class="form-control"
               placeholder="Quantity"
               value="{{ old('products.0.quantity') }}"
               required>
    </div>

</div>

<button class="btn btn-success">
    Complete Sale
</button>

</form>

@endsection