@extends('master')
@section('content')
<?php
/*EST Time Zone*/
date_default_timezone_set('EST');
$est_time        = date('h:i');
$est_time_format = date('a');
/*EST Time Zone*/
/*CST Time Zone*/
date_default_timezone_set('Canada/Saskatchewan');
$cst_time        = date('h:i');
$cst_time_format = date('a');
/*CST Time Zone*/
/*MST Time Zone*/
date_default_timezone_set('MST');
$mst_time        = date('h:i');
$mst_time_format = date('a');
/*MST Time Zone*/
/*PST Time Zone*/
date_default_timezone_set('America/Dawson_Creek');
$pst_time        = date('h:i');
$pst_time_format = date('a');
/*PST Time Zone*/
/*IST Time Zone*/
date_default_timezone_set('Asia/Kolkata');
$ist_time        = date('h:i');
$ist_time_format = date('a');
/*IST Time Zone*/
?>
<style>
   .aw-more-block {
   display:none;
   }
   .aw-logo img {
   display:none !important;
   }
   .aw-get-this-widget {
   display:none;
   }
   .aw-six-hours {
   display:none;
   }
   div.aw-widget-36hour-inner div.aw-top-content {
   border-width:0px !important;
   }
   div.aw-widget-36hour-inner div.aw-fc-status {
   display:none;
   }
   div.aw-widget-36hour-inner a.aw-current-weather div.aw-interest, div.aw-widget-36hour-inner div.aw-36-hours li div.aw-interest{
   height:30px !important;
   }
   ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #909;
   }
   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
   }
   ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
   }
   :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
   }
   ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
   }
   .ui-autocomplete{
   background-color:#fff;
   }
   .element.style{
   color:black;
   }
   .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}
</style>
<!-- Page Content -->
<!-- ============================================================== -->
<div id="page-wrapper">
<div class="container-fluid">
<!-- .row -->
<div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h4 class="page-title" style="background-color: #FFFFFF; height: 35px; border-radius: 3px; padding-top: 0.5%; padding-left: 0.5%;"> Dashboard </h4>
   </div>
   <!-- .col -->
   <div class="col-lg-3 col-sm-12 col-xs-12">
      <div class="panel panel-themecolor">
         <div class="panel-heading" style="background-color:#312783">
            <i class="fa fa-picture-o" aria-hidden="true"></i>
            Advertisements
         </div>
         <div class="panel-body" style="padding: 0;">
            <div id="carousel-example-captions" data-ride="carousel" class="carousel slide" style="height:287px;">
               <ol class="carousel-indicators">
                  <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel-example-captions" data-slide-to="1"></li>
                  <li data-target="#carousel-example-captions" data-slide-to="2"></li>
               </ol>
               <div role="listbox" class="carousel-inner">
                  <div class="item active">
                     <img src="/public/assets_new/plugins/images/big/img1.jpg" style="height:287px;" alt="First slide image">
                     <div class="carousel-caption">
                        <h3 class="text-white font-600">Model Showing off</h3>
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                     </div>
                  </div>
                  <div class="item">
                     <img src="/public/assets_new/plugins/images/big/img2.jpg" style="height:287px;" alt="Second slide image">
                     <div class="carousel-caption">
                        <h3 class="text-white font-600">Mountaing Climbing</h3>
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                     </div>
                  </div>
                  <div class="item">
                     <img src="/public/assets_new/plugins/images/big/img3.jpg" style="height:287px;" alt="Third slide image">
                     <div class="carousel-caption">
                        <h3 class="text-white font-600">Fire camp on hill</h3>
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                     </div>
                  </div>
               </div>
               <a href="#carousel-example-captions" role="button" data-slide="prev" class="left carousel-control"> <span aria-hidden="true" class="fa fa-angle-left"></span> <span class="sr-only">Previous</span> </a>
               <a href="#carousel-example-captions" role="button" data-slide="next" class="right carousel-control"> <span aria-hidden="true" class="fa fa-angle-right"></span> <span class="sr-only">Next</span> </a>
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
      <a href="https://www.accuweather.com/en/br/indianopolis/2725881/current-weather/2725881" class="aw-widget-legal">
         <!--
            By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at https://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at https://www.accuweather.com/en/privacy.
            -->
      </a>
      <div id="awtd1504522389802" class="aw-widget-36hour"  data-locationkey="2725881" data-unit="f" data-language="en-us" data-useip="false" data-uid="awtd1504522389802" data-editlocation="true" style="height: 350px; background-color: #7CBAFC; padding: 15px;"></div>
      <script type="text/javascript" src="https://oap.accuweather.com/launch.js"></script>
   </div>
   <style>
      .second-span{
      padding: 0px;
      color: #FFFFFF;
      }
   </style>
   <div class="col-md-6 col-sm-6 col-lg-3 col-xs-12" style="height: 350px;">
      <div class="panel panel-themecolor">
         <div class="panel-default">
            <div class="panel-heading text-center" style="background-color: #c1ce37; border-bottom: 0px; padding-bottom: 0px;">
               <div class="row" style="color: #FFFFFF;">INDIANPOLIS</div>
               <h3 class="text-white m-b-0" style="  font-size: 20px !important;"><b><?php echo $est_time;?> <?php echo strtoupper($est_time_format);?></b></h3>
               <canvas class="CoolClock:simple:60::-9.30" style=" height: 145px;margin-left: -15px; width: 145px;"></canvas>
            </div>
            <div class="panel-body" style="background-color: #b5c130;">
               <div class="col-lg-12 col-md-12 col-sm-12 text-center" style="height: 100%; font-size: 16px; margin-top: -3%;">
                  <div class="row">
                     <div class="col-md-6 second-span" style="color: #FFFFFF;"><?php echo ucwords('Chicago'); ?></div>
                     <div class="col-md-6 second-span"><strong style="color: #FFFFFF;"><?php echo $cst_time;?> <?php echo strtoupper($cst_time_format);?></strong></div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 second-span" style="color: #FFFFFF; margin-top: 2px;"><?php echo ucwords('Arizona'); ?></div>
                     <div class="col-md-6 second-span"><strong style="color: #FFFFFF; margin-top: 2px;"><?php echo $mst_time;?> <?php echo strtoupper($mst_time_format);?></strong></div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 second-span" style="color: #FFFFFF; margin-top: 2px;"><?php echo ucwords('Las Vegas'); ?></div>
                     <div class="col-md-6 second-span"><strong style="color: #FFFFFF; margin-top: 2px;"><?php echo $pst_time;?><?php echo strtoupper($pst_time_format);?></strong></div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 second-span" style="color: #FFFFFF; margin-top: 2px;"><?php echo ucwords('india'); ?></div>
                     <div class="col-md-6 second-span"><strong style="color: #FFFFFF; margin-top: 2px;"><?php echo $ist_time;?><?php echo strtoupper($ist_time_format);?></strong></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<script src="{{ url('public/analog/coolclock.js') }}"></script>
