@extends('layouts.app')

@section('content')
    <div class="container">
        <h1 class="mb-4">Generate Invoice</h1>
        <form method="post" action="{{ route('invoices.generate') }}">
            @csrf
            <div class="form-group">
                <label for="customer_name">Customer Name:</label>
                <input type="text" class="form-control" name="customer_name" id="customer_name">
            </div>

            <div class="form-group">
                <label for="ref_number">Reference Number:</label>
                <input type="text" class="form-control" name="ref_number" id="ref_number">
            </div>

            <div class="form-group">
                <label for="memo">Memo:</label>
                <textarea class="form-control" name="memo" id="memo"></textarea>
            </div>

            <h2>Invoice Lines:</h2>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Item Name</th>
                        <th>Rate</th>
                        <th>Quantity</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="text" class="form-control" name="item_name[]" /></td>
                        <td><input type="number" class="form-control" name="rate[]" step="0.01" /></td>
                        <td><input type="number" class="form-control" name="quantity[]" /></td>
                    </tr>
                    <tr>
                        <td><input type="text" class="form-control" name="item_name[]" /></td>
                        <td><input type="number" class="form-control" name="rate[]" step="0.01" /></td>
                        <td><input type="number" class="form-control" name="quantity[]" /></td>
                    </tr>
                </tbody>
            </table>

            <h2>Discount Line:</h2>
            <div class="form-group">
                <label for="discount_amount">Amount:</label>
                <input type="number" class="form-control" name="discount_amount" step="0.01" />
            </div>

            <h2>Shipping Line:</h2>
            <div class="form-group">
                <label for="shipping_amount">Amount:</label>
                <input type="number" class="form-control" name="shipping_amount" step="0.01" />
            </div>

            <input type="submit" class="btn btn-primary" value="Generate Invoice">
        </form>
    </div>
@endsection