@extends('layouts/default')

@section('styles')
    <link rel="stylesheet" href="{{ asset('/assets/plugins/footable-standalone/css/footable.standalone.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/assets/plugins/bootstrap-multiselect/css/bootstrap-multiselect.css') }}">
    <style type="text/css">
    .footable .pagination
    {
        float: left;
        margin-bottom: 0px;
    }

    .footable .label
    {
        float: right;
        margin-top:30px;
    }

    </style>
@stop

@section('content')

	<div class="toolbar row">
        <div class="col-sm-12 hidden-xs">
            <div class="page-header">
                <h1>Dashboard <small></small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('/') }}">{{ trans('general.dashboard') }}</a></li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Notifications -->
            @include('notifications')
        </div>
    </div>

	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-white">
				{{-- <div class="panel-heading">
					<h4 class="panel-title">Leads</h4>
				</div> --}}
				<div class="panel-body">
					<div class="form-inline">
						<div class="form-group">
							<input placeholder="Date range" type="text" class="form-control" id="date_range" name="date_range" value="{{ Request::input('date_range') }}" style="width:180px;">
						</div>

						<div class="form-group p-2">
							<button type="button" id="dashboard-search" class="btn btn-success">{{ trans('general.search-btn') }}</button>
							<button type="button" onclick="window.location='{{ route('dashboard') }}'" id="dashboard-search-reset" class="btn btn-danger">{{ trans('general.reset') }}</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
        
		<form>
			<input type="hidden" id="created_date_range" value="{{date('d/m/Y').' - '.date('d/m/Y')}}">
		</form>
		<div class="col-md-12">
			<div class="panel panel-white">
				<div class="panel-heading">
					<h4 class="panel-title">Summary</h4>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-4">
							<div class="dashboard-sms-item">
								<i class="fa fa-dot-circle-o" aria-hidden="true" ></i>
								<div class="dashboard-sms-item-text" >
									<span id="total_leads_count">{{number_format($leadsCount)}}</span>
									<input type="hidden" id="total_leads_input" value="{{$leadsCount}}" />
									<label>Leads: </label>
								</div>
							</div>
						</div>
						<div class="col-md-4" >
							<div class="dashboard-sms-item">
								<i class="fa fa-money" aria-hidden="true" ></i>
								<div class="dashboard-sms-item-text">
									<span id="total_ftds_count"></span>
									<label>FTD's:</label>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="dashboard-sms-item" >
								<i class="fa fa-star" aria-hidden="true" ></i>
								<div class="dashboard-sms-item-text">
									<span id="total_conversion"></span><span>%</span>
									<label>CR:</label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@stop

@section('scripts')
    @parent
	<script type="text/javascript">
	
	</script>

	{{ Html::script('assets/modules/dashboard/dashboard.js') }}
@stop