<template>
    <div class="user">
        <div class="container-fluid px-0">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card border-0 bg-transparent">
                        <div class="row">
                            <div class="col-sm-10">
                                <div class="card-body p-3 border-0 bg-white rounded-lg">
                                    <div class="d-flex flex-wrap justify-content-between align-items-center">
                                        <a class="page-title text-nowrap mb-3">
                                            <h5 class="text-koulen">{{ $t('Contract Borrow') }}</h5>
                                        </a>
                                    </div>
                                    <div id="show-print">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                               <div class="card border-0" style="overflow: auto; height: calc(100vh - 90px);">
                                   <div class="card-header bg-white border-0">
                                       <h5 class="text-koulen text-secondary">{{ $t('Contract Borrow') }}</h5>
                                   </div>
                                   <ul class="list-group list-group-flush m-3">
                                       <button type="button" @click="printP" class="btn btn-primary"><i class="fa fa-print"></i> {{ $t('Print') }}</button>
                                   </ul>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import ActiveStatus from '../../components/ActiveStatus.vue'

import CumstomPagination from '../../components/CustomPagination.vue'
import CustomDateFilter from '../../components/report/CustomDateFilter.vue'
import HeaderReport from '../../components/report/header.vue'
import FooterReport from '../../components/report/footer.vue'
import moment from 'moment';
export default {
    props:['id'],
    components: {
        ActiveStatus,
        
        CumstomPagination,
        CustomDateFilter,
        HeaderReport,
        FooterReport,
    },
    data() {
        return {
            moment:moment,
            format: 'YYYY-MM-DD',
            dataReports: {data:[]},
        }
    },

    created() {
        this.funGetData();
    },
    methods: {
        funGetData(page = 1) {
            
        },
        printP() {
           this.$htmlToPaper('show-print');
        },
    },
}
</script>
