@extends('layouts.master')
 
@section('title', 'داشبورد')

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

@section('body-class', '')

@section('header_tags')
    <!-- Datepicker -->
    <link rel="stylesheet" href="/vendors/datepicker/daterangepicker.css">
    
@stop

@section('footer_tags')
    <!-- Chartjs -->
	<script src="/vendors/charts/chartjs/chart.min.js"></script>

	<!-- Circle progress -->
	<script src="/vendors/circle-progress/circle-progress.min.js"></script>

	<!-- Datepicker -->
	<script src="/vendors/datepicker/daterangepicker.js"></script>

	<!-- Dashboard scripts -->
	<script src="/assets/js/examples/dashboard.js"></script>
	<div class="colors">
		<!-- To use theme colors with Javascript -->
		<div class="bg-primary"></div>
		<div class="bg-primary-bright"></div>
		<div class="bg-secondary"></div>
		<div class="bg-secondary-bright"></div>
		<div class="bg-info"></div>
		<div class="bg-info-bright"></div>
		<div class="bg-success"></div>
		<div class="bg-success-bright"></div>
		<div class="bg-danger"></div>
		<div class="bg-danger-bright"></div>
		<div class="bg-warning"></div>
		<div class="bg-warning-bright"></div>
	</div>

	<!-- Peity -->
	<script src="/vendors/charts/peity/jquery.peity.min.js"></script>
	<script src="/assets/js/examples/charts/peity.js"></script>

@stop
 
@section('content')
    <livewire:dashboard />
@stop