{{define "title"}}{{if .PurchaseOrder.ID}}Edit{{else}}New{{end}} Purchase Order - CMC Sales{{end}}

{{define "content"}}
<div class="columns is-centered">
    <div class="column is-10">
        <h1 class="title">{{if .PurchaseOrder.ID}}Edit{{else}}New{{end}} Purchase Order</h1>
        
        <form {{if .PurchaseOrder.ID}}
                hx-put="/purchase-orders/{{.PurchaseOrder.ID}}"
              {{else}}
                hx-post="/purchase-orders"
              {{end}}
              hx-target="#form-response">
            
            <div class="columns">
                <div class="column">
                    <div class="field">
                        <label class="label">PO Number</label>
                        <div class="control">
                            <input class="input" type="text" name="title" 
                                   placeholder="CMC PO Number" 
                                   value="{{.PurchaseOrder.Title}}" required>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Issue Date</label>
                        <div class="control">
                            <input class="input" type="date" name="issue_date" 
                                   value="{{.PurchaseOrder.IssueDate}}" required>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Dispatch Date</label>
                        <div class="control">
                            <input class="input" type="date" name="dispatch_date" 
                                   value="{{.PurchaseOrder.DispatchDate}}">
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Date Arrived</label>
                        <div class="control">
                            <input class="input" type="date" name="date_arrived" 
                                   value="{{.PurchaseOrder.DateArrived}}">
                        </div>
                    </div>
                </div>
                
                <div class="column">
                    <div class="field">
                        <label class="label">Principle Reference</label>
                        <div class="control">
                            <input class="input" type="text" name="principle_reference" 
                                   placeholder="Principle Reference" 
                                   value="{{.PurchaseOrder.PrincipleReference}}" required>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Principle</label>
                        <div class="control">
                            <div class="select is-fullwidth">
                                <select name="principle_id">
                                    <option value="1" {{if eq .PurchaseOrder.PrincipleID 1}}selected{{end}}>Principle 1</option>
                                    <option value="2" {{if eq .PurchaseOrder.PrincipleID 2}}selected{{end}}>Principle 2</option>
                                    <option value="3" {{if eq .PurchaseOrder.PrincipleID 3}}selected{{end}}>Principle 3</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Currency</label>
                        <div class="control">
                            <div class="select is-fullwidth">
                                <select name="currency_id">
                                    <option value="">Select Currency</option>
                                    <option value="1" {{if .PurchaseOrder.CurrencyID.Valid}}{{if eq .PurchaseOrder.CurrencyID.Int32 1}}selected{{end}}{{end}}>AUD</option>
                                    <option value="2" {{if .PurchaseOrder.CurrencyID.Valid}}{{if eq .PurchaseOrder.CurrencyID.Int32 2}}selected{{end}}{{end}}>USD</option>
                                    <option value="3" {{if .PurchaseOrder.CurrencyID.Valid}}{{if eq .PurchaseOrder.CurrencyID.Int32 3}}selected{{end}}{{end}}>EUR</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Dispatch By</label>
                        <div class="control">
                            <input class="input" type="text" name="dispatch_by" 
                                   placeholder="Dispatch method" 
                                   value="{{.PurchaseOrder.DispatchBy}}">
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Ordered From</label>
                <div class="control">
                    <textarea class="textarea" name="ordered_from" 
                              placeholder="Supplier address and contact details..." 
                              rows="4" required>{{.PurchaseOrder.OrderedFrom}}</textarea>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Deliver To</label>
                <div class="control">
                    <textarea class="textarea" name="deliver_to" 
                              placeholder="Delivery address..." 
                              rows="4" required>{{.PurchaseOrder.DeliverTo}}</textarea>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Description</label>
                <div class="control">
                    <textarea class="textarea" name="description" 
                              placeholder="Order description..." 
                              rows="3">{{.PurchaseOrder.Description}}</textarea>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Shipping Instructions</label>
                <div class="control">
                    <textarea class="textarea" name="shipping_instructions" 
                              placeholder="Special shipping instructions..." 
                              rows="3">{{.PurchaseOrder.ShippingInstructions}}</textarea>
                </div>
            </div>
            
            <div class="columns">
                <div class="column">
                    <div class="field">
                        <label class="label">Related Jobs</label>
                        <div class="control">
                            <input class="input" type="text" name="jobs_text" 
                                   placeholder="Job references" 
                                   value="{{.PurchaseOrder.JobsText}}">
                        </div>
                    </div>
                </div>
                
                <div class="column">
                    <div class="field">
                        <label class="label">Freight Forwarder</label>
                        <div class="control">
                            <input class="input" type="text" name="freight_forwarder_text" 
                                   placeholder="Freight forwarder details" 
                                   value="{{.PurchaseOrder.FreightForwarderText}}">
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="form-response"></div>
            
            <div class="field is-grouped">
                <div class="control">
                    <button class="button is-primary" type="submit">
                        <span class="icon">
                            <i class="fas fa-save"></i>
                        </span>
                        <span>Save</span>
                    </button>
                </div>
                <div class="control">
                    <a href="/purchase-orders" class="button is-light">Cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>
{{end}}