<template>
    <div>
        <v-layout row wrap class="Content">
            <v-flex xl3 class="text-lg-right" >
                <span style="margin-right:65px;"> نام مشتری </span>
            </v-flex>
            <v-flex xl3 class="text-lg-center">
                وظیفه ها
            </v-flex>
            <v-flex xl3 class="text-lg-center">
                  دسترسی ها
            </v-flex>
            <v-flex xl3 class="text-lg-right">
                ابزارها
            </v-flex>

        </v-layout>
        <v-data-iterator :items="Users" :rows-per-page-items="rowsPerPageItems" :pagination.sync="pagination" select-all row wrap rows-per-page-text="آیتم به ازای هر صفحه">
            <template v-slot:item="props">
                <wm-user-item :props="props"></wm-user-item>
            </template>
            <template v-slot:pageText="props">
                آیتم {{ props.pageStart }} - {{ props.pageStop }} از {{ props.itemsLength }}
            </template>
        </v-data-iterator>
    </div>
</template>

<script>
import UserItem from "@User/components/Item.vue";
export default {
    components: {
        'wm-user-item' : UserItem,
    },
    props: {
        // Tile:TileData,
        TileClass: { default: "xl12" },
        TileHeight: { default: "70px" },
        // --------------------------------------------
        TitleFa: { default: " فرید الدین ساروی" },
        TitleEn: { default: " Farid Saravi " },
        Level:   { default: 5 },
    },
    data: () => ({
        rowsPerPageItems: [4, 8, 12],
        pagination: {
            rowsPerPage: 4
        },
        Users: [
            {
                id:1,
                TitleFa: ' فرید الدین ساروی ',
                TitleEn: ' Farid Saravi ',
            },
            {
                id:2,
                TitleFa: ' علیرضا حسنی ',
                TitleEn: ' Alireza Hassani ',
            },
            {
                id:13,
                TitleFa: ' محمد سعید خاکبازان ',
                TitleEn: ' Mohammad Saeed Khakbazan ',
            },
        ]
    })
};
</script>

