%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/3vfm3/resources/views/
Upload File :
Create Path :
Current File : /home/ugotscom/3vfm3/resources/views/dashboard.blade.php

<!DOCTYPE html>

<html dir="ltr" lang="en-US">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Boniface|
   </title>

<meta name="description"
    content=" " />

<meta name="keywords"
    content="" />

    <meta name="csrf-token" content="{{ csrf_token() }}">

<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/kare.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<!-- Load Leaflet from CDN -->
<link rel="stylesheet"
    href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
    integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
    crossorigin="" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
    integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
    crossorigin=""></script>


<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.3.3/dist/esri-leaflet.js"
    integrity="sha512-cMQ5e58BDuu1pr9BQ/eGRn6HaR6Olh0ofcHFWe5XesdCITVuSBiBZZbhCijBe5ya238f/zMMRYIMIIg1jxv4sQ=="
    crossorigin=""></script>

<!-- Load Esri Leaflet Geocoder from CDN -->
<link rel="stylesheet"
    href="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.css"
    integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
    crossorigin="">
<script
    src="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.js"
    integrity="sha512-8twnXcrOGP3WfMvjB0jS5pNigFuIWj4ALwWEgxhZ+mxvjF5/FBPVd5uAxqT8dd2kUmTVK9+yQJ4CmTmSg/sXAQ=="
    crossorigin=""></script>




<!-- Document Title
    ============================================= -->

</head>
<style>
#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}
div.qc {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 90px;
    padding-top: 3px;
}
.qc img {
  width: 40px;
height: 39px;

    
}
.caption {
    display: block;
}

</style>

<body id="page-top">
<div class="wrapper" id="app">
   <!-- Page Wrapper -->
   <div id="wrapper">
    <!-- Sidebar -->
    <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

      <!-- Sidebar - Brand -->
      <a class="sidebar-brand d-flex align-items-center justify-content-center" href="home">
        <div class="sidebar-brand-icon rotate-n-15">
          <i class="fas fa-laugh-wink"></i>
        </div>
     
        <div class="sidebar-brand-text mx-3">VFM</div>
 
      </a>
     
      <!-- Divider -->
      <hr class="sidebar-divider my-0">
   <?php   $user = Auth::user(); ?>
      <!-- Nav Item - Dashboard -->   
     

      <li class="nav-item">
      <router-link to="/documents"  class="nav-link">Documents</router-link>
      </li> 
     
      <li class="nav-item">
      <router-link to="/clients"  class="nav-link">Client</router-link>
      </li> 

       <!-- Properties-->

 
      
      <!-- <li class="nav-item">
      <router-link to="/ticketlist"  class="nav-link">Service Tickets </router-link>
      </li> -->


    
    
      <!-- Divider -->
      <hr class="sidebar-divider d-none d-md-block">

      <!-- Sidebar Toggler (Sidebar) -->
      <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
      </div>

    </ul>
    <!-- End of Sidebar -->

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">
      <!-- Main Content -->
      <div id="content">

        <!-- Topbar -->
        <notificationbar :user="{{auth()->user()->load('notifications')}}"></notificationbar>
    
        <!-- End of Topbar -->

        <!-- Begin Page Content -->
        <div class="container-fluid">    
               <b-sidebar id="add-client" class="w-100" title="Add Client" right shadow backdrop backdrop-variant="dark">
        
         <addclients></addclients>
            </b-sidebar>
        <router-view>        
       
        <dashboard-component></dashboarddetail-component> 
   
    
        </router-view>
      
        </div>
        <!-- /.container-fluid -->

      </div>
      <!-- End of Main Content -->

      <!-- Footer -->
      <footer class="sticky-footer bg-white">
        <div class="container my-auto">
          <div class="copyright text-center my-auto">
            <span>Copyright &copy; Your Website 2020</span>
          </div>
        </div>
      </footer>
      <!-- End of Footer -->

    </div>
    <!-- End of Content Wrapper -->

  </div>
 </div>  
  <!-- End of Page Wrapper -->
    
            





    <!-- Modal -->
  
