@extends('layouts.master')

@section('content')
<script src="{{ asset('vendor/ion-rangeslider/js/ion.rangeSlider.min.js') }}"></script>
<link href="{{ asset('vendor/ion-rangeslider/css/ion.rangeSlider.min.css') }}" rel="stylesheet">
    
<div class="container">
	<div class="white-title mt45 extempore_pro_head">
	   	<div class="row">
	      	<div class="col-xl-6" style="margin-top: 7px;">
	         	<!-- <h3 class="mt-15 mb-0">My Profile</h3> -->
	      	</div>
	   	</div>
	</div>
    <div class="row extempore_no_margin main-panel main-panel-setting_">
        <div class="col-sm-12 main-panel-content-tab mb-20">
            <div class="row">
                <ul class="nav nav-tabs extempore_nav_tabs">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#editprofile">Edit Profile</a>
                    </li>                    
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#integration">Integrations</a>
                    </li>
                    <!-- <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#accsettings">App Settings</a>
                    </li>                -->
                </ul>

                <!-- Tab panes -->
                <div class="tab-content wid100">
                    <div id="editprofile" class="container tab-pane active integration-tab"><br>
                        <div class="row minheight400">
                            <div class="col-md-2 extempore_ver_tab">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#profile" role="tab" aria-controls="profile">Profile</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#chpass" role="tab" aria-controls="chpass">Password</a>
                                    </li>                                                        
                                </ul>
                            </div>
                            @include('common.alerts')
                            <div class="col-md-10">
                                <div class="tab-content">
                                    <div class="alert alert-success alert-dismissible" role="alert" id="successMsg" style="display: none;">
                                    </div>
                                    <div class="alert alert-danger alert-dismissable" style="padding-top:8px;padding-bottom:8px;margin-top: 10px;display: none;" id="errorMsg">
                                    </div>
                                    <div class="tab-pane active" id="profile" role="tabpanel">
                                        <div class="row m0">
                                            <div class="col-md-10 p30" style="padding-bottom: 0px;">
                                                
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="po-img">
                                                                @if($user->profile_img !='')
                                                                <img src="{{$user->profile_img}}" class="pro-img br50per" alt="Usr profile" id="uploaded_image">
                                                                @else 
                                                                <img src="{{asset('img/profile.jpg')}}" class="pro-img br50per" alt="Usr profile" id="uploaded_image">
                                                                @endif
                                                                <!--<img src="{{asset('img/profile.jpg')}}" class="pro-img br50per" alt="Usr profile" id="uploaded_image">-->
                                                                <input type="file" name="upload_image" id="upload_image" style="display: none;"/>
                                                                <button class="img-upload-button" onclick="uploadProfileImg();"><i class="fa fa-camera"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                 </div>
                                                 <form id="profFrm">
                                                <div class="col-md-10 p30">
                                                    <div class="row">
                                                        
                                                    {!! csrf_field() !!}
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>Full Name : </label>
                                                                <input class="form-control fw500 fs18 inputText" type="text" placeholder="" required="" value="{{$user->name}}" name="name" id="name">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>Email : </label>
                                                                <input class="form-control fw500 fs18 inputText" type="text" placeholder="" value="{{$user->email}}" name="email12" id="email" disabled="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label for="">Profession : </label>
                                                                <input class="form-control fw500 fs18 inputText" type="text" placeholder=""  value="{{$user->profession}}" name="profession" id="profession">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label for="">Company Name : </label>
                                                                <input class="form-control fw500 fs18 inputText" type="text" placeholder=""  value="{{$user->companyName}}" name="companyName" id="companyName">
                                                            </div>
                                                        </div>
                                                    
                                                    <div class="col-md-6" style="display: none;">
                                                        <!-- <div class=""> -->
                                                            <label >Joining Date : </label>
                                                             <!-- <input class="form-control fw500 fs18 inputText" type="text" placeholder="" required="" value="{{ Carbon\Carbon::parse($user->created_at)->format('j, M Y')}}" name="doj" id="doj"> -->
                                                             <p>{{ Carbon\Carbon::parse($user->created_at)->format('j, M Y')}}</p>
                                                            
                                                        <!-- </div> -->
                                                    </div>
                                                    <div class="col-sm-6" style="display: none;">
                                                        <div class="">
                                                            <label for="">Account Type : </label>
                                                            <!-- <input class="form-control fw500 fs18 inputText" type="text" placeholder="" required="" value="" name="accounttype" id="accounttype"> -->
                                                            @if(0 < Auth::user()->reseller_type)
                                                            <p>Reseller</p>
                                                            @else
                                                               @if(Auth::user()->is_pro==1 || Auth::user()->is_pro==0)
                                                               <p>Standard</p>
                                                               @elseif(Auth::user()->is_pro==2)
                                                               <p>Elite</p>
                                                               @elseif(Auth::user()->is_pro==3)
                                                               <p>Lite</p>
                                                               @elseif(Auth::user()->is_pro==4)
                                                               <p>Pro</p>
                                                               @endif
                                                            @endif
                                                        </div>
                                                    </div> 
                                                    <div class="col-md-12 txt_center">
                                                        <button class="btn btn-sm btn-extempore-write" id="proFileFrm">
                                                         Save
                                                        </button>
                                                    </div>
                                                
                                                </div>                                        
                                                    
                                            </div></form>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="chpass" role="tabpanel">
                                        <div class="row m0">
                                            <!-- <div class="col-md-12">
                                                <h3>You Tube</h3>
                                            </div> -->
                                            <div class="col-md-8 p30 mt10">
                                                <form action="{{url('profile-pass')}}" method="POST" id="proPass">
                                                    {!! csrf_field() !!}
                                                    <div class="form-group">
                                                        <label>Password</label>
                                                        <input class="form-control fw500 fs18 inputText" type="password" placeholder="" required="" value="" name="password" id="pass">
                                                    </div>
                                                    <div class="form-group">
                                                        <label>Confirm Password</label>
                                                        <input class="form-control fw500 fs18 inputText" type="password" placeholder="" required="" value="" name="confirm_password" id="conpass">
                                                    </div>
                                                    <div class="col-sm-12 txt_center">
                                                        <button class="btn btn-sm btn-extempore-write" id="proPassBtn">
                                                         Save
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="integration" class="container tab-pane fade integration-tab"><br>
						<div class="row minheight400">
                            <div class="col-md-2 extempore_ver_tab">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <!--<li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#vimeo" role="tab" aria-controls="vimeo">Vimeo</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#youtube" role="tab" aria-controls="youtube">YouTube</a>
                                    </li>-->
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#everlesson" role="tab" aria-controls="everlesson">EverLesson</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-10">
							
							                               <form action="{{url('profile-integration')}}" method="POST" id="integrationFrm">
                                <div class="tab-content">            						
                                               {!! csrf_field() !!}
                                                <div class="alert alert-success alert-dismissible" role="alert" id="successMsgI" style="display: none;">
                                                </div>
                                                <div class="alert alert-danger alert-dismissable" style="padding-top:8px;padding-bottom:8px;margin-top: 10px;display: none;" id="errorMsgI">
                                                </div>
                                        <div class="tab-pane" id="vimeo" role="tabpanel">
                                            <div class="row m0">                                                
                                                <!-- <div class="col-md-12">
                                                    <h3>Vimeo</h3>
                                                </div> -->
                                                <div class="col-md-8 p30 mt10">                                            
                                                    <div class="form-group">
                                                        <label>Vimeo Client ID</label>
                                                        <input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$vimeo_api}}" name="vimeo[api_key]" id="vimeo_api">
                                                    </div>
                                                    <div class="form-group">
                                                        <label>Vimeo Secret ID</label>
                                                        <input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$vimeo_secret}}" name="vimeo[secret_key]" id="vimeo_secret">
                                                    </div>
                                                    <div class="col-sm-12 txt_center">
                                                        <button class="btn btn-sm btn-extempore-write proEverBtn" >
                                                         Save
                                                        </button>
                                                    </div>                                            
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="youtube" role="tabpanel">
                                            <div class="row m0">
                                                <!-- <div class="col-md-12">
                                                    <h3>You Tube</h3>
                                                </div> -->
                                                <div class="col-md-8 p30 mt10">
                                                    <div class="form-group">
                                                        <label>YouTube Client ID</label>
                                                        <input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$youtube_api}}" name="youtube[api_key]" id="youtube_api">
                                                    </div>
                                                    <div class="form-group">
                                                        <label>YouTube Secret ID</label>
                                                        <input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$youtube_secret}}" name="youtube[secret_key]" id="youtube_secret">
                                                    </div>
                                                    <div class="col-sm-12 txt_center">
                                                        <button class="btn btn-sm btn-extempore-write proEverBtn">
                                                         Save
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane active" id="everlesson" role="tabpanel">
                                            <div class="row m0">
                                               <!--  <div class="col-md-12">
                                                    <h3>Ever Lesson</h3>
                                                </div> -->
                                                <div class="col-md-8 p30 mt10">
                                                    <div class="form-group">
                                                        <label>EverLesson API Key</label>
                                                        <input class="form-control fw500 fs18 inputText input-key" type="text" placeholder=""   value="{{$everlesson_api}}" name="everlesson[api_key]" id="everlesson_api">
                                                    </div>
                                                    <div class="form-group">
                                                        <label>EverLesson Secret Key</label>
                                                        <input class="form-control fw500 fs18 inputText input-key" type="text" placeholder=""   value="{{$everlesson_secret}}" name="everlesson[secret_key]" id="everlesson_secret">
        											</div>
													<input type="hidden" value="{{$ever_step}}" name="ever_step" id="ever_step">
													@if(!isset($everlesson_mId) || $everlesson_mId =='')
																											@else
																											@endif
                                                    <div class="form-group" id="everlesson_mId_div" style="{{$mstyle}}">
                                                        <label>EverLesson Membership Id</label>
                                                        <!--<input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$everlesson_mId}}" name="everlesson[mId]" id="everlesson_mId">-->
														<select name="everlesson[mId]" id="everlesson_mId" class="form-control">
															@if(isset($mResponse) && $mResponse !='')
																
																@foreach($mResponse as $mdata)
																@if($everlesson_mId == $mdata->membership_id)
																	<option selected=selected value="{{$mdata->membership_id}}">{{$mdata->membership_name}}</option>
																@else
																	<option value="{{$mdata->membership_id}}">{{$mdata->membership_name}}</option>
																@endif
																@endforeach
															@endif
														</select>
        											</div>
													@if(!isset($everlesson_pId) || $everlesson_pId =='')
																											@else
																											@endif
                                                    <div class="form-group"  id="everlesson_pId_div"  style="{{$pstyle}}">
                                                        <label>EverLesson Course Id</label>
                                                        <!--<input class="form-control fw500 fs18 inputText" type="text" placeholder=""   value="{{$everlesson_pId}}" name="everlesson[pId]" id="everlesson_pId">-->
														<select name="everlesson[pId]" id="everlesson_pId" class="form-control">
															@if(isset($pResponse) && $pResponse !='')
																
																@foreach($pResponse as $pdata)
																@if($everlesson_pId == $pdata->product_id)
																	<option selected=selected value="{{$pdata->product_id}}">{{$pdata->product_name}}</option>
																@else
																	<option value="{{$pdata->product_id}}">{{$pdata->product_name}}</option>
																@endif
																@endforeach
															@endif
														</select>
        											</div>
													
        											 <div class="col-sm-12 txt_center df">
													 @if($ever_step <=1)
																																									@else
																																									@endif
                                                        <button type="button" style="" class="btn btn-sm btn-extempore-write btn-profile-reset">
                                                         Reset
                                                        </button>
                                                        <button type="button" style="{{$bstyle}}" class="btn btn-sm btn-extempore-write proEverBtn">
                                                         Get Membership
                                                        </button>
                                                        <button type="submit" style="{{$bbstyle}}" class="btn btn-sm btn-extempore-write integrationFrmBtn">
                                                         Save
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>            					 
        					       </div>
								</form>
                            </div>
    					</div>
					</div>
					                    <div id="accsettings" class="container tab-pane fade"><br>
                        <form action="{{url('profile-settings')}}" method="POST" id="settingFrm">
                            {!! csrf_field() !!}  
                             
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="alert alert-success alert-dismissible" role="alert" id="successMsgS" style="display: none;">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                </div>
                                <div class="col-md-6 mt5per">
                                     
                                    <!-- <br clear="all" /> -->
                                    <div class="row mb10">
                                        <div class="col-md-6">
                                            <label class="mt5">Silent Mode <i class="fa fa-question-circle" title="Put your phone on silent mode when recording video."></i></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="switch">
                                                <input type="checkbox" name="IsSilentMode" @if($IsSilentMode == 1) checked @endif>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <!-- <div class="row mb10">
                                        <div class="col-md-6">
                                            <label>Words per Minute</label>
                                        </div>
                                        <div class="col-md-6">                                           
											<input type="range" min="50" max="300" name="wordsPerMinute" value="{{$wordsPerMinute}}" step="10" />
                                        </div>
                                    </div> -->
                                    <div class="row mb10">
                                        <div class="col-md-6">
                                            <label>Words per Minute <i class="fa fa-question-circle" title="Set the number of words you can read per minute."></i></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input type="text" class="js-range-slider" name="wordsPerMinute" value={{$wordsPerMinute}}" />
                                        </div>
                                    </div>
                                    <div class="row mb10">
                                        <div class="col-md-6">
                                            <label class="mt5">Auto Stop <i class="fa fa-question-circle" title="Automatically stop recording when the script ends."></i></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="switch">
                                                <input name="isAutomaticTeleprompterStop" @if($isAutomaticTeleprompterStop == 1) checked @endif type="checkbox">
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row mb10">
                                        <div class="col-md-6">
                                            <label>Scroll Speed <i class="fa fa-question-circle" title="Adjust the speed in which the script scrolls."></i></label>
                                        </div>
																				 <div class="col-md-6">
                                            <label class="switch">
                                                <input name="isAdjustTeleprompterSpeed" @if($isAdjustTeleprompterSpeed == 1) checked @endif type="checkbox">
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row mb10">
                                        <div class="col-md-6">
                                            <label class="mt5">App Usage Analytics <i class="fa fa-question-circle" title="Gets stats on app usage."></i></label>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="switch">
                                                <input name="sendAppUsageDataForAnalytics" @if($sendAppUsageDataForAnalytics == 1) checked @endif type="checkbox">
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                </div>
                                <div class="col-sm-12 txt_center">
                                    <button class="btn btn-sm btn-extempore-write" id="settingFrmBtn">
                                     Save
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>               
                </div>
            </div>
         </div>
    </div>
