@extends('la.layouts.app')

@section('htmlheader_title') Dashboard @endsection
@section('contentheader_title') Dashboard @endsection
@section('contentheader_description') Marketing Portal @endsection

@section('main-content')

<!-- Main content -->
        <section class="content">
          <!-- Small boxes (Stat box) -->
          <div class="row">
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-aqua">
                <div class="inner">
                  <h3>{{DashboardHelper::getIntiativesCount()}}</h3>
                  <p>Initiatives</p>
                </div>
                <div class="icon">
                  <i class="ion ion-person"></i>
                </div>
                <a href="{{ url(config('laraadmin.adminRoute') . '/initiatives') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3>{{DashboardHelper::getMeetingCount()}}</h3>
                  <p>Meetings</p>
                </div>
                <div class="icon">
                  <i class="ion ion-folder"></i>
                </div>
                <a href="{{ url(config('laraadmin.adminRoute') . '/meetings') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-red">
                <div class="inner">
                  <h3>{{DashboardHelper::getRecordKeepingCount()}}</h3>
                  <p>Record Keeping</p>
                </div>
                <div class="icon">
                  <i class="ion ion-upload"></i>
                </div>
                <a href="{{ url(config('laraadmin.adminRoute') . '/record_keepings') }}"  class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-black">
                <div class="inner">
                  <h3>{{DashboardHelper::getDbRelatedCount()}}</h3>
                  <p> Database Related</p>
                </div>
                <div class="icon">
                  <i class="ion ion-plus"></i>
                </div>
                <a href="{{ url(config('laraadmin.adminRoute') . '/database_relateds') }}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
          </div><!-- /.row -->
          <!-- Main row -->
          <div class="row">
            <!-- Left col -->
            <section class="col-lg-7 connectedSortable">
              <!-- Custom tabs (Charts with tabs)-->
             
              <!-- Chat box -->
              

              <!-- TO DO List -->
              <div class="box box-primary">
                <div class="box-header">
                  <i class="ion ion-search"></i>
                  <h3 class="box-title"> Search Files/ Form</h3>
                  <div class="box-tools pull-right">
                   
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                <form action="" method="POST" id="search_form">
                      
                        <div class="form-group">
                          <label for="search_by_name">Search Module / Form Name:</label>
                            <span class="row">
                              <span class="col-md-8 col-sm-4 col-xs-6 p0">
                              <select name="search_by_name" class="form-control" id ="search_by_name" placeholder="Search File Name" >
                              <option value="">Select Form</option>
                                <option value="initiatives">Initiatives</option>
                                <option value="meetings">Meetings</option>
                                <option value="record_keepings">Record Keepings</option>
                                <option value="database_relateds">Database Relateds</option>
                              </select>
                               

                              </span>
                                <span class="dropdown-wrapper" aria-hidden="true"></span></span></span>
                            </span>
                        </div>
                        <div class="form-group">
                          <label for="search_by_type">Search   File:</label>
                            <span class="row">
                              <span class="col-md-8 col-sm-4 col-xs-6 p0">

                               <input type="text" name="search_by_type" class="form-control"  id ="search_by_type" placeholder="Search File Type"  value="">

                              </span>
                                <span class="dropdown-wrapper" aria-hidden="true"></span></span></span>
                            </span>
                        </div>
                        <div class="form-group">                          

                          <input class="btn btn-success" type="button" id="search"  value="Search">

                          <a href = "{{ url(config('laraadmin.adminRoute') ) }}" class="btn btn-black ">Reset</a>
                        </div>
                      
                  </form>
					<ul class="todo-list">
					</ul>
                 </div><!-- /.box-body -->
					
              </div><!-- /.box -->
			
			
              <!-- quick email widget -->
              

            </section><!-- /.Left col -->
            <!-- right col (We are only adding the ID to make the widgets sortable)-->
            <section class="col-lg-5 connectedSortable">

              <!-- Map box -->
             
              <!-- /.box -->

              <!-- solid sales graph -->
              

              <!-- Calendar -->
              <div class="box box-solid bg-green-gradient">
                <div class="box-header">
                  <i class="fa fa-calendar"></i>
                  <h3 class="box-title">Meetings Calendar</h3>
                  <!-- tools box -->
                  <div class="pull-right box-tools">
                    <!-- button with a dropdown -->
                    <div class="btn-group">
                      <button class="btn btn-black btn-sm dropdown-toggle" data-toggle="dropdown">
					  <i class="fa fa-bars"></i></button>
                      <ul class="dropdown-menu pull-right" role="menu">
                        <li><a href="#">Add new event</a></li>
                        <li><a href="#">Clear events</a></li>
                        <li class="divider"></li>
                        <li><a href="#">View calendar</a></li>
                      </ul>
                    </div>
                    <button class="btn btn-black btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
                    <button class="btn btn-black btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
                  </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding">
                  <!--The calendar -->
                  <div id="calendar" style="width: 100%"></div>
                </div><!-- /.box-body -->
                <div class="box-footer text-black">
                  <div class="row">
                    <div class="col-sm-6">
                      <!-- Progress bars -->

                      <!--<div class="clearfix">
                        <span class="pull-left">Task #1</span>
                        <small class="pull-right">90%</small>
                      </div>
                      <div class="progress xs">
                        <div class="progress-bar progress-bar-green" style="width: 90%;"></div>
                      <div class="clearfix">
                        <span class="pull-left">Board Meeting</span>
                        <small class="pull-right">22-July-2019</small>

                      </div>
                

                      
                    </div><!-- /.col -->


                 
                  </div><!-- /.row -->
                </div>
              </div><!-- /.box -->

            </section><!-- right col -->
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
@endsection

@push('styles')
<!-- Morris chart -->
<link rel="stylesheet" href="{{ asset('la-assets/plugins/morris/morris.css') }}">
<!-- jvectormap -->
<link rel="stylesheet" href="{{ asset('la-assets/plugins/jvectormap/jquery-jvectormap-1.2.2.css') }}">
<!-- Date Picker -->
<link rel="stylesheet" href="{{ asset('la-assets/plugins/datepicker/datepicker3.css') }}">
<!-- Daterange picker -->
<link rel="stylesheet" href="{{ asset('la-assets/plugins/daterangepicker/daterangepicker-bs3.css') }}">
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="{{ asset('la-assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
@endpush


@push('scripts')
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<!-- Sparkline -->
<script src="{{ asset('la-assets/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
<!-- jvectormap -->
<script src="{{ asset('la-assets/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
<script src="{{ asset('la-assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
<!-- jQuery Knob Chart -->
<script src="{{ asset('la-assets/plugins/knob/jquery.knob.js') }}"></script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="{{ asset('la-assets/plugins/daterangepicker/daterangepicker.js') }}"></script>
<!-- datepicker -->
<script src="{{ asset('la-assets/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="{{ asset('la-assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>
<!-- FastClick -->
<script src="{{ asset('la-assets/plugins/fastclick/fastclick.js') }}"></script>
<!-- dashboard -->
<script src="{{ asset('la-assets/js/pages/dashboard.js') }}"></script>
@endpush
<style>
.non-highlighted-cal-dates {
  color:blue;
  background-color:white;
}
</style>
@push('scripts')
<script>
(function($) {
	
	//alert('Hello');
var today               = new Date();
var today_formatted     = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+('0'+today.getDate()).slice(-2);
var user_busy_days      =