{{define "title"}}PO {{.PurchaseOrder.Title}} - CMC Sales{{end}}

{{define "content"}}
<nav class="breadcrumb" aria-label="breadcrumbs">
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/purchase-orders">Purchase Orders</a></li>
        <li class="is-active"><a href="#" aria-current="page">{{.PurchaseOrder.Title}}</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div class="level-item">
            <h1 class="title">Purchase Order {{.PurchaseOrder.Title}}</h1>
        </div>
    </div>
    <div class="level-right">
        <div class="level-item">
            <a href="/purchase-orders/{{.PurchaseOrder.ID}}/edit" class="button is-info">
                <span class="icon">
                    <i class="fas fa-edit"></i>
                </span>
                <span>Edit</span>
            </a>
        </div>
    </div>
</div>

<div class="columns">
    <div class="column is-8">
        <div class="box">
            <h2 class="subtitle">Order Information</h2>
            
            <table class="table is-fullwidth">
                <tbody>
                    <tr>
                        <th>PO Number:</th>
                        <td>{{.PurchaseOrder.Title}}</td>
                    </tr>
                    <tr>
                        <th>Issue Date:</th>
                        <td>{{formatDate .PurchaseOrder.IssueDate}}</td>
                    </tr>
                    <tr>
                        <th>Dispatch Date:</th>
                        <td>{{formatDate .PurchaseOrder.DispatchDate}}</td>
                    </tr>
                    <tr>
                        <th>Date Arrived:</th>
                        <td>
                            {{if .PurchaseOrder.DateArrived}}
                                {{formatDate .PurchaseOrder.DateArrived}}
                            {{else}}
                                <span class="has-text-grey">Not arrived</span>
                            {{end}}
                        </td>
                    </tr>
                    <tr>
                        <th>Principle Reference:</th>
                        <td>{{.PurchaseOrder.PrincipleReference}}</td>
                    </tr>
                    <tr>
                        <th>Currency:</th>
                        <td>{{if .PurchaseOrder.CurrencyID.Valid}}Currency {{.PurchaseOrder.CurrencyID.Int32}}{{else}}<span class="has-text-grey">Not specified</span>{{end}}</td>
                    </tr>
                    <tr>
                        <th>Dispatch By:</th>
                        <td>{{.PurchaseOrder.DispatchBy}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        
        <div class="box">
            <h2 class="subtitle">Ordered From</h2>
            <div class="content">
                <pre>{{.PurchaseOrder.OrderedFrom}}</pre>
            </div>
        </div>
        
        <div class="box">
            <h2 class="subtitle">Deliver To</h2>
            <div class="content">
                <pre>{{.PurchaseOrder.DeliverTo}}</pre>
            </div>
        </div>
        
        {{if .PurchaseOrder.Description}}
        <div class="box">
            <h2 class="subtitle">Description</h2>
            <div class="content">
                <p>{{.PurchaseOrder.Description}}</p>
            </div>
        </div>
        {{end}}
        
        {{if .PurchaseOrder.ShippingInstructions}}
        <div class="box">
            <h2 class="subtitle">Shipping Instructions</h2>
            <div class="content">
                <p>{{.PurchaseOrder.ShippingInstructions}}</p>
            </div>
        </div>
        {{end}}
    </div>
    
    <div class="column is-4">
        <div class="box">
            <h2 class="subtitle">Status</h2>
            <div class="content">
                {{if .PurchaseOrder.DateArrived}}
                    <span class="tag is-success is-large">Arrived</span>
                {{else if .PurchaseOrder.DispatchDate}}
                    <span class="tag is-warning is-large">Dispatched</span>
                {{else}}
                    <span class="tag is-info is-large">Pending</span>
                {{end}}
            </div>
        </div>
        
        <div class="box">
            <h2 class="subtitle">Quick Actions</h2>
            <div class="buttons is-fullwidth">
                <a href="/purchase-orders/{{.PurchaseOrder.ID}}/revise" class="button is-primary is-fullwidth">
                    <span class="icon">
                        <i class="fas fa-copy"></i>
                    </span>
                    <span>Create Revision</span>
                </a>
                <a href="/purchase-orders/{{.PurchaseOrder.ID}}/pdf" class="button is-info is-fullwidth">
                    <span class="icon">
                        <i class="fas fa-file-pdf"></i>
                    </span>
                    <span>Export PDF</span>
                </a>
            </div>
        </div>
        
        {{if .PurchaseOrder.JobsText}}
        <div class="box">
            <h2 class="subtitle">Related Jobs</h2>
            <div class="content">
                <p>{{.PurchaseOrder.JobsText}}</p>
            </div>
        </div>
        {{end}}
        
        {{if .PurchaseOrder.FreightForwarderText}}
        <div class="box">
            <h2 class="subtitle">Freight Forwarder</h2>
            <div class="content">
                <p>{{.PurchaseOrder.FreightForwarderText}}</p>
            </div>
        </div>
        {{end}}
    </div>
</div>
{{end}}