</div>

<div id="uploadimageModal" class="modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">                            
                <div class="modal-title fs24">Create Profile Picture</div>
                <button type="button" class="close fs40 fw500" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-8 text-center">
                        <div id="image_demo" style="width:350px; margin-top:30px"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success crop_image">Crop & Upload Image</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@section('scripts')
<script>




    var BASE_URL = "{{url('/')}}";
	function uploadProfileImg(){
         $("#upload_image").click();
    }
$(document).ready(function(){

    $(".btn-profile-reset").hide();

	/* var ever_step = {{$ever_step}};
	if( ever_step ==1){
		$('#ever_step').val(0);
		$( ".proEverBtn" ).trigger( "click" );
	}else if( ever_step ==2){
		$('#ever_step').val(0);
		$( ".proEverBtn" ).trigger( "click" );
	} */ 
	
	$("#everlesson_mId").change(function () {
		var api_key =  $("#everlesson_api").val();
		 var secret_key =  $("#everlesson_secret").val();
		 var ever_step = $('#ever_step').val();
		 var everlesson_mId =  $("#everlesson_mId").val();
		$.ajax({
			url:BASE_URL + "/getpId",
			type:"POST",
			data:{"api_key": api_key,"secret_key": secret_key,"mId": everlesson_mId,'_token': '{{ csrf_token() }}','user_id':{{Auth::user()->id}}},
			success:function(data1)
			{
				var data2 = jQuery.parseJSON(data1);
				if(data2.type == 'success') {
					var data3 = jQuery.parseJSON(data2.msg);
					$('#everlesson_pId').empty();				
					$(data3).each(function()
					 {
						/*  alert(this.value);
						 alert(this.label); */

						 //this refers to the current item being iterated over
							
						 var option = $('<option />');
						 option.attr('value', this.product_id).text(this.product_name);
			
						 $('#everlesson_pId').append(option);
						 $('#everlesson_pId_div').show();
						 $('.proEverBtn').hide();
						 $('.integrationFrmBtn').show();
						 $('#ever_step').val(2);
					 });

					/* console.log(data3);everlesson_mId
						$('#errorMsg').text('');
						$('#errorMsg').hide();
						$('#successMsg').text(data2.msg);
						$('#successMsg').show();
						$('#successMsg').hide(3500, function() { $('#successMsg'); }); */
						
				}else if(data2.type == 'error'){
					$('#successMsg').text('');
					$('#successMsg').hide();
					$('#errorMsgI').show();
					$('#errorMsgI').text(data2.msg);
					$('#errorMsgI').hide(3500, function() { $('#errorMsgI'); });
				}
			}
		});
	});

    $(".btn-profile-reset").click(function(){
        $(".proEverBtn").html('Get Membership');
        $("#everlesson_mId_div").hide();
        $("#everlesson_pId_div").hide();
        $(".input-key").prop('disabled', false);
        $(".input-key").val('');
        $(".btn-profile-reset").hide();
        $('#ever_step').val(0);
        $('.proEverBtn').show();
		$('.integrationFrmBtn').hide();
    });
	$('.proEverBtn').click(function(event){
				 var api_key =  $("#everlesson_api").val();
				 var secret_key =  $("#everlesson_secret").val();
				 var ever_step = $('#ever_step').val();
				 if(ever_step == 0){
					$.ajax({
						url:BASE_URL + "/getToken",
						type:"POST",
						data:{"api_key": api_key,"secret_key": secret_key,'_token': '{{ csrf_token() }}','user_id':{{Auth::user()->id}}},
						success:function(data1)
						{
							var data2 = jQuery.parseJSON(data1);
							if(data2.type == 'success') {
								var data3 = jQuery.parseJSON(data2.msg);
								$(data3).each(function()
								 {
									/*  alert(this.value);
									 alert(this.label); */

									 //this refers to the current item being iterated over

									 var option = $('<option />');
									 option.attr('value', this.membership_id).text(this.membership_name);
						
									 $('#everlesson_mId').append(option);
									 $('#everlesson_mId_div').show();
									 $('#ever_step').val(1);
									 $(".proEverBtn").html('Get Courses');
                                     $(".btn-profile-reset").show();
                                     $(".input-key").prop('disabled', true);
								 });
 
								/* console.log(data3);everlesson_mId
									$('#errorMsg').text('');
									$('#errorMsg').hide();
									$('#successMsg').text(data2.msg);
									$('#successMsg').show();
									$('#successMsg').hide(3500, function() { $('#successMsg'); }); */
									
							}else if(data2.type == 'error'){
								$('#successMsg').text('');
								$('#successMsg').hide();
								$('#errorMsgI').show();
								$('#errorMsgI').text(data2.msg);
								$('#errorMsgI').hide(3500, function() { $('#errorMsgI'); });
							}
						}
					});
				 }else if(ever_step == 1){
					 var everlesson_mId =  $("#everlesson_mId").val();
					$.ajax({
						url:BASE_URL + "/getpId",
						type:"POST",
						data:{"api_key": api_key,"secret_key": secret_key,"mId": everlesson_mId,'_token': '{{ csrf_token() }}','user_id':{{Auth::user()->id}}},
						success:function(data1)
						{
							var data2 = jQuery.parseJSON(data1);
							if(data2.type == 'success') {
								var data3 = jQuery.parseJSON(data2.msg);								
								$(data3).each(function()
								 {
									/*  alert(this.value);
									 alert(this.label); */

									 //this refers to the current item being iterated over

									 var option = $('<option />');
									 option.attr('value', this.product_id).text(this.product_name);
						
									 $('#everlesson_pId').append(option);
									 $('#everlesson_pId_div').show();
									 $('.proEverBtn').hide();
									 $('.integrationFrmBtn').show();
									 $('#ever_step').val(2);
								 });
 
								/* console.log(data3);everlesson_mId
									$('#errorMsg').text('');
									$('#errorMsg').hide();
									$('#successMsg').text(data2.msg);
									$('#successMsg').show();
									$('#successMsg').hide(3500, function() { $('#successMsg'); }); */
									
							}else if(data2.type == 'error'){
								$('#successMsg').text('');
								$('#successMsg').hide();
								$('#errorMsgI').show();
								$('#errorMsgI').text(data2.msg);
								$('#errorMsgI').hide(3500, function() { $('#errorMsgI'); });
							}
						}
					});
				 }
      		});
			
    $(".js-range-slider").ionRangeSlider({
        min: 50,
        max: 300,
        from: 50
    });
    $('#upload_image').on('change', function(){
    	console.log("Not Working");
	    var reader = new FileReader();
	    reader.onload = function (event) {
	      $image_crop.croppie('bind', {
	        url: event.target.result
	      }).then(function(){
	        console.log('jQuery bind complete');
	      });
	    }
	    reader.readAsDataURL(this.files[0]);
	    // console.log("Not Working");
	    $('#uploadimageModal').modal('show');
	});

	$image_crop = $('#image_demo').croppie({
    	enableExif: true,
    		viewport: {
      		width:200,
      		height:200,
      		type:'square' //circle
    	},
    	boundary:{
      		width:300,
      		height:300
    	}
  	});

    $('.crop_image').click(function(event){
    	$image_crop.croppie('result', {
      		type: 'canvas',
      		size: 'viewport'
    	}).then(function(response){
      	$.ajax({
        	url:BASE_URL + "/profileUpload",
        	type:"POST",
        	data:{"image": response,'_token': '{{ csrf_token() }}','user_id':{{Auth::user()->id}}},
        	success:function(data)
        	{
          		$('#uploadimageModal').modal('hide');
          		$('#uploaded_image').attr('src',data);
        	}
      		});
    	})
  	});
            $('#proFileFrm').click(function(event){
                 var form = $('#profFrm');
                 var formMessages = $('#form-messages');
                event.preventDefault();
                var formData = $(form).serialize();
                $.ajax({
                    type: 'POST',
                   url:BASE_URL + "/profile-update",
                    data: formData,
                    dataType: 'json',
                    success:function(data)
                    {
                            if(data.type == 'success') {
                                $('#successMsg').text(data.msg);
                                $('#successMsg').show();
                                $('#successMsg').hide(3500, function() { $('#successMsg'); });
                                
                            } else if(data.type == 'error'){
                                
                            }
                    }
                })
                
            });
            $('#proPassBtn').click(function(event){
                 var form = $('#proPass');
                 var formMessages = $('#form-messages');
                event.preventDefault();
                var formData = $(form).serialize();
                $.ajax({
                    type: 'POST',
                   url:$(form).attr('action'),
                    data: formData,
                    dataType: 'json',
                    success:function(data)
                    {
                            if(data.type == 'success') {
                                $('#errorMsg').text('');
                                $('#errorMsg').hide();
                                $('#successMsg').text(data.msg);
                                $('#successMsg').show();
                                $('#successMsg').hide(3500, function() { $('#successMsg'); });
                                
                            } else if(data.type == 'error'){
                               jQuery.each(data.errors, function(key, value){
                                         $('#successMsg').text('');
                                        $('#successMsg').hide();
                  			$('#errorMsg').show();
                                         $('#errorMsg').text("");
                  			$('#errorMsg').append('<p>'+value+'</p>');
                                        $('#errorMsg').hide(3500, function() { $('#errorMsg'); });
                  		});
                            }
                    }
                })
                
            });
            $('.integrationFrmBtn').click(function(event){
                 var form = $('#integrationFrm');
                 var formMessages = $('#form-messages');
                event.preventDefault();
                var formData = $(form).serialize();
                $.ajax({
                    type: 'POST',
                   url:$(form).attr('action'),
                    data: formData,
                    dataType: 'json',
                    success:function(data)
                    {
                            if(data.type == 'success') {
                                $('#errorMsgI').text('');
                                $('#errorMsgI').hide();
                                $('#successMsgI').text(data.msg);
                                $('#successMsgI').show();
                                $('#successMsgI').hide(3500, function() { $('#successMsgI'); });                                
                            } else if(data.type == 'error'){
                                $('#successMsgI').text('');
                                $('#successMsgI').hide();
                                $('#errorMsgI').text(data.msg);
                                $('#errorMsgI').show();
                                $('#errorMsgI').hide(3500, function() { $('#errorMsgI'); });
                            }
                    }
                })
                
            });
            $('#settingFrmBtn').click(function(event){
                 var form = $('#settingFrm');
                 var formMessages = $('#form-messages');
                event.preventDefault();
                var formData = $(form).serialize();
                $.ajax({
                    type: 'POST',
                   url:$(form).attr('action'),
                    data: formData,
                    dataType: 'json',
                    success:function(data)
                    {
                            if(data.type == 'success') {
                                $('#successMsgS').text(data.msg);
                                $('#successMsgS').show();
                                $('#successMsgS').hide(3500, function() { $('#successMsgS'); });                                
                            } else if(data.type == 'error'){
                                $('#successMsgS').text('');
                                $('#successMsgS').hide();
                                $('#errorMsgS').text(data.msg);
                                $('#errorMsgS').show();
                                $('#errorMsgS').hide(3500, function() { $('#errorMsgS'); });
                            }
                    }
                })
                
            });
			 
        });  
        
</script>
@stop 
@endsection