</div>
    </body>
    <!-- Modals End -->


    <!-- Go To Top
    
    ============================================= -->
    <a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
    <!-- External JavaScripts
    ============================================= -->
    <script src="{{asset('js/app.js')}}"></script>
 <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>    -->
    <script type="text/javascript" src="js/encoder.js"></script>   
  

   
    <script
        src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>
 

    <script type="text/javascript">
        //ajax multiple file upload request
        Encoder.EncodeType = "entity";
        var map, marker, lat, lng, infowindow;

        $(function() {

            $('.input-images').imageUploader();

        });

        $('body').click(function(evt) {
            if ((evt.target.id == "location"))
                return;
            $('.loc-dropdown').empty();
        });

                
        function setLatLng(selectedLocation) {

            $('.loc-dropdown').empty();
            $('#location').val(selectedLocation);
            $('#placeModal').modal('show');

            L.esri.Geocoding.geocode().text(selectedLocation).run(
                    function(err, results, response) {
                        if (err) {
                            console.log(err);
                            return;
                        }
                        lat = results.results[0].latlng.lat;
                        lng = results.results[0].latlng.lng
                        console.log(lat);
                        console.log(lng);

                        $('#lat').val(lat);
                        $('#lng').val(lng);

                        infowindow = new google.maps.InfoWindow({
                            content : selectedLocation
                        });

                        var options = {
                            types : [ '(cities)' ],
                            componentRestrictions : {
                                country : 'in'
                            }
                        };

                        // The location of ernakulam
                        var ernakulam = {
                            lat : 9.9812208,
                            lng : 76.2989596
                        };

                        // The map, centered at ernakulam
                        map = new google.maps.Map(document
                                .getElementById('map'), {
                            zoom : 13,
                            center : ernakulam,
                            mapTypeControl : false,
                            panControl : false,
                            zoomControl : false,
                            streetViewControl : false
                        });

                        marker = new google.maps.Marker({
                            draggable : true,
                            position : {
                                lat : lat,
                                lng : lng
                            },
                            map : map,
                            animation : google.maps.Animation.DROP

                        });
                        map.panTo(marker.getPosition());

                        map.addListener('click', function(e) {
                            console.log('map click');
                            placeMarkerAndPanTo(e.latLng, map);
                            //getAddress(e.latLng);  user defined func for geocoder
                        });

                        marker.addListener('dragend', function(e) {
                            console.log('dragend');
                            placeMarkerAndPanTo(e.latLng, map);
                            //getAddress(e.latLng);  user defined func for geocoder
                        });

                        infowindow.open(map, marker);

                    });

        }

        $('#location').on(
                'input',
                function() {
                    
                    if ($(this).val() === "") {
                        $('#lat').val("");
                        $('#lng').val("");
                    }
                    var term = $(this).val();
                    console.log(term);
                    //.nearby([10.0088142, 76.3156612], 3000)
                    L.esri.Geocoding.suggest().text(term).run(
                            function(error, response) {

                                if (error) {
                                    return;
                                }

                                console.log(response);
                                $(".loc-dropdown").html("");
                                $.each(response.suggestions, function(i, item) {

                                    $(".loc-dropdown").append(
                                            " <li class='list-group-item' onclick=\"setLatLng('"
                                                    + item.text + "')\">"
                                                    + item.text + "</li>");
                                });

                            });

                });

        function placeMarkerAndPanTo(latLng, map) {

            //infowindow.setContent(latLng + '');
            //infowindow.open(map, marker);
            marker.setPosition(latLng);
            map.panTo(latLng);
            console.log('marker : ' + latLng);
            lat = latLng.lat();
            lng = latLng.lng();
        }

        $("#placeModal").on(
                'hide.bs.modal',
                function() {
                    console.log("setting values for hidden inputs " + lat
                            + " : " + lng);
                    $("#lat").val(lat);
                    $('#lng').val(lng);

                });

        function showPopover(popoverContent, popoverElement) {
            $(popoverElement).popover('enable');
            $(popoverElement).attr("data-content", popoverContent);
            $(popoverElement).popover('show');

            $('html, body').animate({
                scrollTop : $(popoverElement).offset().top - 100
            }, 500);

            setTimeout(function() {

                $(popoverElement).popover('hide');
                $(popoverElement).popover('disable');

            }, 3000);

        }
       

    </script>




   

    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXoZsvdGTwwgESoTR2M2M8u8j0q9p7pWE">
        
    </script>

<!-- <script>
   Echo.channel('events')
        .listen('RealTimeMessage', (e) => console.log('RealTimeMessage: ' + e.message));

        Echo.private('App.User.1')
    .notification((notification) => {
        console.log(notification.offerText);
    });
</script> -->



</html>

Zerion Mini Shell 1.0