@php
    $cartData = getCartData();
@endphp

@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);

        $redP = ($print['anaVal_red']*100)/request()->days;
        $red = round($redP, 0);
        $greenP = ($print['anaVal_green']*100)/request()->days;
        $green = round($greenP, 0);
    @endphp
<tr>
    <td scope="row">
        {{-- *************** Progressbar-Analysis name *************** --}}

        <div class="analysis-sample-header">

            <div class="analysis-sample-header-left">
                <p class="d-flex align-items-center m-0">
                    <span class="analysis-title d-inline-block mr-2" data-toggle="tooltip" data-placement="bottom" title="{{ e($print['anaName']) }}">{{ $print['anaName'] }}</span>
                </p>
            </div>

            <div class="analysis-sample-header-right">

            @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 mr-2" 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

            <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>

            <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>

                @if($data['user']->useroption->pattern_switch == 1)
                {{--<div class="mr-2">
                    <label class="switcher switcher-sm switcher-success m-0">
                        <input type="checkbox" class="switcher-input" id="someSwitchOptionDefault{{ $print['anaid']}}" @if($print['ranValStatus']==1) {{ "checked" }} @endif onclick="change_calculation({{ $print['anaid'] }}, 101, {{ $data['subid']}}, {{ $data['proid'] }})">
                        <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'] }}',{{ $data['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>
    </td>

    <td>
        {{-- *************** Progressbar-Analysis progressbar *************** --}}

        {{--<div class="progress">
            <div class="progress-bar" id="progrssRandomVal_{{ $print['anaid'] }}" role="progressbar" aria-valuenow="{{ $print['anaVal'] }}" aria-valuemin="0" aria-valuemax="100" style="max-width: {{ $print['anaVal'] }}%; background-color: {{ $print['anaColor'] }}">
                <span class="title" id="progrssRandomtxt_{{ $print['anaid'] }}">{{ $print['anaVal'] }}%</span>
            </div>
        </div>--}}

        <div class="progress">
            <div class="progress-bar bg-red" role="progressbar " style="width: {{$red}}% !important;" aria-valuenow="{{$red}}" aria-valuemin="0" aria-valuemax="{{$red}}">{{$print['anaVal_red']}}</div>
            <div class="progress-bar bg-green" role="progressbar" style="width: {{$green}}% !important;" aria-valuenow="{{$green}}" aria-valuemin="0" aria-valuemax="{{$green}}">{{$print['anaVal_green']}}</div>
        </div>

    </td>

    <td>
        {{-- *************** Progressbar-Analysis crat up/down icon *************** --}}

        <div class="right-icon align-items-center d-flex flex-column justify-content-center">
            @if($print['anaVal'] < $print['beergod']) <span class="m-minus"><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="m-minus"><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="m-minus"><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>

    </td>

    <td>
        {{-- *************** Progressbar-Analysis heart/male icon *************** --}}

        <div class="left-icon text-center d-flex justify-content-center">
            <span class="mr-3"><i class="fas fa-male" style="{{ $print['maleColor'] }}"></i></span>
            <span class=""><i class="fas fa-heart" style=" {{ $print['heartColor'] }}"></i></span>
        </div>
    </td>

    @if(!empty($print['causes']) or !empty($print['medium']) or !empty($print['tipp']))
    <td>

        {{-- *************** Progressbar-Analysis icon *************** --}}

        <ul class="analysis-progressbar-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-prg{{ $print['anaid'] }} btn btn-outline-success" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="">{{__('action.causes')}}</span></a>
                <script>
                    $(function($) {
                        $('.urs-prg{{ $print["anaid"] }}').popover({
                            html: true,
                            content: function() {
                                $('.popover').popover('hide')
                                return $('#urs-content-prg{{ $print["anaid"] }}').html();
                            }
                        });
                    });
                </script>

                <div class="analysis-sample-list-content" id="urs-content-prg{{ $print['anaid'] }}">
                    <div class="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>
                            @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>
                    <hr>
                    <div class="pt-3">
                        <p class="text-justify">{{ $print['causes']->description }}</p>
                    </div>
                </div>
            </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-prg{{ $print['anaid'] }} btn btn-outline-success" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="">{{__('action.medium')}}</span></a>
                <script>
                    $(function($) {
                        $('.mit-prg{{ $print["anaid"] }}').popover({
                            html: true,
                            content: function() {
                                $('.popover').popover('hide')
                                return $('#mit-content-prg{{ $print["anaid"] }}').html();
                            }
                        });
                    });
                </script>
                {{-- *************** Medium content *************** --}}
                <div class="analysis-sample-list-content" id="mit-content-prg{{ $print['anaid'] }}">
                    <div class="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
                            </span>
                        </p>
                    </div>
                    <hr>
                    <div class="pt-3">
                        <p class="text-justify">{{ $print['medium']->description }}</p>
                    </div>
                </div>
            </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-prg{{ $print['anaid'] }} btn btn-outline-success" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="">Tipp</span></a>
                <script>
                    $(function($) {
                        $('.tip-prg{{ $print["anaid"] }}').popover({
                            html: true,
                            content: function() {
                                $('.popover').popover('hide')
                                return $('#tip-content-prg{{ $print["anaid"] }}').html();
                            }
                        });
                    });
                </script>

                {{-- *************** Tip content *************** --}}
                <div class="analysis-sample-list-content" id="tip-content-prg{{ $print['anaid'] }}">
                    <div class="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)" 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
                            </span>
                        </p>
                    </div>
                    <hr>
                    <div class="pt-3">
                        <p class="text-justify">{{ $print['tipp']->description }} </p>
                    </div>
                </div>
            </li>
        </ul>
    </td>
    @endif
</tr>
@endforeach
    <div id="analysisPopup_Modal" class="modal analysisPopup_Modal">
        <span class="close" id="modal-close">&times;</span>
        <img class="modal-content" id="imgShow">
    </div>
    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
@endif