const template = `
<v-main class="ma-0 pa-0">
    <div v-if="$vuetify.breakpoint.xs" style="background: linear-gradient(to right, #ffffff, #e9ffe6);">
        <div class="donation-img-cont-xs">
            <div class="text-body-1">
                ご寄付のお願い<br>
            </div>
        </div>
    </div>
    <div v-if="!$vuetify.breakpoint.xs" style="background: linear-gradient(to right, #ffffff, #e9ffe6);">
        <div class="donation-img-cont">
            <div class="text-h4">
                ご寄付のお願い<br>
            </div>
        </div>
    </div>
    <v-row justify="center" class="mt-10">
        <v-col cols="12" md="9" align="left">
            <div class="white--text blue-grey font-weight-bold {{ $vuetify.breakpoint.xs ? 'text-body-1':'text-h6' }}">　７周年を迎えて</div>
        </v-col>
    </v-row>
    <v-row justify="center">
        <v-col cols="11" md="8" class="text-body-1">
            <v-row justify="center" class="mt-2">
                <v-col cols="12" class="mincho grey--text text--darken-2">
                    　ＪｒＳｒが初志を貫徹しながら7年間継続発展できましたのは、弊社理念に賛同して下さった皆様の支援の賜物であり、心から深謝申し上げます。<br>
                    今後もJrSrの強みである人とのつながりを活かし、社会に貢献する国際的な医療人の育成、日本の医療全体の向上に向けて、一層邁進して参ります。<br>
                    　当社団の事業は皆様のご厚情に支えられており、寄付金はハワイ医学教育プログラム（HMEP）などを通じて日本の医学生教育、研修医や若手医師らの海外研修支援、教育的セミナーやワークショップの開催に活用します。<br>
                    どうか格段のお力添えを賜りますよう謹んで御願い申上げます。<br>
                    <div align="right">
                        2021年10月吉日<br>
                        一般社団法人JrSr（ジュニアシニア）<br>
                        代表理事　平田 亮<br>
                        創立者・アドバイザー　町 淳二<br>
                    </div>
                </v-col>
                <v-col cols="12" :align="$vuetify.breakpoint.xs ? 'center':'left'" class="mincho grey--text text--darken-2">
                    <div class="mt-2 text-body-2 grey--text text--darken-2">
                        <v-btn color="teal" height="40px" width="150px" class="white--text text-body-2 text-center" @click="linkjump('https://congrant.com/credit/form?project_id=1085')">
                            一般寄付
                        </v-btn>
                        <br v-if="$vuetify.breakpoint.xs">
                        （カード決済/銀行振込）
                        <br>
                        <br>
                        ※外部の決済ページ(コングラント)へ移動します。
                    </div>
                </v-col>
                <v-col cols="12" class="mt-5 mb-0">
                    <div class="font-weight-bold teal--text text--darken-4">事務局に直接申込書を送っていただく方法でも承ります</div>
                    <v-divider color="teal"></v-divider>
                </v-col>
                <v-col cols="11" class="mt-0 grey--text text--darken-2">
                    下記の『寄付金趣意書兼申込用紙』をダウンロードし必要事項をご記入の上、事務局までFAXあるいはEmailにてお申し込みください。<br>
                    FAX：03-3538-3552<br>
                    Email：jrsrOffice@jrsr.or.jp<br>
                    <div align="right" class="my-0 text-body-2">
                        <v-btn color="teal" height="40px" width="300px" class="white--text text-body-2 text-center" @click="$emit('pdfview', './images/JrSr-寄付金趣意書_申込用紙2020.pdf')">
                            JrSr寄付金趣意書 申込用紙　→
                        </v-btn>
                        <br>
                        <br>
                        ※税制上の寄付金控除の対象にはなりません。
                    </div>
                </v-col>
            </v-row>
        </v-col>
    </v-row>
    <v-row justify="center" class="mt-10">
        <v-col cols="12" md="9" align="left">
            <div class="white--text blue-grey font-weight-bold {{ $vuetify.breakpoint.xs ? 'text-body-1':'text-h6' }}">　寄付者一覧</div>
            <div class="text-body-2 ml-10">（50音順 / 掲載許可のある分につき）</div>
        </v-col>
    </v-row>
    <v-row justify="center">
        <v-col cols="11" md="8" class="text-body-1 grey--text text--darken-2">
            <div class="font-weight-bold">法人</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://www.kyotokagaku.com/jp/')" style="cursor: pointer;">株式会社京都科学</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://www.glnectokyo.com/')" style="cursor: pointer;">株式会社GLNEC TOKYO</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://www.snbl.co.jp/')" style="cursor: pointer;">株式会社新日本科学</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('http://www.medicaline.co.jp/')" style="cursor: pointer;">株式会社メディカル・ライン</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://jp.medical.canon/')" style="cursor: pointer;">東芝メディカルシステムズ株式会社　→　キャノンメディカルシステム株式会社（社名変更）</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://www.nichizei.com/nbs/')" style="cursor: pointer;">株式会社日税ビジネスサービス及び日税グループ</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://happiness-coaching.net/')" style="cursor: pointer;">一般社団法人ハピネスコーチング</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('http://www.pain.ne.jp/machi/')" style="cursor: pointer;">医療法人社団順仁会 町クリニック</div>
            <div class="ml-5 mt-3 text-decoration-underline" @click="linkjump('https://www.yodosha.co.jp/')" style="cursor: pointer;">株式会社羊土社</div>
        </v-col>
        <v-col cols="11" md="8" class="text-body-1 grey--text text--darken-2">
            <div class="font-weight-bold">個人</div>
            <div class="ml-5 mt-3">中野　浩　　静岡医療センター院長</div>
            <div class="ml-5 mt-3">佐々木　盛二</div>
            <div class="ml-5 mt-3">高倉　幸子</div>
        </v-col>
    </v-row>
</v-main>
`; 

export default {
    methods: {
        linkjump(page) {
            window.open(page, '_blank');
        },
    },
    template
}