@extends('Frontend.partials.layout')
@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/skitter/skitter.css') }}">
    <style>
        .swiper-container .swiper-slide {
            padding: 0;
            height: 500px;
            text-align: center;
            font-size: 1.5rem;
            background: #ecebed;
        }
        .dark-style .swiper-container .swiper-slide {
            background: #2f3237;
        }
        #swiper-vertical {
            max-height: 195px;
        }
        #swiper-3d-cube-effect {
            max-width: 300px;
        }
        #swiper-3d-coverflow-effect .swiper-slide {
            max-width: 300px;
        }
        #swiper-3d-flip-effect,
        #swiper-3d-flip-effect .swiper-slide {
            max-width: 300px;
        }

        #swiper-3d-flip-effect {
            padding: 50px;
        }
        .swiper-container .swiper-slide img {width: 100%;height: 100%;}
        div#swiper-with-pagination {
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            overflow: hidden;
            list-style: none;
            padding: 0;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: .3;
        }
    </style>
@endsection

@section('content')

@php
    $cartProduct = getCartDataInstance(2);
    $bio = biorythVisibleDetails();
    $udetails = $data['userDetails'];
    $cartCnt1    = 1;
    $cartCnt2    = 0;
    $totaltime   = 0;
    $slide_speed = 0;
@endphp

