<template>
    <v-dialog v-model="$store.state.SendEmail" width="60%" 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=" Sending an Email " Color="pink darken-4"></WM-PartTitle>
            </v-card-title>

            <v-card-text>
                <v-layout row wrap class="WM-Padding-RL-20">
                    <v-flex md8>
                        <v-text-field label=" لطفا عنوان پیام را بنویسید " hint="حداکثر 50 کاراکتر " color="pink darken-4" width="60%" prepend-icon="fas fa-info"></v-text-field>
                    </v-flex>
                    <v-flex md12>
                        <v-textarea name="input-7-1" label="لطفا پیام خود را بنویسید" value="" hint="حداکثر 2500 کاراکتر " color="pink darken-4" prepend-icon="fas fa-envelope"></v-textarea>
                    </v-flex>
                </v-layout>

            </v-card-text>

            <v-divider></v-divider>

            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="pink darken-4" depressed dark @click="$store.state.SendEmail = false">
                    <v-icon dark right>fas fa-envelope</v-icon> ارسال ایمیل
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>

</template>

<script>

export default {
    props: {
        Color:     { default: 'grey darken-4' },
    },
};
</script>
