<template>
    <footer>
        <div class="footer_style">
            <div class="part_1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 text-center text-md-right">
                            <span>دسترسی سریع</span>
                            <ul>
                                <li v-for="quick in quicks"><a :href="quick.link">{{quick.title}}</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 text-center text-md-right">
                            <span>{{menu2.title}}</span>
                            <ul>
                                <li v-for="menu in menu2.subs"><a :href="menu.link">{{menu.title}}</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 text-center text-md-right">
                            <div class="subscribe">
                                <div class="d-flex flex-column">
                                    <span>عضویت در خبرنامه</span>
                                    <div class="position-relative margin-bottom-20">
                                        <input placeholder="ایمیل خود را وارد نمایید" type="text" v-model="newsletter">
                                        <i class="o-icon o-email-83" @click="submit"></i>
                                    </div>
                                    <div>
                                        <span>نماد ها</span>
                                        <div class="d-flex align-items-center flex-wrap">
<!--                                            <img width="100px" id = 'jxlzwlaoapfufukzrgvjsizp' style = 'cursor:pointer' onclick = 'window.open("https://logo.samandehi.ir/Verify.aspx?id=145639&p=rfthaodsdshwgvkaxlaopfvl", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")' alt = 'logo-samandehi' src = 'https://logo.samandehi.ir/logo.aspx?id=145639&p=nbpdshwlujynwlbqqftibsiy' />-->
                                            <!--<img width="100px" src="/uploads/img/enamad.png">-->
                                            <img width="100px" id='jxlzesgtrgvjsizpfukzfukzesgt' style='cursor:pointer' onclick='window.open("https://logo.samandehi.ir/Verify.aspx?id=1039660&p=rfthobpdxlaopfvlgvkagvkaobpd", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")' alt='logo-samandehi' src='https://logo.samandehi.ir/logo.aspx?id=1039660&p=nbpdlymaqftibsiywlbqwlbqlyma'/>
                                            <a target="_blank" href="https://trustseal.enamad.ir/?id=134605&amp;Code=HMeUouABK5240wioebqd"><img width="100px" src="https://Trustseal.eNamad.ir/logo.aspx?id=134605&amp;Code=HMeUouABK5240wioebqd" alt="" style="cursor:pointer" id="HMeUouABK5240wioebqd"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 text-center text-md-right">
                            <span>اطلاعات تماس</span>
                            <div class="contact_us">

                                <div class="d-flex">
                                    <div><i class="o-icon o-phone-2"></i></div>
                                    <div>
                                        <span>021۷۷۹۸۵۱۸۸</span>
                                        <span>۰۹۱۲۲۴۶۸۹۲۰</span>
                                    </div>
                                </div>
                                <div class="d-flex margin-top-25">
                                    <div><i class="o-icon o-pin-3"></i></div>
                                    <div>
                                        <p>
                                            تهران پیروزی خ مقداد ک رنجبران پ ۱۳,واحد۸</p>
                                    </div>
                                </div>
                                <div class="d-flex margin-top-25">
                                    <div><i class="o-icon o-email-83"></i></div>
                                    <div>
                                        <span>۱۷۶۶۷۵۴۳۹۶</span>
                                    </div>
                                </div>
                                <div class="d-flex margin-top-25">
                                    <div><i class="o-icon o-email-83"></i></div>
                                    <div>
                                        <span>info@fabrica.ir</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="part_2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 mb-4 mb-md-0">
                            <div class="d-flex align-items-center justify-content-between h-100">
                                <a v-for="social in socials" :href="social.link"><i class="g-icon" :class="social.image"></i></a>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="d-flex justify-content-end">
                                <div class="d-flex flex-column justify-content-center">
                                    <p>تمامی حقوق مادی و معنوی این وبسایت نزد فابریکا محفوظ می‌باشد.</p>
                                    <p>طراحی و پشتیبانی: آذرین وب</p>
                                </div>
                                <div class="margin-right-15">
                                    <img src="/uploads/img/azarin.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
                socials:[],
                quicks:[],
                menu2:{},
                newsletter:'',
            }

        },
        beforeMount(){
            axios.get('/menu/show').then(res=>{
                this.menu2= res.data.data.menu2[0]
                this.socials= res.data.data.social[0].subs
                this.quicks= res.data.data.quick[0].subs
            })
        },
        watch:{

        },
        mounted() {

        },
        methods:{

            submit:function () {
                axios.get('/news/create?email='+this.newsletter).then(res=>{
                    this.newsletter=''
                    $.toast({
                        text : 'ایمیل شما با موفقیت ثبت شد',
                        showHideTransition : 'slide',
                        bgColor : '#5fc8b0',
                        textColor : '#f6f6f6',
                        allowToastClose : false,
                        hideAfter : 5000,
                        stack : 5,
                        loader:false,
                        textAlign : 'right',
                        position : 'top-center'
                    })
                })
            }
        },
    }
</script>
