<template>
    <v-dialog v-model="$store.state.SendSMS" 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 a Text Message " Color="orange darken-3"></WM-PartTitle>
            </v-card-title>

            <v-card-text>
                <v-layout row wrap class="WM-Padding-RL-20">
                    <v-flex md4>
                        <v-card-text>
                            <v-autocomplete prepend-icon="fas fa-align-right" :items="smsTemplates" color="orange" item-text="name" label=" قالب پیام کوتاه "></v-autocomplete>
                        </v-card-text>
                    </v-flex>
                    <v-flex md8>
                        <v-card-text style="padding-top:6px;">
                            <v-select v-model="clientNumberValues" :items="clientNumbers"  color="orange" attach chips label=" شماره های مورد نظر " multiple></v-select>
                        </v-card-text>
                    </v-flex>
                    <v-flex md12>
                        <v-card-text class="WM-JustSide">
                            <v-textarea name="input-7-1" label="لطفا پیام خود را بنویسید" value="" hint="هر پیام 53 کاراکتر " color="orange darken-3" prepend-icon="fas fa-envelope"></v-textarea>
                        </v-card-text>
                    </v-flex>

                </v-layout>
            </v-card-text>

            <v-divider></v-divider>

            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="orange darken-3" depressed dark @click="$store.state.SendSMS = false">
                    <v-icon dark right>fa fa-angle-left</v-icon> ارسال پیام
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>

</template>

<script>
export default {
    props: {
        Color:     { default: 'grey darken-4' },
    },
    data () {
        return {
            date: new Date().toISOString().substr(0, 10),
            date2: new Date().toISOString().substr(0, 10),
            eventDateBegin: false,
            eventDateEnd: false,
            eventRemindDate: false,
            smsTemplates: [
                { name: ' تبریک تولد ', id: 1 },
                { name: ' تبریک سال نو ', id: 2 },
                { name: ' تبریک عید فطر ', id: 3 },
            ],
            selfTime: '12:00',
            selfTimeMenu: false,
            clientNumbers: [' 09127004945 ', ' 09300705030 '],
            clientNumberValues: [' 09127004945 ', ' 09300705030 '],
        }
    }
};
</script>
