@extends('layouts.site')

@section('content')

    <section>
        <div class="lgx-banner lgx-banner-inner">
            <div class="lgx-inner-bg">
                <div class="lgx-inner">
                    <div class="container bartopline">
                        <div class="row">
                        </div><!--//.ROW-->
                    </div><!-- //.CONTAINER -->
                </div><!-- //.INNER -->
            </div>
        </div>
    </section>




    <div class="mt-5 mb-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="boxing bg-white border">
                        <nav id="nav-tool" class="navbar navbar-inverse navbar-fixed-top">
                            <div class="container">

                                <div class="col-lg-12" style="padding: 100px 0px;">
                                    <p style="font-size: 20px;line-height: 35px;" class="text-center">
                                        {{trans('home.welcome')}}
                                        {{ auth()->user()->name }}
                                        {{trans('home.thanks-use-new-hayah')}}
                                    </p>

                                    <div class="form-group text-center mt-5" id="agreement_secret_notice">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input mx-2 agreement_secret_notice" id="agreement_therapist_secret_notice"  value="1" name="agreement">
                                            <label class="mx-5" for="exampleCheck1">
                                                {{trans('home.I agree to the Therapists Privacy Charter')}}
                                                <a href="{{  config('app.locale') == "ar" ?  url('ميثاق-الخصوصية-للمعالجين') : url('en/Therapists-Privacy-Charter')  }}">هنا</a>
                                            </label>
                                        </div>
                                    </div>

                                </div>
                                <!--/.navbar-collapse -->
                            </div>
                        </nav>
                        <div id="zmmtg-root"></div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scriptSection')
    {{--<script src="https://source.zoom.us/1.8.0/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/jquery.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/lodash.min.js"></script>

    <script src="https://source.zoom.us/zoom-meeting-1.8.0.min.js"></script>
    <script src="{{asset('zoom/js/tool.js')}}"></script>
    <script src="{{asset('zoom/js/vconsole.min.js')}}"></script>
    <script src="{{asset('zoom/js/index.js')}}"></script>--}}
    <script>
        // $(document).ready(function(){
        //     $("style:eq(111)").remove();
        // });

        $(document).on('change', '#agreement_therapist_secret_notice', function () {
            token = '{{ csrf_token() }}';
            var value = $(this).attr('value');
            var session_id =  $("#sessionID").val();
            var statues=$(this).is(':checked');
            // console.log(session_id);
            if(statues)
            {
                $.ajax({
                    type: "POST",
                    url: "{{route('agreement_therapist_privacy_charter')}}",
                    data: {"value": value,"id":session_id,_token:token},
                    success: function (msg) {
                        if(msg.success){
                            window.location.href="{{ route('therapists_sessions') }}";
                        }
                    }
                });


            }

        });


    </script>
@endsection