@extends('layouts.app')

@section('title', 'Create Draft Invoice - Quick OMS')

@section('content')
<div class="welcome">
    <h3>Create Draft Invoice</h3>
</div>

<div class="createDraftInvoice">

    <!-- TOP -->
    <div class="section">

        <div class="grid">

            <!-- ISSUE DATE -->
            <div>
                <label>Issue Date</label>
                <div class="input-wrap">
                    <input type="date" class="input" value="2026-04-30">
                    <div class="icon">
                        <svg viewBox="0 0 24 24">
                            <rect x="3" y="4" width="18" height="18" rx="2" />
                            <path d="M8 2v4M16 2v4M3 10h18" />
                        </svg>
                    </div>
                </div>
            </div>

            <!-- EXPIRY DATE -->
            <div>
                <label>Expiry Date</label>
                <div class="input-wrap">
                    <input type="date" class="input" value="2026-05-30">
                    <div class="icon">
                        <svg viewBox="0 0 24 24">
                            <rect x="3" y="4" width="18" height="18" rx="2" />
                            <path d="M8 2v4M16 2v4M3 10h18" />
                        </svg>
                    </div>
                </div>
            </div>

        </div>

        <!-- SHIPMENT -->
        <div class="mt">
            <label>Shipment</label>
            <input class="input" value="MV20260036">
        </div>

    </div>

    <!-- COMPANY -->
    <div class="company">

        <h3>Company Details</h3>

        <div class="grid">

            <div>
                <label>Company</label>
                <select class="input">
                    <option>101 Foodmarket</option>
                </select>
            </div>

            <div>
                <label>Invoice to</label>
                <select class="input">
                    <option>Garry</option>
                </select>
            </div>

        </div>

    </div>

    <!-- NOTE -->
    <div>
        <label>Note :</label>
        <textarea>Please Pay into our ANZ Bank Account 06-0185-0903256-00 After 30 days 18% interest will be applied.


you for your business.
        </textarea>
    </div>

    <!-- BOTTOM -->
    <div class="bottom">
        Bulk Cartons : ----------------------------- &nbsp;&nbsp;&nbsp;
        Loose Cartons : -----------------------------
    </div>

    <!-- BUTTON -->
    <button class="btn">+ Add Item & Browse Products</button>

</div>
@endsection