@extends('layouts.default')

@section('title', 'Dashboard')
@section('content')
<style>

body:not(.layout-fixed) .main-sidebar {
    height: 100vh !important;
    min-height: 100%;
    position: absolute;
    top: 0;
}
</style>

<!-- <div class="container">    -->
<div class="content-wrapper" style="min-height: 755.773px;padding: 1%;">

    

    <div class="page-title d-flex align-items-center px-3 mb-1">
       <h5 class="mt-2 text-dark">Dashboard</h5>
       <div class="d-flex align-items-center ms-4"> <i class="bi bi-house-up me-1 icon_color"></i> {{Breadcrumbs::render('dashboard')}}</div>
    </div>
    <div class="row dashboard1 d-flex mt-4">

        <div class="col-md-8 card-header-title dashboard-select d-flex align-items-center">
            <i class="bi bi-file-bar-graph-fill me-2"></i>
            <select class="form-select select2 form-select-sm " name="dashboard" aria-label="Default select"  id="dashboard">
                <option value="">Please Select Dashboard</option>
                @foreach($dashboards as $dashboard)
                    @if($dashboard->id==$dashboard_id)
                        <option value="{{$dashboard->id}}" selected>{{$dashboard->dashboard_name}}</option>
                    @else
                        <option value="{{$dashboard->id}}">{{$dashboard->dashboard_name}}</option>    
                    @endif
                @endforeach
            </select>  
        </div>

        
    </div> 
    <div class="row mb-4">
                     
        @if(isset($dashboard_id))
            @include('layouts.graph-view')
        @else
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h6>No Report Available</h6>
                </div>
            </div>        
        </div>        
        @endif
                
    </div>
               
</div>
<script>
    jQuery(document).on('change', "#dashboard" , function() {
        var graph_id = this.value;
        window.location.href="/home/"+graph_id;
    });
</script>
@stop