
@extends('admin/layouts/contentLayoutMaster')

@section('title','Welcome ')

@section('vendor-style')
<!-- vednor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/charts/apexcharts.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/tether-theme-arrows.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/tether.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/shepherd-theme-default.css')) }}">
@endsection
@section('mystyle')
<!-- Page css files -->
<link rel="stylesheet" href="{{ asset(mix('/admin/css/pages/dashboard-analytics.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('/admin/css/pages/card-analytics.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('/admin/css/plugins/tour/tour.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('/vendors/css/pickers/pickadate/pickadate.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('/vendors/css/forms/select/select2.css')) }}">
<?php
$type = "hidden";
?>
@endsection

@section('content')
{{-- Dashboard Analytics Start --}}
<section id="dashboard-analytics">
    <div class="row">
        <div class="col-lg-3 col-md-6 col-12">
            <div class="card">
                <div class="card-header d-flex flex-column align-items-start pb-0">
                    <div class="avatar bg-rgba-primary p-50 m-0">
                        <div class="avatar-content">
                            <i class="fa fa-building text-primary font-medium-5"></i>
                        </div>
                    </div>
                    <h2 class="text-bold-700 mt-1 mb-25">{{$packages}}</h2>
                    <p class="mb-0">No. of Packages</p>
                </div>
                <div class="card-content">
                    <div id="line-area-chart-1"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
            <div class="card">
                <div class="card-header d-flex flex-column align-items-start pb-0">
                    <div class="avatar bg-rgba-warning p-50 m-0">
                        <div class="avatar-content">
                            <i class="fa fa-user text-warning font-medium-5"></i>
                        </div>
                    </div>
                    <h2 class="text-bold-700 mt-1 mb-25">{{$customers}}</h2>
                    <p class="mb-0">No. of Customers</p>
                </div>
                <div class="card-content">
                    <div id="line-area-chart-2"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-12">
            <div class="card">
                <div class="card-header d-flex flex-column align-items-start pb-0">
                    <div class="avatar bg-rgba-warning p-50 m-0">
                        <div class="avatar-content">
                            <i class="fa fa-newspaper-o text-warning font-medium-5"></i>
                        </div>
                    </div>
                    <h2 class="text-bold-700 mt-1 mb-25">{{$posts}}</h2>
                    <p class="mb-0">No. of Post </p>
                </div>
                <div class="card-content">
                    <div id="line-area-chart-3"></div>
                </div>
            </div>
        </div>
   
    </div>
</section>
<!-- Dashboard Analytics end -->
@endsection
@include('vendor_script')
@section('myscript')
{{-- Page js files --}}
@endsection
