<template>
    <v-container fluid>
        <div class="Tile Shadowed Padd-0 WM-Margin-B-10" >
            <wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
        </div>

        <div class="Tile Shadowed">
            <WM-PartTitle class="WM-Margin-T-20" TitleFa=" کاربران مجموعه ی من " TitleEn=" My Users " color="cyan"></WM-PartTitle>
            <wm-user-filter></wm-user-filter>
            <wm-user-items></wm-user-items>
            <router-link :to="{name: 'AddUser'}">
                <v-btn large fab color="cyan" fixed bottom left dark style="left:5%"><v-icon dark>fas fa-plus</v-icon></v-btn>
            </router-link>

        </div>
        <!-- --------------------------------------------------------------------
                                    Modals :: BEGIN
        -------------------------------------------------------------------- -->
        <template>
            <div class="text-xs-center">
                <wm-user-details></wm-user-details>
                <wm-user-roles></wm-user-roles>
                <wm-add-role></wm-add-role>
                <wm-task-add></wm-task-add>
                <wm-task-timeline></wm-task-timeline>
                <wm-send-email></wm-send-email>
                <wm-send-sms></wm-send-sms>
            </div>
        </template>
        <!-- --------------------------------------------------------------------
                                    Modals :: END
        -------------------------------------------------------------------- -->


    </v-container>
</template>



<script>
import UserItems from '@User/components/Items';
import UserFilters from '@User/components/Filters';
import UserDetails from "@User/components/Details.vue";
import UserRoles from "@User/components/Role/List.vue";
import AddRole from "@User/components/Role/Add.vue";

import TaskAdd from "@Common/components/Task/Add.vue";
import TaskTimeline from "@Common/components/Task/Timeline/Modal-Layout.vue";
import TaskTimelineItem from "@Common/components/Task/Timeline/Item.vue";

import SendEmailModal from "@Common/components/Contact/Email/Send.vue";
import SendSMSModal from "@Common/components/Contact/SMS/Send.vue";

export default {
    components: {
        'wm-user-items'             :       UserItems,
        'wm-user-filter'            :       UserFilters,
        'wm-user-details'           :       UserDetails,
        'wm-user-roles'             :       UserRoles,
        'wm-add-role'               :       AddRole,
        'wm-task-add'               :       TaskAdd,
        'wm-task-timeline'          :       TaskTimeline,
        'wm-send-email'             :       SendEmailModal,
        'wm-send-sms'               :       SendSMSModal,
    },
    data: function () {
        return {
            breadcrumbItems: [
                // {
                //     text: '',
                //     disabled: false,
                //     href: '/CRM/Home',
                //     icon: 'home'
                // },
                {
                    text: ' کاربران من ',
                    disabled: true,
                    routeName: 'UserList'
                },
            ]
        }
    }
};
</script>

<style scoped lang="scss">
</style>
