@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') }}">

@endsection

@section('content')

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

{{-- treat section --}}
<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" id="center_img" 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" id="center_img" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        @else
                                            <img src="{{ ($udetails->gender == 2)?asset('/images/female.jpg'):asset('/images/avatar.png') }}" id="center_img" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        @endif --}}
                                        <img src="{{getProfileImage($udetails)}}" alt="author image" id="center_img" class="d-inline-block rounded-circle" height="100%" width="100%">
                                        <img class="d-inline-block rounded-circle treat-body-mental-img" id="center_img_2" src="">
                                        <div class="analysis_box"></div>
                                        <div class="analysis_price">
                                            <span id="durationCount" class="d-inline-block"></span>
                                            <audio id="audio" autoplay="true" type="audio/mp3"></audio>
                                        </div>
                                    </div>
                                    <div  class="audio-player-name animate-frabklang">
                                        <p id="analysis_name" class="bg-success farbklang-name"></p>
                                    </div>
                                </div>

                                <!-- slider -->
                                <div id="content" class="animation_slider">
                                    <div class="skitter-large-box">
                                        <div class="skitter skitter-large">
                                            <ul>
                                                @if($slides)
                                                    @php if($slides->slide_speed > $slide_speed) $slide_speed = $slides->slide_speed; @endphp
                                                    @foreach($slides->slides as $slide)
                                                        <li><img src="{{ asset($slide->image_url) }}" alt=""></li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </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 position-relative">
                            <div class="card-header">
                                <h5 class="m-0" style="line-height: 22px;">{{__('action.currently_treatment')}}
                                    <span class="text-secondary" id="trt_count"></span>

                                    </h5>
                            </div>
                            <div class="card-body">
                                <div class="right-panel-list">
                                    <ul class="p-0" id="playlist">
                                    @if($cartProduct)
                                        @foreach($cartProduct as $key => $cart)
                                            {{-- @php if(isset($cart)) continue; @endphp --}}
                                            @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 ?? $cart->options->analysisTitle }}"> {{ gmdate('i:s', $cart->options->price) }} {{ $cart->options->analysisName??$cart->options->analysisTitle }} </p>
                                                <div>
                                                    <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 }}">
                                                    <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++;
                                                $totaltime += $cart->options->price;
                                            @endphp
                                        @endforeach
                                    @endif
                                    </ul>
                                    <input type="hidden" name="count" id="totalcount" value="{{ $cartCnt }}">
                                    <input type="hidden" name="time" id="totaltime" value="{{ $totaltime }}">
                                    <input type="hidden" name="savep" id="savep" value="{{$status}}">
                                    <input type="hidden" name="range" id="rangeValue" value="{{$range}}">
                                    <input type="hidden" name="slide_speed" id="slide_speed" value="{{$slide_speed}}">
                                    <input type="hidden" name="setting" class="setting" data-min="{{ $bio->gs_form_frequency }}" data-max="{{ $bio->gs_to_frequency }}" >
                                </div>
                            </div>
                            <div class="right-panel-button">
                                <div>
                                    <button class="btn btn-default mb-2" 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 mb-2" 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" data-id="relode">{{__('action.abrot')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Modal Alert --}}
            <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" class="btn btn-success" onclick="playMusic()">{{ __('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 || $udetails->user_type == 4)
                                <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
                            <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>
                            <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-primary 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>
{{-- treat section /--}}
@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>
    @include('JSBlade.FrabTreatJs')
@endsection