{{-- Analysis product show section --}}
@php
    $cartData = getCartData();
@endphp

<div class="row position-relative">
    @if(!empty($analyses))
        @foreach($analyses as $key => $print)

        @php
            if($bodyimages)
                $bodyimg = array_search($print['anaid'],$bodyimages,true);
            if($mentalimages)
                $mentalimg = array_search($print['anaid'],$mentalimages,true);
        @endphp

        {{-- single analysis product --}}
        <div class="col-md-4 col-xl-3 col-sm-6">
            <div class="card color-border-one mb-3 analysis-sample">
                {{-- analysis sample header --}}
                <div class="card-header analysis-sample-header">
                    {{-- analysis sample header left --}}
                    <div class="analysis-sample-header-left">
                        <p class="d-flex align-items-center m-0">
                            <span data-toggle="tooltip" data-placement="bottom" title="{{e($print['anaName'])}}" class="analysis-title d-inline-block mr-2">{!! $print['anaName'] !!}</span>
                            @if(!empty($print['desc']) || !empty($print['url_link']) || !empty($print['bodyDesc']) || !empty($print['mentalDesc']) || !empty($bodyimg) || !empty($mentalimg) || !empty($print['desc_img']))
                                <span class="d-block info" id="info_{{ $print['anaid'] }}" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content=""><i class="fas fa-info-circle"></i></span>
                            @endif
                        </p>

                        <div id="popover-content{{ $print['anaid'] }}" style="display:none;">
                            @if(!empty($print['title']))
                                <h3>{!! $print['title'] !!}</h3>
                                <hr>
                            @endif

                            @if(!empty($print['desc']))
                                <h6>{{__('action.main_desc')}}</h6>
                                <p>{!! $print['desc'] !!}</p>

                            @endif
                            @if($print['desc_img'])
                                <img src="{{ asset('/storage/analyse/images/description') }}/{{ $print['desc_img'] }}" class="popover-showimg" id="popover-img{{ $print['anaid'] }}-desc" data-type="desc" data-id="{{ $print['anaid'] }}" alt="" height="250px" width="auto">
                            <hr>
                            @endif

                            @if(!empty($print['bodyDesc']) || !empty($bodyimg))
                                <h6>{{__('action.body')}}</h6>
                            @endif
                            @if(!empty($print['bodyDesc']))
                                <p>{!! $print['bodyDesc'] !!}</p>
                            @endif
                            @if($bodyimg)
                                <img src="{{ asset('storage/analyse/images/body') }}/{{ $bodyimg }}" class="popover-showimg" id="popover-img{{ $print['anaid'] }}-body" data-type="body" data-id="{{ $print['anaid'] }}" alt="" height="250px" width="auto">
                            <hr>
                            @endif

                            @if(!empty($print['mentalDesc']) || !empty($mentalimg))
                                <h6>{{__('action.mental')}}</h6>
                            @endif
                            @if(!empty($print['mentalDesc']))
                                <p>{!! $print['mentalDesc'] !!}</p>
                            @endif
                            @if($mentalimg)
                                <img src="{{ asset('storage/analyse/images/mental') }}/{{ $mentalimg }}" class="popover-showimg" id="popover-img{{ $print['anaid'] }}-mental" data-type="mental" data-id="{{ $print['anaid'] }}" alt="" height="250px" width="auto">
                            <hr>
                            @endif
                            @if($print['url_link'] != null)
                                <a class="btn btn-success" href="{{ $print['url_link'] ?? 'javascript:void(0)' }}" target="_blank">{{ $print['url_name'] ?? trans('action.link') }}</a>
                            @endif
                        </div>
                    </div>

                    <script>
                        $(function ($) {
                            $('#info_{{ $print["anaid"] }}').popover({
                                html:true,
                                content: function(){
                                    return $('#popover-content{{ $print["anaid"] }}').html();
                                }
                            });
                        });

                        $(function(){
                            $(document).on('click',".popover-showimg", function () {
                                let type = $(this).data('type')
                                let id = $(this).data('id')
                                // Get the modal
                                var modal = document.getElementById("analysisPopup_Modal");

                                // Get the image and insert it inside the modal - use its "alt" text as a caption
                                var img = document.getElementById(`popover-img${id}-${type}`);
                                var modalImg = document.getElementById("imgShow");

                                modal.style.display = "block";
                                modalImg.src = this.src;
                            });

                            $(document).on('click',"#modal-close", function () {
                                var modal = document.getElementById("analysisPopup_Modal");
                                modal.style.display = "none";
                            })
                        });
                    </script>
                    {{-- analysis sample header right --}}
                    <div class="analysis-sample-header-right">
                        @if($data['user']->useroption->pattern_switch == 1)
                        {{--<div class="mr-2">
                            <label class="switcher switcher-sm switcher-success m-0">
                                <input id="someSwitchOptionDefault{{ $print['anaid'] }}" type="checkbox" @if($print['ranValStatus'] == 1) {{ "checked" }} @endif class="switcher-input" onclick="change_calculation({{ $print['anaid'] }}, 101, {{ $data['subid']}}, {{ $data['proid'] }}, 'own')">
                                <span class="switcher-indicator">
                                    <span class="switcher-yes"></span>
                                    <span class="switcher-no"></span>
                                </span>
                            </label>
                        </div>--}}
                        @endif
                            @php
                                $result = 0;
                                foreach ($cartData as $_cart) if($_cart->options->analysisID == $print['anaid'] && $_cart->options->type == 'Analysis') $result = true;
                             @endphp

                            <span class="d-inline-block cartPluse{{ $print['anaid'] }}" id="">

                                @if ($result == true)
                                <div class="temp_{{ $print['anaid'] }}" id="">
                                    <a href="javascript:void(0)">
                                        <i class="fas fa-check-circle primary-color f-18"></i>
                                    </a>
                                </div>
                                <div class="showTemp_{{ $print['anaid'] }}"></div>
                                 @else
                                 <div class="temp_{{ $print['anaid'] }}" id="">
                                    <a href="javascript:void(0)" onclick="cartbutton({{ $print['anaid'] }},null,'{{ 'own-'.$data['subid'] }}','{{ request()->proid }}','{{ $print['anaVal'] }}','{{ $print['maleVal'] }}',{{ $print['heartVal'] }},{{ $print['randPrice'] }},'{{ $print['causes']->id }}','{{ $print['medium']->id }}','{{ $print['tipp']->id }}','{{ $print['anaColor'] }}','Analysis')">
                                        <i class="fas fa-plus-circle primary-color f-18"></i>
                                    </a>
                                </div>
                                <div class="showTemp_{{ $print['anaid'] }}"></div>
                                @endif
                            </span>
                    </div>
                </div>
                {{-- analysis sample body --}}
                <div class="card-body analysis-sample-body">
                    <div class="lta-leftIcon left-icon text-center d-flex flex-column justify-content-center">
                        <span class="mb-3 male-icon"><i class="fas fa-male" style="{{ $print['maleColor'] }}"></i></span>
                        <span class=""><i class="fas fa-heart" style="{{ $print['heartColor'] }}"></i></span>
                    </div>

                    {{--<div class="mid">
                        <div class="progres" id="progress_{{ $print['anaid'] }}"></div>
                    </div>--}}
                    {{--<div class="lta-progress progress-circle-mini" style="padding: 0px;width:100%;text-align: center;">
                        <div id="morrisjs-donut{{ $print['anaid'] }}" class="morris-progressbar-mini" style="height: 150px;"></div>
                    </div>--}}

                    <div class="lta-progress" style="padding: 0;text-align: center;">
                        <canvas id="efitLTAChart{{$print['anaid']}}" width="200" height="200"></canvas><p class="percent"></p>
                    </div>

                    <script>
                        var ro = parseInt("{{ $print['anaVal_red'] }}");
                        var gr = parseInt("{{ $print['anaVal_green'] }}");
                        var options = {
                            type: 'doughnut',
                            data: {
                                labels: [ro, gr],
                                datasets: [{
                                    label: '',
                                    data: [ro, gr],
                                    backgroundColor: [
                                        'rgba(232, 78, 27 ,1)',
                                        'rgba(47, 171, 102 ,1)',
                                    ],
                                    borderColor: [
                                        'rgba(255, 255, 255 ,1)',
                                        'rgba(255, 255, 255 ,1)'
                                    ],
                                    borderWidth: 5
                                }]
                            },
                            options: {
                                rotation: 1 * Math.PI,
                                circumference: 1 * Math.PI,
                                legend: {
                                    display: true,
                                    position: 'bottom'
                                },
                                tooltip: {
                                    enabled: false,
                                    position: 'average'
                                },
                                cutoutPercentage: 75
                            }
                        }

                        var ctx1 = document.getElementById('efitLTAChart{{$print["anaid"]}}').getContext('2d');
                        new Chart(ctx1, options);
                    </script>

                    <div class="lta-rightIcon right-icon d-flex flex-column justify-content-center">
                        @if($print['anaVal'] < $print['beergod'])
                        <span class=""><i class="fas fa-sort-up"></i></span>
                        <span class=""><i class="fas fa-sort-down"></i></span>
                        @endif
                        @if($print['anaVal'] == $print['beergod'])
                        <span class=""><i class="fas fa-sort-up"   style="color:#D3D3D3"></i></span>
                        <span class=""><i class="fas fa-sort-down" style="color:#D3D3D3"></i></span>
                        @endif
                        @if($print['anaVal'] > $print['beergod'])
                        <span class=""><i class="fas fa-sort-up"   style="color:#D3D3D3"></i></span>
                        <span class=""><i class="fas fa-sort-down" style="color:#888"></i></span>
                        @endif
                    </div>
                </div>
                {{-- analysis sample footer --}}
                @if(!empty($print['causes']) or !empty($print['medium']) or !empty($print['tipp']))
                <div class="card-footer analysis-sample-footer">
                    <ul class="analysis-sample-list">
                        <li>
                            <a href="javascript:void(0)" @if(!empty($print['causes'])) onclick="saveToday({{ $data['subid'] }},{{ $print['anaid'] }},{{ $print['causes']->id }},'Causes')" @endif><span class="urs" onclick="ursCheck('{{ $print['anaid'] }}')">{{__('action.causes')}}</span></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" @if(!empty($print['medium'])) onclick="saveToday({{ $data['subid'] }},{{$print['anaid']}},{{ $print['medium']->id }},'Medium')" @endif ><span class="mit" onclick="mitCheck('{{ $print['anaid'] }}')">{{__('action.medium')}}</span></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" @if(!empty($print['tipp'])) onclick="saveToday({{ $data['subid'] }},{{$print['anaid']}},{{ $print['tipp']->id }},'Tipp')" @endif><span class="tip" onclick="tipCheck('{{ $print['anaid'] }}')">{{__('action.tipp')}}</span></a>
                        </li>
                    </ul>
                </div>
                @endif
                {{-- analysis sample list description --}}
                <div class="analysis-sample-list-des">
                        <div class="analysis-sample-list-content" id="urs-content{{$print['anaid']}}">
                            <div class="card" id="">
                                <div class="card-header pt-3">
                                    <p class="d-flex justify-content-between align-items-center m-0">
                                        <span class="analysis-sample-list-content-heading">{{$print['causes']->title}}</span>
                                        {{-- <i class="fas fa-plus-circle primary-color f-18"></i> --}}
                                        {{-- <a href="javascript:void(0)" onclick="cartbutton({{ $print['anaid'] }},'{{$print['causes']->title}}',{{ request()->proid }},{{ $print['anaVal'] }},{{ $print['maleVal'] }},{{ $print['heartVal'] }},{{ $print['randPrice'] }},{{ $print['causes']->id }},'Causes')">
                                            <i class="fas fa-plus-circle primary-color f-18"></i>
                                        </a> --}}
                                        @php
                                        $result = 0;
                                        foreach ($cartData as $_cart) if($_cart->options->causes_id == $print['causes']->id && $_cart->options->type == 'Causes') $result = true;
                                        @endphp

                                    <span class="d-inline-block cartPluse{{ $print['causes']->id }}" id="">

                                            @if ($result == true)
                                            <span class="temp_{{ $print['causes']->id }}" id="">
                                                <a href="javascript:void(0)">
                                                    <i class="fas fa-check-circle primary-color f-18"></i>
                                                </a>
                                            </span>
                                            <span class="showTemp_{{ $print['causes']->id }}"></span>
                                            @else
                                            <span class="temp_{{ $print['causes']->id }}" id="">
                                                <a href="javascript:void(0)" @if(!empty($print['causes'])) onclick="cartbutton({{ $print['anaid'] }},null,{{ $data['subid'] }},{{ request()->proid }},{{ $print['anaVal'] }},{{ $print['maleVal'] }},{{ $print['heartVal'] }},{{ $print['randPrice'] }},'{{ $print['causes']->id }}','{{ $print['medium']->id }}','{{ $print['tipp']->id }}','{{ $print['anaColor'] }}','Causes')" @endif>
                                                    <i class="fas fa-plus-circle primary-color f-18"></i>
                                                </a>
                                            </span>
                                            <span class="showTemp_{{ $print['causes']->id }}"></span>
                                            @endif
                                    </span>
                                    </p>

                                </div>
                                <div class="card-body">
                                    <p>{{ $print['causes']->description }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="analysis-sample-list-content" id="mit-content{{$print['anaid']}}">
                            <div class="card">
                                <div class="card-header pt-3">
                                    <p class="d-flex justify-content-between align-items-center m-0">
                                        <span class="analysis-sample-list-content-heading">{{ $print['medium']->title }}</span>
                                        @php
                                        $result = 0;
                                        foreach ($cartData as $_cart) if($_cart->options->medium_id == $print['medium']->id && $_cart->options->type == 'Medium') $result = true;

                                        @endphp

                                    <span class="d-inline-block cartPluse{{ $print['medium']->id }}" id="">

                                            @if ($result == true)
                                            <span class="temp_{{ $print['medium']->id }}" id="">
                                                <a href="javascript:void(0)">
                                                    <i class="fas fa-check-circle primary-color f-18"></i>
                                                </a>
                                            </span>
                                            <span class="showTemp_{{ $print['medium']->id }}"></span>
                                            @else
                                            <span class="temp_{{ $print['medium']->id }}" id="">
                                                <a href="javascript:void(0)" @if(!empty($print['medium'])) onclick="cartbutton({{ $print['anaid'] }},null,{{ $data['subid'] }},{{ request()->proid }},{{ $print['anaVal'] }},{{ $print['maleVal'] }},{{ $print['heartVal'] }},{{ $print['randPrice'] }},'{{ $print['causes']->id }}','{{ $print['medium']->id }}','{{ $print['tipp']->id }}','{{ $print['anaColor'] }}','Medium')" @endif>
                                            <i class="fas fa-plus-circle primary-color f-18"></i>
                                        </a>
                                            </span>
                                            <span class="showTemp_{{ $print['medium']->id }}"></span>
                                            @endif
                                    </p>
                                </div>
                                <div class="card-body">
                                    <p>{{ $print['medium']->description }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="analysis-sample-list-content" id="tip-content{{$print['anaid']}}">
                            <div class="card">
                                <div class="card-header pt-3">
                                    <p class="d-flex justify-content-between align-items-center m-0">
                                        <span class="analysis-sample-list-content-heading">{{ $print['tipp']->title }}</span>
                                        @php
                                            $result = 0;
                                            foreach ($cartData as $_cart) if($_cart->options->tipp_id == $print['tipp']->id && $_cart->options->type == 'Tipp') $result = true;
                                        @endphp

                                    <span class="d-inline-block cartPluse{{ $print['tipp']->id }}" id="">

                                            @if ($result == true)
                                            <span class="temp_{{ $print['tipp']->id }}" id="">
                                                <a href="javascript:void(0)">
                                                    <i class="fas fa-check-circle primary-color f-18"></i>
                                                </a>
                                            </span>
                                            <span class="showTemp_{{ $print['tipp']->id }}"></span>
                                            @else
                                            <span class="temp_{{ $print['tipp']->id }}" id="">
                                            <a href="javascript:void(0)" @if(!empty($print['tipp'])) onclick="cartbutton({{ $print['anaid'] }},null,{{ $data['subid'] }},{{ request()->proid }},{{ $print['anaVal'] }},{{ $print['maleVal'] }},{{ $print['heartVal'] }},{{ $print['randPrice'] }},'{{ $print['causes']->id }}','{{ $print['medium']->id }}','{{ $print['tipp']->id }}','{{ $print['anaColor'] }}','Tipp')" @endif>
                                                <i class="fas fa-plus-circle primary-color f-18"></i>
                                            </a>
                                            </span>
                                            <span class="showTemp_{{ $print['tipp']->id }}"></span>
                                            @endif
                                    </p>
                                </div>
                                <div class="card-body">
                                    <p>{{ $print['tipp']->description }}</p>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        {{-- /single analysis product --}}
        <script>
            $(document).ready(function(){

                var val   = Number("{{ $print['anaVal'] }}");
                var color = "{{ $analysesColor }}";

                new CircleProgress('#progress_{{ $print["anaid"] }}', {
                    max: 100,
                    value: val,
                    textFormat: 'percent',
                    animation: 'easeInOutCubic',
                    animationDuration: 3000
                });

                $("#progress_{{ $print['anaid'] }} .circle-progress-value").attr("stroke", "{{ $print['anaColor'] }}");

            });
        </script>
        @endforeach
        <div id="analysisPopup_Modal" class="modal analysisPopup_Modal">
            <span class="close" id="modal-close">&times;</span>
            <img class="modal-content" id="imgShow">
        </div>
    @endif
</div>