@push('pageJs')
<template id="previewEmailModal">
    <div class="modal" :id="modalid" style="z-index:9999;text-align: center;">
        <div class="modal-dialog" style="max-width: 100%;width: auto !important;display: inline-block;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ @trans('job.preview') }}</h4>
                    <button type="button" class="close" @click="closePreviewModal"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    @include('admin.modules.job.preview.preview_header')

                    @component('emails.common.table')

                    <slot name="main"></slot>
                    
                    @endcomponent

                    @include('admin.modules.job.preview.preview_footer')
                </div>
                <div class="modal-body">
                    <slot name="submitbutton"></slot>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
Vue.component('preview-email', {
    template: '#previewEmailModal',
    props: {
        modalid : '',
        submitmethod : ''
    },
    methods: {
        closePreviewModal() {
            $('#'+ this.modalid +'').modal('hide');
        },
    }
});
</script>
@endPush