@extends('layouts.master')
@section('content')
@include('partials.containers-header')
<div class="row">
    <div class="col-sm-3">
        {!! $chartF->container() !!}
    </div>
    <div class="col-sm-3">
        {!! $chartC->container() !!}
    </div>
    <div class="col-sm-3">

    </div>
    <div class="col-sm-3">

    </div>
</div>
@include('partials.containers-footer')
@endsection

@section('javascript')
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>--}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.6/highcharts.js" charset="utf-8"></script>
    {{--<script src="https://cdn.jsdelivr.net/npm/fusioncharts@3.12.2/fusioncharts.js" charset="utf-8"></script>--}}
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts-en.min.js" charset="utf-8"></script>--}}
    {{--<script src="https://cdn.jsdelivr.net/npm/frappe-charts@1.1.0/dist/frappe-charts.min.iife.js"></script>--}}

    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>--}}
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.7/c3.min.js"></script>--}}

    {!! $chartF->script() !!}
    {!! $chartC->script() !!}
@endsection