<script src="{{ url('public/analog/moreskins.js') }}"></script>
<div class="row">
   <!-- .col -->
   <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="panel">
         <div class="sk-chat-widgets">
            <div class="panel panel-themecolor" style="background-color:#00BCD6 !important;">
               <div class="panel-heading" style="background-color:#3BB0C0 !important;">
                  <i class="fa fa-bullhorn" aria-hidden="true">
                  </i>
                  News
               </div>
               <div class="panel-body" style="padding:10px;">
                  <div class="" style="height: 451px;">
                     <!-- Nav tabs -->
                     <ul class="nav customtab nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home1" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="true"><span class="visible-xs"><i class="ti-home"></i></span><span class="hidden-xs"> EPA News</span></a></li>
                        <li role="presentation" class=""><a href="#profile1" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-user"></i></span> <span class="hidden-xs">UST News</span></a></li>
                        <li role="presentation" class=""><a href="#messages1" aria-controls="messages" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-email"></i></span> <span class="hidden-xs">EPA Blog</span></a></li>
                     </ul>
                     <!-- Tab panes -->
                     <div class="tab-content" style="margin-top:0px;">
                        <div role="tabpanel" class="tab-pane fade active in" id="home1">
                           <div id="slimtest1">
                              <?php
                                 // URL location of your feed
                                 $feedUrl = "http://feeds.feedburner.com/region5?formate=xml?format=xml"; $feedContent = "";
                                 // Fetch feed from URL
                                 $curl = curl_init();
                                 curl_setopt($curl, CURLOPT_URL, $feedUrl);
                                 curl_setopt($curl, CURLOPT_TIMEOUT, 3);
                                 curl_setopt($curl, CURLOPT_FOLLOWLOCATION, true);
                                 curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
                                 curl_setopt($curl, CURLOPT_HEADER, false);
                                 
                                 // FeedBurner requires a proper USER-AGENT...
                                 curl_setopt($curl, CURL_HTTP_VERSION_1_1, true);
                                 curl_setopt($curl, CURLOPT_ENCODING, "gzip, deflate");
                                 curl_setopt($curl, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3");
                                 
                                 $feedContent = curl_exec($curl);
                                 curl_close($curl);
                                 
                                 // Did we get feed content?
                                 if($feedContent && !empty($feedContent)):
                                    $feedXml = @simplexml_load_string($feedContent);
                                    if($feedXml): ?>
                              <ul class="media-list">
                                 <?php foreach($feedXml->channel->item as $item):
                                    //print_r($item);
                                    
                                    ?>
                                 <li class="media" style="border-bottom:1px solid #fff;">
                                    <div class="media-body">
                                       <h5><a href="<?php echo $item->link; ?>" style="color:#000;" target="_blank"><?php echo $item->title; ?></a></h5>
                                       <p  style="color:#fff;font-size:12px;"><?php echo $item->description; ?></p>
                                       <h5><span style="color:#000;font-size:12px;"><?php echo $item->pubDate; ?></span> </h5>
                                    </div>
                                 </li>
                                 <?php endforeach; ?>
                              </ul>
                              <?php endif; ?>
                              <?php endif; ?>
                           </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="profile1">
                           <div id="slimtest12">
                              <?php
                                 // URL location of your feed
                                 $feedUrl = "http://feeds.feedburner.com/epa/OYnI?formate=xml?format=xml"; $feedContent = "";
                                 // Fetch feed from URL
                                 $curl = curl_init();
                                 curl_setopt($curl, CURLOPT_URL, $feedUrl);
                                 curl_setopt($curl, CURLOPT_TIMEOUT, 3);
                                 curl_setopt($curl, CURLOPT_FOLLOWLOCATION, true);
                                 curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
                                 curl_setopt($curl, CURLOPT_HEADER, false);
                                 
                                 // FeedBurner requires a proper USER-AGENT...
                                 curl_setopt($curl, CURL_HTTP_VERSION_1_1, true);
                                 curl_setopt($curl, CURLOPT_ENCODING, "gzip, deflate");
                                 curl_setopt($curl, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3");
                                 
                                 $feedContent = curl_exec($curl);
                                 curl_close($curl);
                                 
                                 // Did we get feed content?
                                 if($feedContent && !empty($feedContent)):
                                    $feedXml = @simplexml_load_string($feedContent);
                                    if($feedXml): ?>
                              <ul class="media-list">
                                 <?php foreach($feedXml->channel->item as $item):
                                    //print_r($item);
                                    
                                    ?>
                                 <li class="media" style="border-bottom:1px solid #fff;">
                                    <div class="media-body">
                                       <h5><a href="<?php echo $item->link; ?>" style="color:#000;" target="_blank"><?php echo $item->title; ?></a></h5>
                                       <p  style="color:#fff;font-size:12px;"><?php echo $item->description; ?></p>
                                       <h5><span style="color:#000;font-size:12px;"><?php echo $item->pubDate; ?></span> </h5>
                                    </div>
                                 </li>
                                 <?php endforeach; ?>
                              </ul>
                              <?php endif; ?>
                              <?php endif; ?>
                           </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="messages1">
                           <div id="slimtest13">
                              <?php
                                 // URL location of your feed
                                 $feedUrl = "http://feeds.feedburner.com/epablog?formate=xml?format=xml"; $feedContent = "";
                                 // Fetch feed from URL
                                 $curl = curl_init();
                                 curl_setopt($curl, CURLOPT_URL, $feedUrl);
                                 curl_setopt($curl, CURLOPT_TIMEOUT, 3);
                                 curl_setopt($curl, CURLOPT_FOLLOWLOCATION, true);
                                 curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
                                 curl_setopt($curl, CURLOPT_HEADER, false);
                                 
                                 // FeedBurner requires a proper USER-AGENT...
                                 curl_setopt($curl, CURL_HTTP_VERSION_1_1, true);
                                 curl_setopt($curl, CURLOPT_ENCODING, "gzip, deflate");
                                 curl_setopt($curl, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3");
                                 
                                 $feedContent = curl_exec($curl);
                                 curl_close($curl);
                                 
                                 // Did we get feed content?
                                 if($feedContent && !empty($feedContent)):
                                    $feedXml = @simplexml_load_string($feedContent);
                                    if($feedXml): ?>
                              <ul class="media-list">
                                 <?php foreach($feedXml->channel->item as $item):
                                    //print_r($item);
                                    
                                    ?>
                                 <li class="media" style="border-bottom:1px solid #fff;">
                                    <div class="media-body">
                                       <h5><a href="<?php echo $item->link; ?>" style="color:#000;" target="_blank"><?php echo $item->title; ?></a></h5>
                                       <p  style="color:#fff;font-size:12px;"><?php echo $item->description; ?></p>
                                       <h5><span style="color:#000;font-size:12px;"><?php echo $item->pubDate; ?></span> </h5>
                                    </div>
                                 </li>
                                 <?php endforeach; ?>
                              </ul>
                              <?php endif; ?>
                              <?php endif; ?>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- /.col -->
   <!-- .col -->
   <div class="col-lg-4 col-md-12 col-sm-12">
      <div class="panel panel-themecolor" >
         <div class="panel-heading" style="background-color:#F8BC00;">
            <i class="fa fa-comments" aria-hidden="true">
            </i> Group Chat
         </div>
         <div class="panel-wrapper collapse in scroll" id="scroll" aria-expanded="true" role="dialog">
            <div class="panel-body" id="scroll">
               <div class="chat-box " style="height: 310px;" id="chat_box_messages_div">
               </div>
            </div>
            <div class="panel-footer">
               <div class="row">
                  <div class="col-xs-8">
                     <textarea id="send" placeholder="Type your message here" class="chat-box-input"></textarea>
                  </div>
                  <div class="col-xs-4 text-right">
                     <button id="send_group_message" class="btn btn-success btn-circle btn-xs" id="" type="button"><i class="fa fa-paper-plane-o"></i></button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- /.col -->
   <!-- .col -->
   <div class="col-lg-4 col-md-6 col-sm-12">
      <div class="panel panel-themecolor">
         <div class="panel-heading" style="background-color:#FFFFFF !important;color:#00529C !important;">
            <i class="fa fa-bullhorn" aria-hidden="true">
            </i>
            Admin Notifications
         </div>
         <div class="panel-body">
            <div class="steamline" style="height: 400px;">
               @foreach($notifications as $key => $not)
               <div class="sl-item">
                  <div class="sl-left bg-success"> <i class="ti-user"></i></div>
                  <div class="sl-right">
                     <!--<div><a href="#">Tohnathan Doe</a> <span class="sl-date">5 minutes ago</span></div>-->
                     <div class="desc">{{ $not->notification }}</div>
                  </div>
               </div>
               @endforeach
            </div>
         </div>
      </div>
   </div>
   <!-- /.col -->
</div>
<div class="row">
   <div class="col-lg-8 col-md-8 col-sm-12">
      <div class="panel panel-primary" style="margin-bottom:20px;">
         <div class="panel-heading "  style="background-color:#E66720;padding:0px;font-weight: 200;">
            <div class="row">
               <div class="col-md-7" style="  padding:3px 35px; ">
                  <form class="form-inline" id="frmSearch" method="GET" action="" style="margin:2px 1px;">
                     <input type="text" class="search-header form-control  col-md-2"  id="txtSearch" placeholder="Search By City Or Town" style="height: 30px;background-color:#E66720;border-color:#fff;color:#FFFFFF;margin-right:5px;padding: 0 5px; c">
                     <button type="button" class="btn btn-default btn-sm col-md-1" title="Click for Current Location" id="btnSearchNear">
                     <i class="fa fa-map-marker fa-1a" aria-hidden="true"></i>
                     </button>
                     <input id="i" name="i" type="hidden">
                     <input id="t" name="t" type="hidden">
                  </form>
                  <div class="btn-group" style="margin:0px 1px;display: table-caption !important;" >
                     <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                     Fuel Type <span class="caret"></span>
                     </button>
                     <ul class="dropdown-menu" style="min-width:104px;">
                        <li><a href="javaScript:void(0);" id="reg" data="Regular">Regular</a></li>
                        <li><a href="javaScript:void(0);" id="mid" data="Mid-Grade">Mid-Grade</a></li>
                        <li><a href="javaScript:void(0);" id="pre" data="Preminum">Preminum</a></li>
                        <li><a href="javaScript:void(0);" id="diesel" data="Diesel">Diesel</a></li>
                     </ul>
                  </div>
               </div>
               <div class="col-md-5 pull-right" style="font-size:14px;">
                  <div class="col-md-5" style="padding:10px;"><span id="type-display" style="margin-left:10px;color:#fff;">Regular</span></div>
                  <div class="col-md-7" style="background-color:#F69F6F; color:white;"><span id="location" class="pull-right" ></span><span class="pull-right">gas prices around&nbsp; </span></div>
               </div>
            </div>
         </div>
         <div class="panel-body" style="padding:5px;">
            <div class="col-md-2" style="height: 325px;">
               <ul class='gaslist' ></ul>
            </div>
            <div class="col-md-10 mapCanvas">
               <div id="map_canvas" class="full-height" style="height: 327px;"></div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-lg-4 col-md-4 col-sm-12">
      <div id="container" style="height: 300px width: 100%;"></div>
   </div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <?php
      $id = Session::get('salesforce_Id');
      ?>
</div>
<script>
   $(function () {
       $('#container').highcharts({
           chart: {
               type: 'column'
           },
           title: {
               text: 'Sales Analytics'
           },
           xAxis: {
               categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
              'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
           },
           yAxis: {
               title: {
                   text: 'No. of Companies'
               }
           },
           series: [{
               name: 'Companies',
               data: [1, 0, 3, 2, 6, 7, 3, 9, 1, 5, 2, 4]
           }],
       });
   });
</script>
<script>
   var lat = <?php echo $latitude; ?>;
    var lng = <?php echo $langtude; ?>;
   // $(document).ready(function(){
   
   // $('#scroll').getNiceScroll(0).doScrollTop($('#chat_box_messages_div').height());
   // });
</script>
@endsection

