<template :key="$route.meta.name">
    <div class="main_component">
        <div class="row">
            <div class="col">
                <data-table :table-heading="tableHeading" table-title="Send File2 SMS List" :default-object="{}">
                    <template v-slot:filter>

                    </template>
                    <template v-slot:page_top>
                        <page-top topPageTitle="Send File2 SMS List" :default-add-button="false"  page-modal-title="File SMS Add/Edit" :default-object="{}">
                            <router-link to="/admin/file_sms_add/form" class="btn btn-primary">
                                <i class="fa fa-plus"></i> Send SMS
                            </router-link>
                        </page-top>
                    </template>
                    <template v-slot:data>
                        <tr v-for="(data, index) in dataList.data">
                            <td class="fw-medium">{{parseInt(dataList.from)+index}}</td>
                            <td>{{showData(data.sender_id,'title')}}</td>
                            <td>{{showData(data.numbers,'phone')}}</td>
                            <td>{{showData(data.message,'body')}}</td>
                            <td>{{showData(data,'rate')}}</td>
                            <td>{{showData(data.message,'ip_address')}}</td>
                            <td v-html="showStatus(data.api_status, 'Success', 'Pending')"></td>
                            <td>
                                <div class="hstack gap-3 fs-15">
                                    <a class="btn btn-outline-info"><i class="fa fa-rotate-right"></i> Resend</a>
<!--                                    <a><button class="btn btn-outline-danger"><i class="fa fa-trash"></i> Delete</button></a>-->
                                </div>
                            </td>
                        </tr>
                    </template>
                </data-table>
            </div>
        </div>
    </div>
</template>
<script>
    import DataTable from "../../../components/dataTable";
    import Pagination from "../../../plugins/pagination/pagination";
    import PageTop from "../../../components/pageTop";
    import formModal from "../../../components/formModal";
export default {
    name:"file_sms_list",
    components: {DataTable,Pagination,PageTop,formModal},
    data() {
            return {
                tableHeading: ['Sl','Sender ID','Number','Message','Per SMS','Login IP','Status','Action'],
                formModalId : 'formModal',
            }
    },
    methods: {

    },
    mounted(){
        this.getDataList();

    }
}
</script>
<style scoped>

</style>