<div class="row">
    <div class="col-md-12">
        <section class="treat frablang-treat">
            <div class="preloader" id="preload_product">
                <img src="{!! asset('images/Fill-4.png') !!}" alt="">
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="treat-main-content frablang-m-lr-0">
                        <div class="treat-main-content-animation" style="position:relative">
                            <div class="treat-main-content-image">
                                <div class="treat-main-content-image-inner">
                                    <img src="{!! asset('frablang_img/bg_gif.gif') !!}" id="bgimgContainer" class="ap-disk-img" alt="">
                                    <div class="audio-player d-flex flex-column align-items-center justify-content-between">
                                        {{-- @if($udetails->user_type != 0 && $udetails->photo != null)
                                            <img src="{!! asset('/profile/admin') !!}/{{ $udetails->photo}}" alt="author image" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        @elseif($udetails->user_type == 0 && $udetails->photo != null)
                                            <img src="{!! asset('/profile/users') !!}/{{ $udetails->photo}}" alt="author image" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        @else
                                            <img src="{{ ($udetails->gender == 2)?asset('/images/female.jpg'):asset('/images/avatar.png') }}" class="d-inline-block rounded-circle" height="100%" width="100%">
                                            @endif --}}
                                        <img src="{{getProfileImage($udetails)}}" alt="author image" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        <div class="analysis_box">
                                        </div>
                                        <div class="analysis_price" style="bottom: -18%">
                                            <span id="durationCount" class="d-inline-block" style="font-size: 26px"></span>
                                            <audio id="audio" autoplay="true" preload="auto" type="audio/mp3" tabindex="0" controls></audio>
                                        </div>
                                    </div>
                                    <div  class="audio-player-name animate-frabklang">
                                        <p id="analysis_name" class="bg-success farbklang-name"></p>
                                    </div>
                                </div>
                            </div>

                            <!-- slider -->
                            <div id="content" class="animation_slider">
                                <div class="skitter-large-box">
                                    <div class="skitter skitter-large">
                                        @if($slides)
                                            @php if($slides->slide_speed > $slide_speed) $slide_speed = $slides->slide_speed; @endphp
                                            <ul>
                                                @if(count($slides->slides) > 0)
                                                    @foreach($slides->slides as $slide)
                                                        <li><img src="{{ asset($slide->image_url) }}" alt=""></li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            {{--<div class="treat-action-btn">
                                <button type="button" class="btn btn-warning" onclick="savePackage()">{{__('action.abrot')}}</button>
                            </div>--}}
                            <div class="treat-home-btn">
                                <a href="{{ route('frabklang.frabklang', [request()->proid]) }}"><button type="button" class="btn btn-success"><i class="fas fa-home f-18 text-white"></i></button></a>
                            </div>
                            <div class="treat-start-stop-btn">
                                <button class="btn btn-info btn-soundtrun" id="sound" data-music="0">
                                    <span class="d-inline-block">
                                        <i id="vup" class="fas fa-volume-up"></i> {{ __('action.music') }}
                                    </span>
                                </button>
                                <button class="btn btn-info" id="start_audio" onclick="start_audio()" data-type="1">
                                    <span class="d-inline-block">
                                        <i id="vdwn" class="fas fa-volume-down"></i> {{ __('action.frequency_due_power') }}
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 no-padding-md no-padding-lg" style="display: none">
                    <div class="right-panel">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="m-0">{{__('action.currently_treatment')}} <span class="text-secondary" id="trt_count"></span>/<span class="text-secondary" id="loop">0</span></h6>
                            </div>
                            <div class="card-body">
                                <div class="right-panel-list">

                                    <ul class="p-0" id="playlist">
                                        @if(!empty($cartProduct))
                                            @foreach($cartProduct as $key => $cart)
                                                @php if($cart->options->optimized == true || $cart->options->price == 0) continue; @endphp

                                                <li class="updateclass list-item divid{{ $cart->options->analysisID }}" id="{{ $cart->options->analysisID }}" data-subid="{{$cart->options->submenu_id}}" data-name="{{ $cart->options->analysisName ?? $cart->options->analysisTitle }}" data-ana="{{ $cart->options->analysisID }}" data-pro="{{ $cart->options->productID}}" data-price="{{ gmdate('i:s', $cart->options->price) }}" data-types="">
                                                    <p data-toggle="tooltip" data-placement="bottom" title="{{ $cart->options->analysisName }}"> @if(request()->segment(2) == "allred") {{ gmdate('i:s', $cart->options->price) }} @else {{ gmdate('i:s', (request()->time * 60)) }} @endif
                                                       {{ $cart->options->analysisName ?? $cart->options->analysisTitle  }}</p>
                                                    <div>
                                                        @if(request()->segment(2) == "allred")
                                                            <input type="hidden" name="prices" id="prices{{ $cart->options->analysisID }}" value="{{ round((request()->time * 60) / count($cartProduct)) }}">
                                                            <input type="hidden" name="price" id="price{{ $cart->options->analysisID }}" value="{{ round((request()->time * 60) / count($cartProduct)) }}">
                                                        @else
                                                            <input type="hidden" name="prices" id="prices{{ $cart->options->analysisID }}" value="{{ $cart->options->price }}">
                                                            <input type="hidden" name="price" id="price{{ $cart->options->analysisID }}" value="{{ $cart->options->price }}">
                                                        @endif
                                                        <input type="hidden" name="count" id="count{{ $cart->options->analysisID }}" value="{{ $cartCnt }}">
                                                        <input type="hidden" name="analysis_freq" id="analysis_freq{{ $cart->options->analysisID }}" value="{{calculationFrequency($cart->options->analysisName)}}">
                                                    </div>
                                                </li>
                                                @php
                                                    $cartCnt++;
                                                @endphp
                                            @endforeach
                                        @endif
                                        @php
                                            $totaltime = request()->time * 60;
                                        @endphp
                                    </ul>

                                    <input type="hidden" name="count" id="totalcount1" value="{{ $cartCnt }}">
                                    <input type="hidden" name="count" id="totalcount2" value="{{ $cartCnt1 }}">
                                    <input type="hidden" name="count" id="loop1" value="{{ $cartCnt }}">
                                    <input type="hidden" name="count" id="loop2" value="">
                                    <input type="hidden" name="time" id="totaltime" value="{{ $totaltime }}">
                                    <input type="hidden" name="time" id="total_treattime" value="{{ $totaltime }}">
                                    <input type="hidden" name="slide_speed" id="slide_speed" value="{{$slide_speed }}">

                                    <input type="hidden" name="form_frequency" id="form_frequency" value="{{ $bio->gs_form_frequency }}">
                                    <input type="hidden" name="to_frequency" id="to_frequency" value="{{ $bio->gs_to_frequency }}">
                                </div>
                                <div class="right-panel-button">
                                    <div>
                                        <button class="btn btn-default" id="sound" data-music="0">
                                            <span class="d-inline-block">
                                                <i id="vup" class="fas fa-volume-up"></i> {{ __('action.music') }}
                                            </span>
                                        </button>
                                        <button class="btn btn-default" id="start_audio" onclick="start_audio()" data-type="1">
                                            <span class="d-inline-block">
                                                <i id="vdwn" class="fas fa-volume-down"></i> {{ __('action.frequency_due_power') }}
                                            </span>
                                        </button>
                                    </div>
                                    <button class="btn btn-success w-100" id="abbrechen" onclick="savePackage()">{{__('action.abrot')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="treat-action-btn">
                        <button type="button" class="btn btn-warning" onclick="savePackage()">{{__('action.abrot')}}</button>
                    </div>
                </div>
            </div>
                <!-- Modal -->
            <div class="modal fade" id="audioModal" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <div class="modal-content">
                    <div class="modal-header bg-primary">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title" style="color: white"> {{__('action.alert_allow_msg')}}</h4>
                    </div>
                    <div class="modal-body">
                        <p>{{__('action.alert_allow_msg_details')}}</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" onclick="playMusic()" class="btn btn-success">{{ __('action.start_treat') }}</button>
                        <button type="button" class="btn btn-warning" data-dismiss="modal">{{__('action.close')}}</button>
                    </div>
                    </div>
                </div>
            </div>

            {{-- Optimized Modal content --}}
            <div class="modal fade modal-auto-scroll" id="optimizedModal"  data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="optimizedModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="optimizedModalLabel">{{__('action.reactionValue')}}</h5>
                            {{-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button> --}}
                        </div>
                        <div class="modal-body">
                            <div class="modal_preloader">
                                <div class="loading">
                                    <div></div>
                                    <div></div>
                                    <div></div>
                                </div>
                            </div>
                            <div id="optimizedModalBody" class="web-kit-scroll">

                            </div>
                        </div>
                        <div class="modal-footer">
                            @if ($udetails->user_type == 2)
                                <a href="javascript:void(0)" class="d-inline-block mr-2 cursor-pointer"  data-toggle="modal" data-target="#reactionPdfGenerateModal">
                                    <button type="button" class="btn btn-success hide" id="reactionPdfButton">
                                        <i class="fas fa-file-pdf text-default">&nbsp;</i>{{ __('action.save_pdf') }}
                                    </button>
                                </a>
                            @endif
                            @if(request()->segment(2) == "allred")
                            <a href="{{ route('Treatment.allred-optimize-RA',[request()->proid, request()->time, 2]) }}" class="optimizedDsahClone">
                                <button type="button" class="btn btn-success" id="optimizedbtn">{{__('action.optimize')}}</button>
                            </a>
                            @else
                                <a href="{{ route('Treatment.optimize-RA',[request()->proid,request()->subid??0,2]) }}" class="optimizedDsahClone">
                                    <button type="button" class="btn btn-success" id="optimizedbtn">{{__('action.optimize')}}</button>
                                </a>
                            @endif
                            <button type="button" class="btn btn-warning" id="optimizedClosed">{{__('action.close')}}</button>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Pdf Generate Modal --}}
            <div class="modal modal-top fade" id="reactionPdfGenerateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel">{{ __('action.pdf_title') }}</h4>
                            <button type="button" class="close" data-dismiss="modal"
                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <input type="text" id="pdfNameforReaction" class="form-control" placeholder="{{__('action.pdf_title')}}" name="pdf_name">
                        </div>
                        <div class="modal-footer">
                            <button type="button" id="create-pdf" class="btn btn-info icon"><i class="ion ion-ios-save">&nbsp;</i>{{ __('action.save_pdf') }}</button>
                            {{-- <button type="button" id="pdf-send" class="btn btn-info icon" target="_blank"><i class="ion ion-ios-mail">&nbsp;</i>{{__('action.save_send_pdf')}}</button> --}}
                            <button type="button" class="btn btn-warning icon" data-dismiss="modal">{{ __('action.close') }}</button>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </div>
</div>


@endsection

@section('scripts')
<script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
<script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
<script src="{{ asset('/vendor/js/simpleTones.js') }}"></script>
<script src="{{ asset('/vendor/js/jquery.easing.1.3.js') }}"></script>
<script src="{{ asset('/vendor/libs/skitter/jquery.skitter.min.js') }}"></script>
<script src="{{ asset('/js/treatment.js') }}"></script>
@include('JSBlade.FarbDuePower')
@endsection