<template>
    <a :href="'/shopSingle?id='+shop.id" >
        <div class="back_post">
            <div class="slider_post" style="height:50%">
                <div class="states_back">
                    <div class="shadow"></div>
                    <img :src="shop.attachmentsImage.filter((img)=>{if(img.filename == 'cover') return true}).length?'/files?uid='+shop.attachmentsImage.filter((img)=>{if(img.filename == 'cover') return true})[0].uid+'&width=350&height=180':'/images/default-image.png'">
                </div>
            </div>
            <div class="details" style="height:50%">
                <img style="width: 120px;height: 120px;border-radius: 50%;margin: -50% auto 0;z-index: 2;" :src="shop.attachmentsImage.filter((img)=>{if(img.filename == 'logo') return true}).length?'/files?uid='+shop.attachmentsImage.filter((img)=>{if(img.filename == 'logo') return true})[0].uid+'&width=120&height=120':'/images/default-image.png'">
                <h3>{{shop.title}}</h3>
                <span>{{shop.address}}</span>
            </div>
        </div>
    </a>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        props:['shop'],
        watch:{

        },
        mounted() {

        },
        methods:{

        },
    }
</script>
