@include('layoutmatrials.navbars.navs.guest')



<div class="wrapper wrapper-full-page" style="width:100%;padding-left:30px;">

    
<div class="" style="height:90%;">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        
        <div style="width:100px;height:50px;padding-top:0px;">
            <a href="https://www.nutricell.co.id" style="color:#eeeeee">.
      {!! Html::image(asset('img/logonutricell1.png'), null, ['class'=>'user-image','alt'=>'bank']) !!}
</a>    
        
        </div>
    </section>
    
    <!-- Main content -->
    <section class="content">
    
        <div class='content' style="height:500px;padding-top:40px">
            

                <div class="box-body" style="width:100%">
                    
                    
                    
                    
                    <div style="margin-left:auto;margin-right:auto;display:block;width:500px"> 
                
                    <div id='map'></div>
                
                
                    <div style="position: absolute;top: 290px;width:500px;">
                     <br/>
                    <h3>MAP LOCATION</h3>

<br/><br/>
                    </div>
                </div>

                </div><!-- /.box-body -->
        </div>  <!-- class content -->
       
    </section>    
</div> <!-- class content-wrapper -->
@include('layoutmatrials.footers.guest')

</div>

@section('scripts')

<script>
	mapboxgl.accessToken = 'pk.eyJ1IjoiYXJtYWxhIiwiYSI6ImNsOTN0N244NjA3d2Uzd2x0dW5nbmRzdjgifQ.czQ86ZxXCBaiNkBf9kUTEA';
	var map = new mapboxgl.Map({
		container: 'map', // nama container id untuk memuat map, di sini ada pada baris ke-16
		style: 'mapbox://styles/mapbox/streets-v11', // stylesheet location, menentukan tampilan map
		center: [110.4188121, -7.259209], // starting position [lng, lat]
		zoom: 8 // starting zoom
	});
	</script>

@endsection