@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= [];
    $udetails = $data['userDetails'];
    $cartProduct =  $data['all_cart']??getCartDataInstance(2);
    $cartCnt = 0;
    $bio = biorythVisibleDetails();
    $totaltime = 0;
    if($slides == null) $slides = App\Model\Submenu::first($cartProduct[0]->options->submenu_id);

@endphp

{{-- treat section --}}
<section class="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">
                                    @if(count($slides->slides) > 0)
                                        <ul>
                                            @foreach($slides->slides as $slide)
                                                <li><img src="{{ asset($slide->image_url) }}" alt=""></li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </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(!empty($cartProduct))
                                @foreach($cartProduct as $key => $cart)
                                    @php if($cart->options->optimized == true || $cart->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->price) }}" data-types="">
                                        <p data-toggle="tooltip" data-placement="bottom" title="{{ $cart->options->analysisName ?? $cart->options->analysisTitle }}"> {{ gmdate('i:s', $cart->price) }} {{ $cart->options->analysisName ?? $cart->options->analysisTitle  }}</p>
                                        <div>
                                            <input type="hidden" name="prices" id="prices{{ $cart->options->analysisID }}" value="{{ $cart->price }}">
                                            <input type="hidden" name="price" id="price{{ $cart->options->analysisID }}" value="{{ $cart->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->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="{{$slides->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 --}}
    <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>
{{-- 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