{{ template "header" . }}

<h2 class="text-center" style="text-decoration: underline;">{{ if .Header.Title }}{{ .Header.Title }}{{ else }}INTERNAL SERVICE REQUISITION{{ end }}</h2>

<table style="border: none; margin-top: 15px; width: 100%;">
    <tr>
        <td style="width: 15%; border: none; font-weight: bold;">To</td>
        <td style="width: 35%; border: none;">: {{ .SR.To }}</td>
        <td style="width: 15%; border: none; font-weight: bold;">Ref</td>
        <td style="width: 35%; border: none;">: {{ .SR.Ref }}</td>
    </tr>
    <tr>
        <td style="border: none; font-weight: bold;">From</td>
        <td style="border: none;">: {{ .SR.From }}</td>
        <td style="border: none; font-weight: bold;">Date</td>
        <td style="border: none;">: {{ .DateStr }}</td>
    </tr>
    <tr>
        <td style="border: none; font-weight: bold;">Customer</td>
        <td colspan="3" style="border: none;">: {{ .SR.Customer }}</td>
    </tr>
    <tr>
        <td style="border: none; font-weight: bold;">Charge To</td>
        <td colspan="3" style="border: none;">: {{ .SR.ChargeTo }}</td>
    </tr>
</table>

<hr style="border: 0; border-top: 1px solid #ccc; margin-top: 5px; margin-bottom: 20px;">

<div style="margin-bottom: 20px;">
    <strong>Description / Problem:</strong>
    <p>{{ .SR.Description }}</p>
</div>

{{ if .SR.Equipments }}
<div>
    <table style="width: 100%;">
        <thead>
            <tr>
                <th style="width: 5%;">No</th>
                <th style="width: 25%;">Component</th>
                <th style="width: 20%;">Model</th>
                <th style="width: 20%;">P/N</th>
                <th style="width: 20%;">S/N</th>
                <th style="width: 10%;">Qty</th>
            </tr>
        </thead>
        <tbody>
            {{ range $idx, $eq := .SR.Equipments }}
            <tr>
                <td class="text-center">{{ add $idx 1 }}</td>
                <td>{{ $eq.Component }}</td>
                <td>{{ $eq.Model }}</td>
                <td>{{ $eq.PartNumber }}</td>
                <td>{{ $eq.SerialNumber }}</td>
                <td class="text-center">{{ $eq.Quantity }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}

{{ if .SR2 }}
<div style="margin-top: 20px;">
    <table style="width: 100%;">
        <thead>
            <tr>
                <th style="width: 5%;">No</th>
                <th style="width: 25%;">Component</th>
                <th style="width: 20%;">Model</th>
                <th style="width: 20%;">P/N</th>
                <th style="width: 20%;">S/N</th>
                <th style="width: 10%;">Qty</th>
            </tr>
        </thead>
        <tbody>
            {{ range $idx, $eq := .SR2.Equipments }}
            <tr>
                <td class="text-center">{{ add $idx 1 }}</td>
                <td>{{ $eq.Component }}</td>
                <td>{{ $eq.Model }}</td>
                <td>{{ $eq.PartNumber }}</td>
                <td>{{ $eq.SerialNumber }}</td>
                <td class="text-center">{{ $eq.Quantity }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}

{{ if .SR.Checklist }}
<div style="margin-top: 20px;">
    <h4>Checklist</h4>
    <table class="grid-2">
        <tr>
            <td class="col-half" style="border: none;">
                <ul>
                    <li>FCR: {{ if .SR.Checklist.Fcr }}Yes{{ else }}No{{ end }}</li>
                    <li>TSR: {{ if .SR.Checklist.Tsr }}Yes{{ else }}No{{ end }}</li>
                    <li>SJR: {{ if .SR.Checklist.Sjr }}Yes{{ else }}No{{ end }}</li>
                    <li>SMR: {{ if .SR.Checklist.Smr }}Yes{{ else }}No{{ end }}</li>
                </ul>
            </td>
            <td class="col-half" style="border: none;">
                <ul>
                    <li>PPR: {{ if .SR.Checklist.Ppr }}Yes{{ else }}No{{ end }}</li>
                    <li>SPR: {{ if .SR.Checklist.Spr }}Yes{{ else }}No{{ end }}</li>
                    <li>CBR: {{ if .SR.Checklist.Cbr }}Yes{{ else }}No{{ end }}</li>
                </ul>
            </td>
        </tr>
    </table>
</div>
{{ end }}

<div style="margin-top: 40px;">
    <table style="border: none; width: 100%;">
        <tr>
            <td style="border: none; width: 60%;"></td>
            <td style="border: none; width: 40%; text-align: center;">
                <p style="margin-bottom: 60px;">Requested / Authorized By,</p>
                <p style="text-decoration: underline; font-weight: bold; margin-bottom: 2px;">{{ .SR.SignedBy }}</p>
                <p style="margin: 0;">Authorized Personnel</p>
            </td>
        </tr>
    </table>
</div>

{{ template "footer" . }}