<!doctype html >
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"data-layout="vertical" data-topbar="light" data-sidebar="light"
    data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme="creative"
    data-theme-colors="default">
<head>
    <meta charset="utf-8" />
    <title>@yield('title') | Grenviro Monitoring</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Grenviro Monitoring" name="description" />
    <meta content="Grenviro" name="author" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico')}}">
    @include('layouts.head-css')
{{-- // @php
//     $isProduction = app()->environment('production');
//     $manifestPath = $isProduction ? '../public_html/build/manifest.json' : public_path('build/manifest.json');
//  @endphp
 
//   @if ($isProduction && file_exists($manifestPath))
//    @php
//     $manifest = json_decode(file_get_contents($manifestPath), true);
//    @endphp
//     <link rel="stylesheet" href="{{ config('app.url') }}/build/{{ $manifest['resources/css/app.css']['file'] }}">
//     <script type="module" src="{{ config('app.url') }}/build/{{ $manifest['resources/js/app.js']['file'] }}"></script>
//   @else
//     @viteReactRefresh
//     @vite(['resources/js/app.js', 'resources/css/app.css'])
//   @endif --}}
 @php
    $manifest = json_decode(file_get_contents(public_path('build/manifest.json')), true);
@endphp

<script type="module" src="{{ asset('build/' . $manifest['resources/js/app.js']['file']) }}"></script>
<link rel="stylesheet" href="{{ asset('build/' . $manifest['resources/scss/app.scss']['file']) }}">

    @livewireStyles

</head>

@section('body')
    @include('layouts.body')
@show
    <!-- Begin page -->
    <div id="layout-wrapper">
        @include('layouts.topbar')
        @include('layouts.sidebar')
        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">
                    @yield('content')
                </div>
                <!-- container-fluid -->
            </div>
            <!-- End Page-content -->
            @include('layouts.footer')
        </div>
        <!-- end main content-->
    </div>
    <!-- END layout-wrapper -->

    @include('layouts.customizer')

    <!-- JAVASCRIPT -->
    @include('layouts.vendor-scripts')
    
</body>

</html>
