<div class="container-fluid" ng-controller="DashboardController">
	<div class="row" style="margin-top: 25px;">
		<div class="col-md-8" style="padding: 0px;">
			<div class="col-md-6">
				<div class="info-tile tile-orange">
					<div class="tile-icon"><i class="ti ti-user"></i></div>
					<div class="tile-heading">
						<span ng-click="vm.goto('#/customers/filter/active')" style="cursor: pointer;">Customers</span>
						<a href="#/customers/new" class="btn btn-orange-alt btn-sm" title="New Customer" style="float: right;">+ Customer</a>
					</div>
					<div class="tile-body" ng-click="vm.goto('#/customers/filter/active')" style="cursor: pointer; clear: both;"><span>{{vm.total_customers}}</span></div>
					<div class="tile-footer"><span ng-click="vm.goto('#/customers/filter/active')" style="cursor: pointer;">Active Customers</span></div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="info-tile tile-success">
					<div class="tile-icon"><i class="ti ti-flag"></i></div>
					<div class="tile-heading">
						<span ng-click="vm.goto('#/customers/filter/lead')" style="cursor: pointer;">Leads</span>
						<a href="#/customers/new" class="btn btn-success-alt btn-sm" title="New Customer" style="float: right;">+ Customer</a>
					</div>
					<div class="tile-body" ng-click="vm.goto('#/customers/filter/lead')" style="cursor: pointer; clear: both;"><span>{{vm.total_leads}}</span></div>
					<div class="tile-footer"><span ng-click="vm.goto('#/customers/filter/active')" style="cursor: pointer;">Lead Customers</span></div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="info-tile tile-info">
					<div class="tile-icon"><i class="ti ti-ruler-pencil"></i></div>
					<div class="tile-heading">
						<span ng-click="vm.goto('#/work-orders/filter/recurring')" style="cursor: pointer;">Work Orders</span>
						<a href="#/work-orders/new" class="btn btn-info-alt btn-sm" title="New Work Order" style="float: right;">+ Work Order</a>
					</div>
					<div class="tile-body" ng-click="vm.goto('#/work-orders/filter/recurring')" style="cursor: pointer; clear: both;"><span>{{vm.total_work_orders}}</span></div>
					<div class="tile-footer"><span ng-click="vm.goto('#/work-orders/filter/recurring')" style="cursor: pointer;">Recurring Work Orders</span></div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="info-tile">
					<div class="tile-icon"><i class="ti ti-id-badge" style="color: #E8E8E8;"></i></div>
					<div class="tile-heading">
						<span ng-click="vm.goto('#/employees')" style="cursor: pointer;">Employees</span>
						<a href="#/employees/new" class="btn btn-inverse-alt btn-sm" title="New Employee" style="float: right;">+ Employee</a>
					</div>
					<div class="tile-body" ng-click="vm.goto('#/employees')" style="cursor: pointer; clear: both;"><span>{{vm.total_employees}}</span></div>
					<div class="tile-footer"><span ng-click="vm.goto('#/employees')" style="cursor: pointer;">All Employees</span></div>
				</div>
			</div>
		</div>
		<div class="col-md-4" style="padding: 0px;">
			<div class="col-md-12">
				<div class="panel panel-midnightblue" ng-controller="ToDosMainController as ToDosMainCtrl">
					<div class="panel-heading">
						<h2>To Dos</h2>
						<div class="panel-ctrls">
							<a class="button-icon" ng-click="ToDosMainCtrl._reload()" title="Reload"><i class="ti ti-reload"></i></a>
							<a class="button-icon" href="#/to-dos/new" title="New To Do"><i class="ti ti-plus"></i></a>
							<a class="button-icon" href="#/to-dos" title="See All To Dos"><i class="ti ti-more-alt"></i></a>
						</div>
					</div>
					<div class="panel-body">
						<ng-include src="'views/includes/to-dos-list.html'"></ng-include>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-midnightblue" style="z-index: 999;" ng-controller="WorkOrderVisitsMainController as workOrderVisitsMainCtrl" ng-init="workOrderVisitsMainCtrl._getWorkOrderVisits({work_order_visit_id: '', date_from: WOV_DATE_FROM, date_to: WOV_DATE_TO}); workOrderVisitsMainCtrl._mode = 'list'">
				<div class="panel-heading">
					<h2>Work Order Visits</h2>
					<div class="panel-ctrls">
						<a class="button-icon" ng-click="workOrderVisitsMainCtrl._reload()" title="Reload"><i class="ti ti-reload"></i></a>
						<a class="button-icon" ng-click="workOrderVisitsMainCtrl._downloadCSV(filteredWorkOrderVisits)" title="Download CSV"><i class="ti ti-save"></i></a>
						<a href="#/work-order-visits-reports" class="button-icon" title="View Reports"><i class="ti ti-bar-chart"></i></a>
					</div>
				</div>
				<div class="panel-body">
					<ng-include src="'views/includes/work-order-visits-list.html'"></ng-include>
				</div>
			</div>
		</div>
	</div>
	<div class="row" ng-controller="WorkOrdersRecurringReportWidgetController as WORRWC">
		<div class="col-sm-12">
			<div class="panel panel-midnightblue" data-widget='{"draggable": "false"}'>
				<div class="panel-heading">
					<h2>Work Orders (Recurring)</h2>
					<div class="panel-ctrls" data-actions-container="" data-action-collapse='{"target": ".panel-body"}'></div>
				</div>
				<div class="panel-body">
					<ng-include src="'views/includes/work-orders-recurring-report-widget.html'"></ng-include>
					<p class="text-center" ng-if="WORRWC.loading">Loading...</p>
				</div>
			</div>
		</div>
	</div>
	<div class="row" ng-controller="WorkOrderVisitEmployeeReportWidgetController as WOVERWC">
		<div class="col-sm-12">
			<div class="panel panel-midnightblue" data-widget='{"draggable": "false"}'>
				<div class="panel-heading">
					<h2>Work Order Visits (Employee)</h2>
					<div class="panel-ctrls" data-actions-container="" data-action-collapse='{"target": ".panel-body"}'></div>
				</div>
				<div class="panel-body">
					<ng-include src="'views/includes/work-order-visits-employee-report-widget.html'"></ng-include>
					<p class="text-center" ng-if="WOVERWC.loading">Loading...</p>
				</div>
			</div>
		</div>
	</div>
</div> <!-- container-fluid -->
