@extends('layout.admin.main')
@push('css')
    <link rel="stylesheet" href="/css/admin/add_bot/steps.css?v={{config('sns-line.version')}}">
@endpush
@section('content')
    <input type="hidden" name="botIdChange" id="botIdChange" value="{{ !empty($bot_id) ? $bot_id : '' }}">
    @include('admin.bots.bot_add_component.steps')
    @include('admin.bots.bot_add_component.stepStart')
    @include('admin.bots.bot_add_component.step0')
    @include('admin.bots.bot_add_component.step1')
    @include('admin.bots.bot_add_component.step2')
    @include('admin.bots.bot_add_component.step3')
    @include('admin.bots.bot_add_component.step4')
    @include('admin.bots.bot_add_component.step5')
    @include('admin.bots.bot_add_component.step5qr')
    @include('admin.bots.bot_add_component.step6')
    @include('admin.bots.bot_add_component.step7')
    <div id="step4Error" class="text-center" style="margin-top: 23px; display: none">
        <span class="step2-alert fwb f-15">Webhookをオンにして下さい。<br>既にオンの場合は、一度オフにしてから再度オンに変更して下さい。</span>
    </div>
    <!-- <div v-cloak id="footer-des" v-if="(Steps.currentStep >= 0 && Steps.currentStep <= 5) || Steps.currentStep === 7" class="text-center">接続全体の流れを見たい方は<a class="link">こちら</a></div> -->
    @include('admin.bots.bot_add_modal.modal0-1')
    @include('admin.bots.bot_add_modal.modal0-2')
    @include('admin.bots.bot_add_modal.modal1')
    @include('admin.bots.bot_add_modal.modal2')
    @include('admin.bots.bot_add_modal.modal3')
    @include('admin.bots.bot_add_modal.modal4')
    @include('admin.bots.bot_add_modal.modal5')
@endsection
@push('script')
    <script src="/js/media/vue.min.js"></script>
    <script src="/js/admin/add_bot/steps.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/stepStart.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step0.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step1.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step2.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step3.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step4.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step5.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step5qr.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step6.js?v={{config('sns-line.version')}}"></script>
    <script src="/js/admin/add_bot/step7.js?v={{config('sns-line.version')}}"></script>
    <script>
        const BOT_SLOT_ID = '{{$bot_slot_id}}';
        const TYPE = '{{$type}}'
        const typeChange = '{{$typeChange}}'
    </script>
@endpush