<template>
    <ReportLayout scope="orderform">
    <div>
        <v-row>
            <v-col cols="4">
                <img class="smaller" src="/images/cmc-logo.png" />
            </v-col>
            <v-col cols="8">
                <h2 class="text-center text-bold text-underline">
                    Manufacture of Feed Containing Prescription Only Medicine
                </h2>
            </v-col>
        </v-row>
        <hr  />
        <v-row>
            <v-col cols="12" class="text-center text-underline text-bold">
                To Be Completed By Office
            </v-col>
        </v-row>
        <v-row>
            <v-col cols="8">
                Batch Number: <span>&nbsp;</span>
            </v-col>
            <v-col cols="4">
                Date of Order: <span class="text-bold">{{ formatDate(new Date(), "DD/MM/yyyy") }}</span>
            </v-col>
            <v-col cols="12">
                Customer Name: <span class="text-bold">{{ mf.customer.name }}</span><br/>
                Address: <span class="text-bold">{{ mf.customer.address.line_1 }}, {{ mf.customer.address.line_2 }}, {{ mf.customer.address.line_3 }}<br/>
                    {{ mf.customer.address.line_4 }}, {{ mf.customer.address.postcode }}</span><br/>
                Order Number:
                <p>Product + Code: <span class="text-bold">{{ mf.product.name }} + {{ mf.medication.name }}</span><br/>
                Tonnes Ordered: <span class="text-bold">{{ mf.tonnage }}</span><br/>
                Prescription Reference (OFF MFS):<br/>
                Medication Required: <span class="text-bold">{{ mf.medication.name }}</span><br/>
                Inclusion Rate / Tonne: <span class="text-bold">{{ mf.medication.inclusion_rate }}</span></p>
                <p>Date of Delivery / Collection: <span class="text-bold">{{ mf.date_required }}</span></p>
            </v-col>
        </v-row>
        <hr />
        <v-row>
            <v-col cols="12" class="text-center text-underline text-bold">
                To Be Completed By Mill
            </v-col>
        </v-row>
        <v-row>
            <v-col cols="12">
                <p>
                Total Drug Used:<br/>
                Number of Batches: <span class="gap-12"></span> x Batch Size: <br/>
                Medication Added to Standard Formulation By:<br/>
                </p>
            </v-col>
        </v-row>
        <hr />
        <v-row>
            <v-col cols="12" class="text-center text-underline text-bold">
                To Be Completed By Warehouse
            </v-col>
        </v-row>
        <v-row>
            <v-col cols="4">
                <p>Customer:</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
            </v-col>
            <v-col cols="4">
                <p>Tonnes:</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
            </v-col>
            <v-col cols="4">
                <p>Prescription Reference:</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
                <p class="b_line">&nbsp;</p>
            </v-col>
        </v-row>
        <v-row>
            <v-col cols="12" class="text-center text-underline">
                Instructions
            </v-col>
            <v-col cols="12">
                <ol>
                    <li>Product cannot be manufactured without this form being completed.</li>
                    <li>Office will start instruction for manufacture.</li>
                    <li>Partially completed form to be handed to production planing.</li>
                    <li>Mill must return completed form to the office following manufacture, 
                        or to warehouse for stock products.</li>
                    <li>Warehouse stock to be taken from this sheet, once completed then return 
                        to the office.</li>
                    <li>Completed sheet to be filed and retained.</li>
                </ol>
            </v-col>
        </v-row>
    </div>
    </ReportLayout>
</template>
<script>
import ReportLayout from '@/components/ReportLayout.vue'
import CommonMethods from '@/CommonMethods.vue'

export default {
    props: {
        mf: {}
    },
    components: {
        ReportLayout
    },
    mixins: [CommonMethods],
    methods: {
    }
}
</script>
<style scoped>
img.smaller {
    max-height:80px;
}
.v-col {
    padding-bottom:0;
}
</style>
