@extends('admin.layouts.master')

@section('title')
    @lang('messages.Dashboards')
@endsection

@section('styles')
    <style>
        .custom-width{
           width: 700px !important;
            height: 400px !important;
        }
    </style>


@endsection

@section('content')


    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">المبيعات الاسبوعية</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-lg-9">
{{--            <h1>{{ $chart2->options['chart_title'] }}</h1>--}}
            {!! $chart2->renderHtml() !!}
        </div> <!-- end col -->

    </div>
    <!-- end row -->
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">المبيعات الشهرية</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-lg-9">
{{--            <h1>{{ $chart1->options['chart_title'] }}</h1>--}}
            {!! $chart1->renderHtml() !!}
        </div> <!-- end col -->

    </div>
    <!-- end row -->


    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">المبيعات السنوية</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-lg-9">
{{--            <h1>{{ $chart3->options['chart_title'] }}</h1>--}}
            {!! $chart3->renderHtml() !!}
        </div> <!-- end col -->

    </div>
    <!-- end row -->




@endsection
@section('scripts')

    {!! $chart1->renderChartJsLibrary() !!}
    {!! $chart1->renderJs() !!}
    {!! $chart2->renderJs() !!}
    {!! $chart3->renderJs() !!}
@endsection