@push('css')
	<link rel="stylesheet" href="/css/admin/employees/modal-confirm-invite.css?v={{config('sns-line.version')}}">
@endpush
<div id="wrap-modal-confirm-accept-invite-become-staff">
	<div class="modal fade modal-invite-staff" id="modalConfirmAcceptInviteBecomeStaff"
		 tabindex="-1" role="dialog"
		 data-backdrop="static"
		 data-keyboard="false"
		 aria-labelledby="chatSettingStatus">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="opacity: 1;font-size: 27px">
						<i class="fas fa-times" style="color:#7D9195; background-color: unset; position: relative;"></i>
					</button>
				</div>
				<div class="modal-body">
					<div class="title-modal">アカウント権限の承認</div>
					<div class="text-center text-explain">下記アカウントでスタッフの権限を付与されました。</div>
					<div class="text-center text-explain">
						承認すると、各機能の操作が可能になります。
					</div>

					<div class="wrap-info-bot">
						<div class="item-bot"
							v-for="(bot, index) in bots"
						>
							<img :src="bot.bot_image ? bot.bot_image : '/images/8.png'">
							<div class="name-bot">
								@{{ bot.view_name }}
							</div>
						</div>
					</div>

					<div class="text-center text-explain">
						心当たりのない場合は、キャンセルをクリックしてください。
					</div>

					<div class="text-center" style="margin-top: 35px">
						<button class="btn btn-confirm-approve-invite"
							@click="acceptInviteStaff"
						>
							承認する
						</button>
						<div class="text-center">
							<span class="btn-cancel-approve"
								  @click="denyInviteStaff"
							>承認せずにキャンセルする</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@push('script')

@endpush