<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui"> <title>Consentz</title> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> {% block stylesheets %} <!-- Stylesheets --> <!-- Fonts --> <link rel="stylesheet" href="{{ asset('remark/fonts/material-design/material-design.min.css') }}"> <link rel="stylesheet" href="{{ asset('remark/fonts/brand-icons/brand-icons.min.css') }}"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="{{ asset('css/libs.css') }}" /> <link rel="stylesheet" href="{{ asset('remark/css/bootstrap.min.css') }}"> <link rel="stylesheet" href="{{ asset('css/app.css') }}" /> <link rel="stylesheet" href="{{ asset('css/raty.css') }}" /> <link rel="stylesheet" href="{{ asset('remark/css/bootstrap-extend.min.css') }}"> <link rel="stylesheet" href="{{ asset('remark/css/site.min.css') }}"> <link rel="stylesheet" href="{{ asset('remark/css_vendor/bundle.css') }}"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.4/cropper.min.css"> <link href="{{asset('css/custom.css')}}" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.0/dist/sweetalert2.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-lite.min.css" rel="stylesheet"> {% endblock %} {% block headerJavascripts %} <!-- Scripts --> <script src="{{ asset('remark/js_vendor/breakpoints.js') }}"></script> <script src="{{ asset('js/html5sortable.js') }}"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.1/cropper.min.js"></script> <script> Breakpoints(); </script> {% endblock %}</head><body class="animsition site-navbar-small dashboard app-calendar page-aside-left {{ bodyClasses is defined ? bodyClasses }}"> <div class="callIframe-w" id="callIframe"></div> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-KR84K98" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> {% block body %} {% endblock %} <div class="modal fade" id="common-modal" role="dialog" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-custom-all" role="document"> <div class="modal-content" id="common-modal-content"> </div> </div> </div><div class="modal fade" id="common-modal-new" role="dialog" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content" id="common-modal-new-content"> </div> </div> </div> <div class="modal fade" id="common-modal-new-lg" role="dialog" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content" id="common-modal-new-lg-content"> </div> </div> </div> {% if app.user is defined %} <div class="modal bg-data-modal" id="ProfileMyImageForm"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title" style="display: contents;">Update Photo</h4> <button type="button" class="btn-close" data-dismiss="modal"></button> </div> <!-- Modal body --> <div class="modal-body"> <form id="ProfileMyDataForm" action="{{ path('changeProfileImage') }}" method="post" class="form form-group"> <input type="hidden" name="_token" value="{{csrf_token('token_id')}}"> <input type="file" onchange="setCropFile(this.files[0],'profile-image-user')" accept="image/*" id="uploadProfileg" name="profile-image" class="form-control" style="display:none"><br> <div class="row"> <div class="col-md-12 chose-btn"> <button type="button" onclick="document.getElementById('uploadProfileg').click()" aria-hidden="true" class="btn btn-consentz-light"> <i class="fa fa-folder-open" aria-hidden="true"></i> Choose Photo</button> {% if app.user is defined and app.user.profileImg is defined and app.user.profileImg != '' %} <button type="button" class="btn btn-consentz-light" onclick="removeProfileImg()"><i class="fa fa-trash" aria-hidden="true"></i> Remove Photo</button> {% endif %} </div> </div> <div class="dimention"> {% if app.user is defined and app.user.profileImg is defined and app.user.profileImg != '' %} <img id="profile-image-user" class="imgfullwidth" src="{{ asset(app.user.profileImg) }}"> {% else %} <img id="profile-image-user" class="imgfullwidth" src="{{asset('images/Clinic/solid_gray.png') }}"> {% endif %} </div> </form> </div> <!-- Modal body --> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-consentz-light upload-result" onclick="saveMyProfileData();">Save</button> </div> </div> </div> </div> <div class="modal fade pop-up" id="calling-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="justify-content: center;"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Incoming Call Request</h5> </div> <div class="modal-body calling-modal-body" style="text-align: center;"> <p class="text-center">You have call request from <span id="call-name"></span></p> <div class="avatar pulsenew" style="width: 70px;"> <img id="call-image" src="/images/Clinic/solid_gray.png" class="card-img-top rounded-circle " alt="Image" > </div> </div> <div class="modal-footer text-center"> <button type="button" class="btn btn-consentz-light mt-15" onclick="chatApp.acceptCall();">Accept </button> <button type="button" class="btn btn-consentz-light rejectbtn" onclick="chatApp.rejectCall()" style="margin-top: 15px;">Reject </button> </div> </form> </div> </div> </div> <div class="floating-btn-msg " style="display:none"> <a href="/admin/message/index" class="icon-floating-msg"> <span class="totalmsgcount"></span> <i class=" md-comment" aria-hidden="true"></i> </a> </div> {% endif %} {% block javascripts %} <script type="text/javascript"> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'user_status': "{{ app.user ? 'logged in' : 'not logged in' }}", 'clinic_id': 3 }); (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KR84K98'); var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-68725406-6']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script> <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.0/dist/sweetalert2.all.min.js"></script> <script src="{{ asset('js/bootstrap-app.js') }}"></script> <script src="{{ asset('remark/js_vendor/bundle.min.js') }}"></script> <script type="text/javascript" src="{{ asset('js/app.js') }}"></script> <script type="text/javascript" src="{{ asset('js/validation.js') }}"></script> <script type="text/javascript" src="{{ asset('js/helper.js') }}"></script> <script type="text/javascript" src="{{ asset('js/menu-new.js') }}"></script> <!-- Plugins --> <script src="{{ asset('remark/js_vendor/bundle.js') }}"></script> <!-- Scripts --> <script src="{{ asset('remark/js/Component.js') }}"></script> <script src="{{ asset('remark/js/Plugin.js') }}"></script> <script src="{{ asset('remark/js/Base.js') }}"></script> <script src="{{ asset('remark/js/Config.js') }}"></script> <script src="{{ asset('js/remark/js/Section/Menubar.js') }}"></script> <script src="{{ asset('remark/js/Section/Sidebar.js') }}"></script> <script src="{{ asset('remark/js/Section/PageAside.js') }}"></script> <script src="{{ asset('remark/js/Section/GridMenu.js') }}"></script> <!-- Config --> <script src="{{ asset('remark/js/config/colors.js') }}"></script> <script src="{{ asset('remark/js/config/tour.js') }}"></script> <script>Config.set('assets', '{{ asset('remark') }}');</script> <!-- Page --> <script src="{{ asset('remark/js/Site.js') }}"></script> <script src="{{ asset('remark/js/Plugin/asscrollable.js') }}"></script> <script src="{{ asset('remark/js/Plugin/slidepanel.js') }}"></script> <script src="{{ asset('remark/js/Plugin/ascolorpicker.js') }}"></script> <script src="{{ asset('remark/js/Plugin/switchery.js') }}"></script> <script src="{{ asset('remark/js/Plugin/webui-popover.js') }}"></script> <script src="{{ asset('remark/js/Plugin/matchheight.js') }}"></script> <script src="{{ asset('remark/js/Plugin/jvectormap.js') }}"></script> <script src="{{ asset('remark/js/Plugin/peity.js') }}"></script> <script src="{{ asset('remark/js/Plugin/aspaginator.js') }}"></script> <script src="{{ asset('remark/js/Plugin/responsive-tabs.js') }}"></script> <script src="{{ asset('remark/js/Plugin/icheck.js') }}"></script> <script src="{{ asset('remark/js/Plugin/jquery-knob.js') }}"></script> <script src="{{ asset('remark/js/Plugin/dropify.js') }}"></script> <script src="{{ asset('remark/examples/js/dashboard/v1.js') }}"></script> <script> // var alanBtnInstance = alanBtn({ // key: "4ced22a04b190dfb6c71b02f452d93fd2e956eca572e1d8b807a3e2338fdd0dc/stage", // onCommand: function (commandData, screen) { // console.log(' check-priyatoshsss '); // console.log(commandData); // console.log(' end-check-priyatoshsss '); // if (commandData.command === "go:back") { // //call client code that will react on the received command // } // if (commandData.command === 'Random') { // //console.log(commandData.random); // $.ajax({ // type: "POST", // url: Routing.generate('add_random', {'randomId': commandData.random, 'clinicId': "3"}), // }) // } // if (commandData.command === 'Hello') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': 'hello|hi', 'clinicId': "3"}), // }) // } // if (commandData.command === 'fixedQuestion') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': commandData.question, 'clinicId': "3"}), // }) // } // if (commandData.command === 'qtreatments') { // console.log(' dhnnd-ddd '); // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': 'What are the treatments do you offer?', 'clinicId': "3"}), // }) // } // if (commandData.command === 'atreatments') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': commandData.answer, 'clinicId': "3"}), // }) // } // if (commandData.command === 'qconsultation') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': 'Would you like to book a consultation?', 'clinicId': "3"}), // }) // } // if (commandData.command === 'aconsultation') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': commandData.answer, 'clinicId':"3"}), // }) // } // if (commandData.command === 'qwhichTreatment') { // $.ajax({ // type: "POST", // url: Routing.generate('add_question_random', {'randomId': commandData.random, 'question': 'May I know for which treatments you want to consult?', 'clinicId': "3"}), // }) // } // if (commandData.command === "Treatment") { // /*console.log('treatment'); // console.log(commandData.screen); // console.log('treatment-');*/ // $.ajax({ // type: "POST", // url: Routing.generate('add_answer_random', {'randomId': commandData.random, 'answer': commandData.screen, 'type': 'treatment', 'clinicId': "3"}), // }) // } // if (commandData.command === "Email") { // /*console.log('email'); // console.log(commandData.screen); // console.log('emailss');*/ // $.ajax({ // type: "POST", // url: Routing.generate('add_answer_random', {'randomId': commandData.random, 'answer': commandData.screen, 'type': 'email', 'clinicId': "3"}), // }) // } // if (commandData.command === "Number") { // // console.log('number'); // // console.log(commandData.screen); // // console.log('numbers'); // $.ajax({ // type: "POST", // url: Routing.generate('add_answer_random', {'randomId': commandData.random, 'answer': commandData.screen, 'type': 'number', 'clinicId': "3"}), // }) // //alanBtnInstance.deactivate(); // //location.reload(); // // } // if (commandData.command === "Name") { // /*console.log('name'); // console.log(commandData.screen); // console.log('name-');*/ // $.ajax({ // type: "POST", // url: Routing.generate('add_answer_random', {'randomId': commandData.random, 'answer': commandData.screen, 'type': 'name', 'clinicId': "3"}), // }) // } // }, // onButtonState: function (e) { // // console.log('button-states-p'); // // console.info('onButtonState', e); // // console.log('button-states-e'); // }, // rootEl: document.getElementById("alan-btn"), // }); var cropper = false; $('#profileimgBtn').on('click', function () { console.log('hello'); $('#ProfileMyImageForm').modal('show'); }); var proimage = document.querySelector('#profile-image'); var cropper = false; function setCropper(target, cropData) { console.log(target); cropper = new Cropper(target, { aspectRatio: cropData.aspectRatio, cropBoxResizable: false, zoomable:cropData.zoomable, autoCropArea: 0.5, data: cropData.data, }); setTimeout(function(){ cropper.setCropBoxData({width:cropper.canvasData.width}) },1000) } function setCropFile(file, type = 'bgimage') { if(file.size > 25*1024*1024){ Swal.fire({ title: 'Error!', text: 'File not more than 25MB', icon: 'error', }) return false; } if (!file.type.startsWith('image/')) { Swal.fire({ title: 'Error!', text: 'Only image files are allowed', icon: 'error', }); return; } if (cropper) { cropper.destroy(); cropper = false; } var bgimg = document.querySelector('#' + type); var reader = new FileReader(); reader.onload = function (e) { bgimg.src = e.target.result; if (type == 'bgimage' || type == 'preview-banner-image') { var cropData = { aspectRatio: 960 / 310, data: { width: 6589.643478260869, height: 724.8607826086957, }, cropBoxResizable: false, zoomable: true, }; } else { var cropData = { aspectRatio: 1, data: { width: 400, height: 400, }, zoomable: false, }; } setCropper(bgimg, cropData); } reader.readAsDataURL(file); } function saveMyProfileData() { urltoFile( cropper.getCroppedCanvas({ width: 400, height: 400 }).toDataURL(), "image.png", "image/png" ).then(function (file) { var formData = new FormData($('#ProfileMyDataForm')[0]); formData.append("file", file); showSpinner(); $.ajax({ url: $('#ProfileMyDataForm').attr('action'), method: 'POST', data: formData, dataType:'json', processData: false, contentType: false, success: function (response) { hideSpinner(); $('#uploadProfileg').val(''); if(response.status == 'success'){ $('.avatar-online').html('<img src="'+response.data.url+'">') $('#ProfileMyImageForm').modal('hide'); $('#ProfileMyImageForm').find('.chose-btn').html(` <button type="button" onclick="document.getElementById('uploadProfileg').click()" aria-hidden="true" class="btn btn-consentz-light"> <i class="fa fa-folder-open" aria-hidden="true"></i> Choose Profile</button> <button type="button" class="btn btn-primary waves-effect waves-classic" onclick="removeProfileImg()"><i class="fa fa-trash" aria-hidden="true"></i> Remove Profile</button>`); cropper.destroy(); Swal.fire({ title: 'Success!', text: 'Uploaded successfully', icon: 'success', }) }else{ Swal.fire({ title: 'Error!', text: response.message, icon: 'error', }) } //location.reload(); }, error: function (xhr, status, error) { Swal.fire({ title: 'Error!', text: 'Something went wrong.', icon: 'error', }) console.error(error); } }); }) } function removeProfileImg(){ showSpinner(); $.ajax({ url: '/admin/remove-profile-user', method: 'POST', data: {_token:CSRF_TOKEN}, dataType:'json', success: function (response) { hideSpinner(); if(response.status == 'success'){ $('.avatar-online').html('<img src="/images/Clinic/solid_gray.png">'); $('#profile-image-user').attr('src','/images/Clinic/solid_gray.png'); $('#ProfileMyImageForm').modal('hide'); $('#ProfileMyImageForm').find('.chose-btn').html(` <button type="button" onclick="document.getElementById('uploadProfileg').click()" aria-hidden="true" class="btn btn-consentz-light"> <i class="fa fa-folder-open" aria-hidden="true"></i> Choose Profile</button> `); Swal.fire({ title: 'Success!', text: 'Profile removed successfully', icon: 'success', }); //location.reload(); $('.dimention').html('<img id="profile-image-user" class="imgfullwidth" src="/images/Clinic/solid_gray.png">'); $('.modal .chose-btn button:eq(1)').hide(); }else{ Swal.fire('Error',response.message,'warning'); } }, error: function (xhr, status, error) { Swal.fire({ title: 'Error!', text: 'Something went wrong.', icon: 'error', }) console.error(error); } }); } function urltoFile(url, filename, mimeType) { return fetch(url) .then(function (res) { return res.arrayBuffer(); }) .then(function (buf) { return new File([buf], filename, { type: mimeType }); }); } </script> <script> $chat = $("#conv-block");$profile = $(".user-profile");const smallDevice = window.matchMedia("(max-width: 991px)");const largeScreen = window.matchMedia("(max-width: 1199px)");smallDevice.addEventListener("change", handleDeviceChange);largeScreen.addEventListener("change", handleLargeScreenChange);handleDeviceChange(smallDevice);handleLargeScreenChange(largeScreen);function handleDeviceChange(e) { if (e.matches) chatMobile(); else chatDesktop();}function handleLargeScreenChange(e) { if (e.matches) profileToogleOnLarge(); else profileExtraLarge();}function chatMobile() { $chat.addClass("chat--mobile"); $chat.addClass("chat--show"); $chat.hide();}function chatDesktop() { $chat.removeClass("chat--mobile");}function profileToogleOnLarge() { $profile.addClass("user-profile--large");}function profileExtraLarge() { $profile.removeClass("user-profile--large");}$(".messaging-member").click(function () { $chat.fadeIn(); $chat.addClass("chat--show");});$(".chat__previous").click(function () { $chat.removeClass("chat--show");});$(".chat__details").click(function () { $profile.fadeIn(); $profile.addClass("user-profile--show");});$(".user-profile__close").click(function () { $profile.removeClass("user-profile--show");});</script> {% endblock %} <div class="alan-btn"></div> <div id="movies"> </div> <style> .loader-overlay{ display: none !important; } </style> <div id="global-spinner-wrap"> <div class="sk-three-bounce"> <div class="sk-child sk-bounce1"></div> <div class="sk-child sk-bounce2"></div> <div class="sk-child sk-bounce3"></div> </div> </div></body></html>