@extends('layouts/contentNavbarLayout')

@section('title', 'داشبورد')

@section('vendor-style')
    <link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}">
    <style>
        table tr th {
            min-width: 12rem !important;
        }
    </style>
@endsection

@section('vendor-script')
    <script src="{{asset('assets/vendor/libs/apex-charts/apexcharts.js')}}"></script>
@endsection

@section('page-script')
    <script src="{{asset('assets/js/dashboards-analytics.js')}}"></script>

@endsection

@section('content')
    <div class="row">
        <div class="col-lg-6 mb-4 order-0">
            <div class="card">
                <div class="d-flex align-items-end row">
                    <div class="col-sm-7">
                        <div class="card-body">
                            <h5 class="card-title text-primary">خوش
                                آمدید {{ \Illuminate\Support\Facades\Auth::user()->email }} 🎉</h5>
                            <p class="mb-4"><span class="fw-bold"></span> مدیریت سایت خود را به آسانی پیش ببرید. </p>

                            {{--            <a href="javascript:;" class="btn btn-sm btn-outline-primary disabled">View Badges</a>--}}
                        </div>
                    </div>
                    <div class="col-sm-5 text-center text-sm-left">
                        <div class="card-body pb-0 px-0 px-md-4">
                            <img src="{{asset('assets/img/illustrations/man-with-laptop-light.png')}}" height="140"
                                 alt="View Badge User" data-app-dark-img="illustrations/man-with-laptop-dark.png"
                                 data-app-light-img="illustrations/man-with-laptop-light.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection