@extends('layout.admin_v2.main')
@push('css')
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <link rel="stylesheet" href="{{asset('css/affiliate_info/v3/affiliate_info.css')}}?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/_assets/modules/supper_admin/css/user/detail.css?v={{config("sns-line.version")}}" type="text/css">
    <style>
        .redirect-back-span {
            cursor: pointer;
        }
        .redirect-back-span:hover {
            color: #888888;
        }
    </style>
@endpush
@section('content')
    <div class="detail" id="detail-bot" v-cloak>
        <nav class="breadcrumb breadcrumb01">
            <ul>
{{--                <li><span class="redirect-back-span" onclick="history.back()">検索結果</span></li>--}}
                <li><a :href="'/admin/account-management?keyword=' + keywordSearchAccount">検索結果</a></li>
                <li>LINE公式アカウント詳細</li>
            </ul>
        </nav>
        <div class="page-title">
            LINE公式アカウント詳細
        </div>
        <div class="content mt-4">
            <div class="tabs tab01">
                <div class="tab-btns">
                    <div class="group" style="position: relative" @click="setTab(1)">
                        <div class=""></div>
                        <button class="tab-btn active" data-tab="user">基本情報</button>
                    </div>
                    <div class="group" style="position: relative" @click="setTab(2)">
                        <div class=""></div>
                        <button class="tab-btn" data-tab="aff">スタッフ情報</button>
                    </div>
                    <div class="tab-underline"></div>
                </div>
                <div class="tab-contents mt-3">
                    <div class="tab-content user" data-tab="user" :class="{ 'active': tab == 1 }" v-if="tab == 1">
                        @include('supper_admin.components.bot.tab_info')
                    </div>
                    <div class="tab-content affiliate-info" data-tab="aff" :class="{ 'active': tab == 2 }" v-if="tab == 2" style="padding: 0">
                        @include('supper_admin.components.bot.staff')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        var bot = @json($bot);
        var botSlot = @json($botSlot);
        var domainCurrent = window.location.origin+'/';
        if(domainCurrent == "{{ env('DOMAIN_WEB_ADMIN') }}"){
            var urlLogin = "{{ env('URL_OUTSIDE_STEP') }}";
        }else{
            var urlLogin = "{{ env('DOMAIN_WEB_ADMIN') }}";
        }
        var admin_id = "{!! $adminId !!}";
    </script>
    <script src="/js/media/vue.min.js"></script>
    <script src="/js/moment.min.js"></script>
    <script src="/_assets/commons/js/datetime.js?v={{config("sns-line.version")}}"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
    <script src="/_assets/commons/js/lme.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/pagination.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/modules/supper_admin/js/bot/detail.js?v={{config("sns-line.version")}}"></script>
@endpush