@extends('layouts.app')

@section('head-end')

<link rel="stylesheet" href="{{ mix('css/final/dashboard/dashboard-page.css') }}?u={{ env('APP_ASSET_TIMESTAMP') }}">

@endsection

@section('content')
    <section>
        <div id="section-main">
            <div class="container-fluid">
                <h4 class="mt-3">
                    Dashboard
                </h4>
                <hr>
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a href="#domain" class="nav-link active" data-bs-toggle="tab">
                            <b>
                                All Domains
                            </b>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#watchlist" class="nav-link" data-bs-toggle="tab">
                            <b>
                                My Watchlist
                            </b>
                        </a>
                    </li>
                </ul>
                <div class="tab-content mt-3">
                    <div class="tab-pane fade show active" id="domain">
                        <Domains user_id={{Auth::user()->id}} popup="{{Auth::user()->showed_popup}}"></Domains>
                    </div>
                    <div class="tab-pane fade" id="watchlist">
                        <Watchlist user_id={{Auth::user()->id}}></Watchlist>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection