document.head.insertAdjacentHTML('beforeend','<style type="text/tailwindcss">'+stylFns['app/pages/Home/index.styl']+'</style>')

module.exports =
    name: 'Home'
    render: (new Function '_ctx', '_cache', renderFns['app/pages/Home/index.pug'])()
    data: ->
        heroSlides: []
        featuredEvents: []
    mounted: ->
        @loadData()
    methods:
        loadData: ->
            @heroSlides = _.getSliderEvents() || []
            @featuredEvents = _.getFeaturedEvents() || []
            
            if @heroSlides.length == 0 || @featuredEvents.length == 0
                setTimeout =>
                    @loadData()
                , 100

        openEventModal: (event) ->
            _.openModal('EventDetailModal', { event: event })

        handleSlideClick: (slide) ->
            if slide.category
                _.openModal('SuccessModal', {
                    title: slide.title
                    content: slide.description
                })
            else
                @$router.push('/events')

        handleSubscription: (formData) ->
            debug.log "Подписка оформлена: "+JSON.stringify(formData)
            _.openModal('SuccessModal', {
                title: 'Подписка оформлена!'
                content: 'Вы успешно подписались на рассылку анонсов мероприятий.'
            })

        formatDate: (dateString) ->
            try
                date = new Date(dateString)
                options = { day: 'numeric', month: 'short' }
                date.toLocaleDateString('ru-RU', options)
            catch
                dateString