@extends('layouts.app')
@push('style')   

    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />     
    
    <link rel="stylesheet" type="text/css" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css"/>
   
  
@endpush

@section('content') 
<div class="container-fluid my-1  bg-light border shadow-lg rounded-3">
    <div class="row flex-nowrap p-2" id="2nd-row">
       @include('insights.components.leftpanel')
        <div class="col-md-10 flex-grow-1 " id="rightPanel">
          
            <div class="row px-2 pb-0   rounded-3 border shadow-lg">
                <div class="text-dark px-0">
                        <div id="info-message" class="mr-4 alert alert-danger 
                            @if (session('error')) 
                                    " >{{session('error')}}  
                            @else  
                                    d-none"> 
                            @endif  
                        </div>
                </div>
                
                <div id="InsightsDashboard" class="flex-row px-2 pb-2  justify-content-between">                                
                    <div class="row mb-auto">
                    @include('insights.facebook.insights-dashboard')    
                    </div>    
                </div>            
            </div>
        </div>
    </div>
</div>

@include('components.modal-delete-confirm')
@include('components.modalalert')


@push('scripts')      
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<script type="text/JavaScript" >

  
const modalConfirmDelete = new bootstrap.Modal('#modalConfirmDelete') 
const modalAlert = new bootstrap.Modal('#modalAlert') 

 
 

     $(document).ready(function() {});

  
    

</script>

 
    @endpush
@endsection