<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="{{ get_asset('dist/css/c3.min.css') }}" />
    <link rel="stylesheet" href="{{ get_asset('dist/css/all.min.css')}}">
    <link rel="stylesheet" href="{{ get_asset('dist/css/adminlte.min.css')}}">
    <link rel="stylesheet" href="{{ get_asset('dist/css/style.css')}}" />
    <style>
        .content-wrapper>* {
            font-family: 'poppins', 'arial';
        }

        .c3-tooltip-container {
            background-color: #ffffff;
            border-radius: 0.25em;
            min-width: 180px !important;
            width: auto !important;
            max-width: 300px;
            min-width: 10%;
            padding: 20px;
            box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
            pointer-events: auto !important;
        }

        .c3-text {
            transform: translateX(-25px) !important;
            fill: #000 !important;
        }

        .c3 .c3-grid line {
            stroke-opacity: 0.3;
            stroke-width: 1px;
        }

        .c3-xgrid,
        .c3-ygrid {
            stroke-dasharray: 0 0;
        }
    </style>

</head>

<body>
    <div class="container-fluid">

        <div class="clearfix"></div>
        @if(!is_null($chart))

        <h1>{{ $chart->name }} chart</h1>
        @if(!is_null($chart))

        <div id="{{ Str::of($chart->name)->kebab() }}"></div>


        @endif

        @endif


    </div>

    <script src="{{ get_asset('dist/js/moment.min.js')}}"></script>
    <script src="{{ get_asset('dist/js/d3.v5.min.js')}}"></script>
    <script src="{{ get_asset('dist/js/c3.min.js')}}"></script>
    <script src="{{ get_asset('dist/js/charts.js')}}"></script>
    @php

    $chartName = Str::of($chart->name)->kebab();
    @endphp
    <script>
        @if(!is_null($chart))
                                        {!! $chart->script !!}
                                    @endif
    </script>

</body>
</htm>
