@if(!empty($product))
    <div class="cui-example">
        <div class="row">
            <div class="col-md">
            @if (empty($data['allMenus']))
                <script>
                    $(document).ready(function() {
                        toastr.options = {
                                positionClass: 'toast-top-center'
                            };

                            toastr.error('Your Access Limit For Treatment was Finished.Contact Your Therapist.', 'Limitation Error!')

                            var $notifyContainer = $('#toast-container').closest('.toast-top-center');
                            if ($notifyContainer) {
                            // align center
                            var windowHeight = $(window).height() -90;
                            $notifyContainer.css("margin-top", windowHeight / 5);
                            }

                    })

                </script>
            @endif
            <!-- dashboard content -->
            @foreach($product as $pro)
                <div class="card mb-3 dashboard-card">
                    <!-- card header -->

                    <div class="card-header p-name">
                        <h3 class="card-title">{{ ucfirst($pro['proName']) }}</h3>
                        @if($data['randomAnalysis'] == 1)
                        <div class="card-tools pull-right">
                            <a href="{{ route('users.adminShow', [getUserId()]) }}" class="btn border border-warning text-center text-warning random_blinking">{{__('action.rancheckedmsg')}}</a>
                        </div>
                        @endif
                    </div>
                    <!-- card body -->
                    <div class="card-body">
                        <div class="row">
                            <!-- dashboard progress content -->
                            <div class="col-md-4">
                                <div class="dashboard-progress-content text-center">
                                    <div id="morrisjs-donut-pro{{ $pro['proid'] }}" style="height: 250px"></div>
                                    <p class="p-name">{{ ucfirst($pro['proName']) }}</p>
                                </div>
                            </div>
                            <!-- dashboard progress script -->
                            <script>
                                $(function () {
                                    if({{$data['randomAnalysis']}} == 1){
                                    var morrisDonut = new Morris.Donut({
                                        element: 'morrisjs-donut-pro{{ $pro['proid'] }}',
                                        data: [{
                                                label: '',
                                                value: "{{ $pro['anaGreen']+$pro['anaOrange']+$pro['anaRed'] }}"
                                            }
                                        ],
                                        colors: ['gray'],
                                        resize: true,
                                        labelColor: '#888',

                                        formatter: function (value) {
                                            return value
                                        }
                                    });
                                    }else{
                                        var morrisDonut = new Morris.Donut({
                                        element: 'morrisjs-donut-pro{{ $pro['proid'] }}',
                                        data: [{
                                                label: '',
                                                value: "{{ $pro['anaGreen'] }}"
                                            },
                                            {
                                                label: '',
                                                value: "{{ $pro['anaOrange'] }}"
                                            },
                                            {
                                                label: '',
                                                value: "{{ $pro['anaRed'] }}"
                                            }
                                        ],
                                        colors: ['#2FAB66', '#F8B133', '#E84E1B'],
                                        resize: true,
                                        labelColor: '#888',

                                        formatter: function (value) {
                                            return value
                                        }
                                    });
                                    morrisDonut.select(2);
                                    }
                                });

                            </script>
                            <!-- submenus -->
                            @php
                                // dd($pro['submenus']);
                            @endphp
                            <div class="col-md-8">
                                <div class="row sub-list">
                                    @if(!empty($pro['submenus']))
                                    @foreach ($pro['submenus'] as $key=> $sub)
                                        <div class="col-md-6">
                                            <div class="card color-border-one text-center mb-3">
                                                <h6 class="card-header f-16">
                                                <a class="dashboardSubmenu" href="{{ route('dashboard.product', [$pro['proid'], $sub['submenuId']]) }}"> {{ $sub['submenuName']}} </a>
                                                </h6>
                                                <div class="progress-circle-mini ddd">
                                                    <div id="morrisjs-donut{{ $sub['submenuId'] }}" class="morris-progressbar-mini" style="height: 150px"></div>
                                                </div>
                                            </div>
                                        </div>

                                        <script>

                                            $(function () {
                                                if({{$data['randomAnalysis']}} == 1){
                                                    var morrisDonut = new Morris.Donut({
                                                    element: "morrisjs-donut{{ $sub['submenuId'] }}",
                                                    data: [{
                                                            label: '',
                                                            value: "{{ $sub['anaGreen']+$sub['anaOrange']+$sub['anaRed'] }}"
                                                        }
                                                    ],
                                                    colors: ['gray'],
                                                    resize: true,
                                                    labelColor: '#888',

                                                    formatter: function (value) {
                                                        return value
                                                    }
                                                });
                                                }else{
                                                    var morrisDonut = new Morris.Donut({
                                                    element: "morrisjs-donut{{ $sub['submenuId'] }}",
                                                    data: [{
                                                            label: '',
                                                            value: "{{ $sub['anaGreen'] }}"
                                                        },
                                                        {
                                                            label: '',
                                                            value: "{{ $sub['anaOrange'] }}"
                                                        },
                                                        {
                                                            label: '',
                                                            value: "{{ $sub['anaRed'] }}"
                                                        }
                                                    ],
                                                    colors: ['#2FAB66', '#F8B133', '#E84E1B'],
                                                    resize: true,
                                                    labelColor: '#888',

                                                    formatter: function (value) {
                                                        return value
                                                    }
                                                });
                                                morrisDonut.select(2);
                                                }
                                            });
                                        </script>
                                    @endforeach
                                    @endif
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- card body / -->
                </div>
                @endforeach
            </div>
        </div>
    </div>
@endif

<!-- Dependencies -->
<script src="{{ asset('/vendor/libs/chartjs/chartjs.js') }}"></script>
<script src="{{ asset('/vendor/libs/swiper/swiper.js') }}"></script>
<script src="{{ asset('/js/ui_carousel.js') }}"></script>

<script src="{{ asset('/vendor/libs/eve/eve.js') }}"></script>
<script src="{{ asset('/vendor/libs/raphael/raphael.js') }}"></script>
<script src="{{ asset('/vendor/libs/morris/morris.js') }}"></script>