{{define "document-quote-view"}}
<div class="box">
    <div class="columns">
        <div class="column">
            <h1 class="title">
                Quote: {{.Document.CmcReference}}
                {{if gt .Document.Revision 0}}
                    <span class="tag is-warning">Rev {{.Document.Revision}}</span>
                {{end}}
            </h1>
            <p class="subtitle">
                Created {{.Document.Created.Format "2 January 2006"}}
            </p>
        </div>
        <div class="column is-narrow">
            <div class="buttons">
                <button class="button is-primary" onclick="generatePDF()">
                    <span class="icon">
                        <i class="fas fa-file-pdf"></i>
                    </span>
                    <span>Generate PDF</span>
                </button>
                <button class="button is-info" onclick="emailDocument()">
                    <span class="icon">
                        <i class="fas fa-envelope"></i>
                    </span>
                    <span>Email Quote</span>
                </button>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="columns">
            <div class="column is-half">
                <table class="table is-fullwidth">
                    <tbody>
                        <tr>
                            <th>Enquiry:</th>
                            <td>
                                {{if .EnquiryTitle}}
                                    <a href="/enquiries/view/{{.Document.CmcReference}}">{{.EnquiryTitle}}</a>
                                {{else}}
                                    {{.Document.CmcReference}}
                                {{end}}
                            </td>
                        </tr>
                        <tr>
                            <th>Created By:</th>
                            <td>
                                {{if and .Document.UserFirstName.Valid .Document.UserLastName.Valid}}
                                    {{.Document.UserFirstName.String}} {{.Document.UserLastName.String}}
                                {{else if .Document.UserUsername.Valid}}
                                    {{.Document.UserUsername.String}}
                                {{else}}
                                    User #{{.Document.UserID}}
                                {{end}}
                            </td>
                        </tr>
                        <tr>
                            <th>Status:</th>
                            <td><span class="tag is-info">Quote</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="column is-half">
                <div class="notification is-light">
                    <p class="has-text-weight-bold">Operations</p>
                    <div class="buttons mt-2">
                        <button class="button is-success is-small" onclick="createOrderAck()">
                            <span class="icon">
                                <i class="fas fa-check"></i>
                            </span>
                            <span>Create Order Acknowledgement</span>
                        </button>
                        <button class="button is-warning is-small" onclick="createInvoice()">
                            <span class="icon">
                                <i class="fas fa-file-invoice"></i>
                            </span>
                            <span>Create Invoice</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Quote Details -->
    <div class="box has-background-light">
        <h3 class="title is-5">Quote Details</h3>
        <div class="content">
            <p class="has-text-grey">Quote page content and details would be displayed here.</p>
            <button class="button is-small">
                <span class="icon">
                    <i class="fas fa-edit"></i>
                </span>
                <span>Edit Quote Details</span>
            </button>
        </div>
    </div>
</div>

<script>
function createOrderAck() {
    if (confirm('Create an Order Acknowledgement from this quote?')) {
        // TODO: Implement order acknowledgement creation
        alert('Order Acknowledgement creation coming soon');
    }
}

function createInvoice() {
    if (confirm('Create an Invoice from this quote?')) {
        // TODO: Implement invoice creation
        alert('Invoice creation coming soon');
    }
}
</script>
{{end}}