@extends('layouts.admin')
@push('styles')
<link href="{{ asset('css/author.css') }}" rel="stylesheet">
<link href="{{ asset('css/message.css') }}" rel="stylesheet">
@endpush

@section('content')
<div class='container-fluid'>
    <div class='row list-bg py-3'>
        <div class='col-12'>
            <ul class="nav w-100 d-flex justify-content-around">
                <li>
                    <a class="nav-link active" data-toggle="pill" href="#link1">
                        <img src="{{ asset('img/AuthorDashboard/unclicked_news_icon.svg') }}" width="150" class='news'>
                        <span>發布消息</span>
                    </a>
                </li>
                <li>
                    <a class="nav-link" data-toggle="pill" href="#link2">
                        <img src="{{ asset('img/AuthorDashboard/unclicked_member_icon.svg') }}" width="150" class='member'>
                        <span>會員管理</span>
                    </a>
                </li>
                <li>
                    <a class="nav-link" data-toggle="pill" href="#link3">
                        <img src="{{ asset('img/AuthorDashboard/unclicked_factory_icon.svg') }}" width="150" class='factory'>
                        <span>廠商管理</span>
                    </a>
                </li>
                <li>
                    <a class="nav-link" data-toggle="pill" href="#link4">
                        <img src="{{ asset('img/AuthorDashboard/unclicked_analysis_icon.svg') }}" width="150" class='analysis'>
                        <span>統計分析</span>
                    </a>
                </li>
                <li>
                    <a class="nav-link" data-toggle="pill" href="#message-panel">
                        <div class='admin_message_icon'>
                            <img src="{{ asset('img/message/icon_mymsg.svg') }}" width="150" class='message'>
                        </div>
                        <span>意見回覆</span>
                    </a>
                </li>
                <li>
                    <a class="nav-link" data-toggle="pill" href="#link5">
                        <img src="{{ asset('img/AuthorDashboard/unclicked_qanda_icon.svg') }}" width="150" class='qanda'>
                        <span>常見問題</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="tab-content">
        @include('author.news')

        @include('author.member')
        
        @include('author.factory')

        @include('author.analysis')

        @include('author.message_root')

        @include('author.qanda_root')
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('js/author.js?v=202305031705') }}"></script>
<script src="{{ asset('js/messageSend.js') }}"></script>
<script src="{{ asset('js/messageDetail.js') }}"></script>
<script src="{{ asset('js/message.js') }}"></script>
@endsection