<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 Products & Services " Color="red"></WM-PartTitle>
            <wm-item-filter></wm-item-filter>
            <v-layout row wrap>
                <wm-item-tile v-for="(item, index) in items" :key="index">
                </wm-item-tile>
            </v-layout>
            <router-link to="AddItem">
                <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>
    </v-container>
</template>



<script>
import Tile from '@Business/components/Items/Tile';
import Filters from '@Business/components/Items/Filters';
export default {
    components: {
        'wm-item-tile':Tile,
        'wm-item-filter':Filters,
    },
    data: function () {
        return {
            items: [
                { message: 'Foo' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
                { message: 'Bar' },
            ],
            breadcrumbItems: [
                {
                    text: '',
                    disabled: false,
                    href: 'Home',
                    icon: 'home'
                },
                {
                    text: 'محصولات و خدمات من',
                    disabled: true,
                    href: 'Items'
                },
            ]
        }
    }
};
</script>

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