<template>
    <v-dialog v-model="$store.state.OrderDetails" width="90%" transition="slide-x-transition">
        <v-card class="RTL">
            <v-card-title class=" grey lighten-3" primary-title>
                <WM-PartTitle class="WM-Margin-T-20" TitleFa=" اطلاعات سفارش دهنده " TitleEn=" Orderer's Info " color="cyan"></WM-PartTitle>
            </v-card-title>

            <v-card-text>
                <v-layout class="container-fluid" row wrap text-md-right>
                    <WM-InfoBlock Title=" نام و نام خانوادگی " Value=" علیرضا حسنی " Icon="user"></WM-InfoBlock>
                    <WM-InfoBlock Title=" شماره ی همراه " Value=" 09127004945 " Icon="phone"></WM-InfoBlock>
                    <WM-InfoBlock Title=" آدرس آیمیل " Value=" Alireza-Hassani@outlook.com " Icon="envelope"></WM-InfoBlock>
                    <WM-InfoBlock Title=" تاریخ ثبت سفارش " Value=" سه شنبه، 27 آذر در 22:31 " Icon="calendar-alt"></WM-InfoBlock>
                    <WM-InfoBlock Title=" شهر " Value=" قم " Icon="map-marker-alt"></WM-InfoBlock>
                    <WM-InfoBlock Size="xs12 sm12 md8" Title=" آدرس ارسال " Value=" قم، 45 متری صدوقی، کوچه ی 47 پلاک 2، واحد 2 - ویلامال " Icon="map-marked-alt"></WM-InfoBlock>
                </v-layout>
            </v-card-text>

            <v-divider></v-divider>

            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="cyan" depressed dark @click="$store.state.OrderDetails = false">
                    <v-icon dark right>WMi-ok</v-icon> بسیار خب، ممنونم
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>
</template>

<script>
export default {};
</script>
