{{define "title"}}{{if .Customer.ID}}Edit{{else}}New{{end}} Customer - CMC Sales{{end}}

{{define "content"}}
<div class="columns is-centered">
    <div class="column is-8">
        <h1 class="title">{{if .Customer.ID}}Edit{{else}}New{{end}} Customer</h1>
        
        <form {{if .Customer.ID}}
                hx-put="/customers/{{.Customer.ID}}"
              {{else}}
                hx-post="/customers"
              {{end}}
              hx-target="#form-response">
            
            <div class="field">
                <label class="label">Company Name</label>
                <div class="control">
                    <input class="input" type="text" name="name" 
                           placeholder="Company Name" 
                           value="{{.Customer.Name}}" required>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Trading Name</label>
                <div class="control">
                    <input class="input" type="text" name="trading_name" 
                           placeholder="Trading Name" 
                           value="{{.Customer.TradingName}}">
                </div>
            </div>
            
            <div class="field">
                <label class="label">ABN</label>
                <div class="control">
                    <input class="input" type="text" name="abn" 
                           placeholder="ABN" 
                           value="{{.Customer.Abn}}">
                </div>
            </div>
            
            <div class="field">
                <label class="label">Payment Terms</label>
                <div class="control">
                    <div class="select is-fullwidth">
                        <select name="payment_terms">
                            <option value="Net 30" {{if eq .Customer.PaymentTerms "Net 30"}}selected{{end}}>Net 30</option>
                            <option value="Net 60" {{if eq .Customer.PaymentTerms "Net 60"}}selected{{end}}>Net 60</option>
                            <option value="Net 90" {{if eq .Customer.PaymentTerms "Net 90"}}selected{{end}}>Net 90</option>
                            <option value="COD" {{if eq .Customer.PaymentTerms "COD"}}selected{{end}}>COD</option>
                            <option value="Prepaid" {{if eq .Customer.PaymentTerms "Prepaid"}}selected{{end}}>Prepaid</option>
                        </select>
                    </div>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Website URL</label>
                <div class="control">
                    <input class="input" type="url" name="url" 
                           placeholder="https://example.com" 
                           value="{{.Customer.Url}}">
                </div>
            </div>
            
            <div class="field">
                <label class="label">Notes</label>
                <div class="control">
                    <textarea class="textarea" name="notes" 
                              placeholder="Customer notes...">{{.Customer.Notes}}</textarea>
                </div>
            </div>
            
            <div class="field">
                <label class="label">Discount Pricing Policies</label>
                <div class="control">
                    <textarea class="textarea" name="discount_pricing_policies" 
                              placeholder="Discount policies...">{{.Customer.DiscountPricingPolicies}}</textarea>
                </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="/customers" class="button is-light">Cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>
{{end}}