@extends('layouts.common')
 
 @section('title')
	Laiqa | Admin | Dashboard
 @endsection
 @section('content')

	<div class="page-wrapper">
            <div class="content">
                <div class="row">
                    <div class="col-sm-7 col-6">
                        <h4 class="page-title">View User query</h4>
                    </div>

                    <div class="col-sm-5 col-6 text-right m-b-30">
					  <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#exampleModal">Update Status </button>
					   <a href="{{  env('APP_URL') }}UserQuery" class="btn btn-danger btn-rounded"><i class="fa fa-arrow-left"></i> Back </a>                        
                    </div>
                </div>
               <!-- <div class="card-box profile-header">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="profile-view">
                                
                                <div class="profile-basic">
                                    
                                </div>
                            </div>                        
                        </div>
                    </div>
                </div>-->	
				<br>
				<div class="card-box profile-header">
					<div class="row">
						<div class="col-md-6">
							  <input type="hidden" id="id" value="@php echo $list[0]->id @endphp" />
							  <input type="hidden" id="user_id" value="@php echo $list[0]->user_id @endphp" />
							  <input type="hidden" name="_token" id="_token" value="@php echo csrf_token(); @endphp">
							<ul class="personal-info">
							
								<li>
									<span class="title">User Name</span>
									<span class="text">{{ $list[0]->name }}</span>
								</li>
								<li>
									<span class="title">User Email:</span>
									<span class="text">{{ $list[0]->email }}</span>
                                    <input type="hidden" id="email" value="{{$list[0]->email}}"/>
								</li>
								<li>
									<span class="title">User Query:</span>
									<span class="text">{{ $list[0]->choice_one }} -> {{ $list[0]->choice_two }} -> {{ $list[0]->query }}</span>
								</li>
								<li>
									<span class="title">Query Raised on:</span>
									<span class="text">@php echo date('Y-m-d',strtotime($list[0]->query_sent_on)) @endphp</span>
								</li>
							</ul>
						</div>
				   </div>
			   </div>
			   <div class="card-box profile-header">
					<div class="row">
						<div class="col-md-6">
							  <input type="hidden" id="id" value="@php echo $list[0]->id @endphp" />
							  <input type="hidden" id="user_id" value="@php echo $list[0]->user_id @endphp" />
							  <input type="hidden" name="_token" id="_token" value="@php echo csrf_token(); @endphp">
								<ul class="personal-info">
								<li>
									<span class="title">Married Status</span>
									<span class="text">
									@if($user_health[0]->married_status == 1)Married
									@elseif($user_health[0]->married_status == 2)Inactive
									@elseif($user_health[0]->married_status == 3)In Relationship
									@elseif($user_health[0]->married_status == 4)Single 
									@else - 
									@endif
									</span>
								</li>
								<li>
									<span class="title">Children</span>
									<span class="text">@if($user_health[0]->children == 1)None 
														@elseif($user_health[0]->children == 2)0-2
														@elseif($user_health[0]->children == 3)>2 
														@else - @endif</span>
                                    <input type="hidden" id="email" value="{{$list[0]->email}}"/>
								</li>
								<li>
									<span class="title">Trying to pregnant</span>
									<span class="text">@if($user_health[0]->trying_pregnant == 1)Yes @elseif($user_health[0]->trying_pregnant == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Fertility reminder</span>
									<span class="text">@if($user_health[0]->fertility_reminder == 1)Yes @elseif($user_health[0]->fertility_reminder == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Contraceptives</span>
									<span class="text">@if($user_health[0]->contraceptives == 1)Yes @elseif($user_health[0]->contraceptives == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Pills Reminder</span>
									<span class="text">@if($user_health[0]->pills_reminder == 1)Yes @elseif($user_health[0]->pills_reminder == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Weight</span>
									<span class="text">@if($user_health[0]->user_weight != ''){{$user_health[0]->user_weight}} @else - @endif</span>
								</li>
								<li>
									<span class="title">Height</span>
									<span class="text">@if($user_health[0]->user_height != ''){{$user_health[0]->user_height}} @else - @endif</span>
								</li>
								<li>
									<span class="title">Weight</span>
									<span class="text">@if($user_health[0]->user_blood_group != '') {{$user_health[0]->user_blood_group}} @else - @endif</span>
								</li>
								<li>
									<span class="title">Diabetics</span>
									<span class="text">@if($user_health[0]->user_diabetics == 1)Yes   @elseif($user_health[0]->user_diabetics == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Hypertension</span>
									<span class="text">@if($user_health[0]->user_hypertension == 1)Yes @elseif($user_health[0]->user_hypertension == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Heart Problem</span>
									<span class="text">@if($user_health[0]->user_heart_pblm == 1)Yes @elseif($user_health[0]->user_heart_pblm == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Ashtma</span>
									<span class="text">@if($user_health[0]->user_ashtma == 1)Yes @elseif($user_health[0]->user_ashtma == 2)No @else - @endif</span>
								</li>
							</ul>
						</div>
						<div class="col-md-6">
						<ul class="personal-info">
								
								<li>
									<span class="title">Allergies</span>
									<span class="text">@if($user_health[0]->allergies != '') {{$user_health[0]->allergies}} @else - @endif</span>
								</li>
								<li>
									<span class="title">PCOD/PCOS</span>
									<span class="text">@if($user_health[0]->pcos_pcod == 1)Yes @elseif($user_health[0]->pcos_pcod == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Dysmennorhoea</span>
									<span class="text">@if($user_health[0]->dysmennorhoea == 1)Yes @elseif($user_health[0]->dysmennorhoea == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Endometriosis</span>
									<span class="text">@if($user_health[0]->endometriosis == 1)Yes @elseif($user_health[0]->endometriosis == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Thyroid</span>
									<span class="text">@if($user_health[0]->thyroid == 1)Yes @elseif($user_health[0]->thyroid == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">Mental Health</span>
									<span class="text">@if($user_health[0]->mental_health == 1)Yes @elseif($user_health[0]->mental_health == 2)No @else - @endif</span>
								</li>
								<li>
									<span class="title">User medication</span>
									<span class="text">@if($user_health[0]->user_medication != '' || $user_health[0]->user_medication != 0) {{$user_health[0]->user_medication}} @else - @endif</span>
								</li>
								<li>
									<span class="title">User Income</span>
									<span class="text">@if($user_health[0]->user_income != '' || $user_health[0]->user_income != 0) {{$user_health[0]->user_income}} @else - @endif</span>
								</li>
								<li>
									<span class="title">Education</span>
									<span class="text">@if($user_health[0]->user_education == 1)High School@elseif($user_health[0]->user_education == 2)UG@elseif($user_health[0]->user_education == 3)PG @elseif($user_health[0]->user_education == 4)Doctrate @else - @endif</span>
								</li>
								<li>
									<span class="title">Employment</span>
									<span class="text">@if($user_health[0]->employment == 1)Student@elseif($user_health[0]->employment == 2)Employed @elseif($user_health[0]->employment == 3)Home maker  @else - @endif</span>
								</li>
								<li>
									<span class="title">Sexually Active</span>
									<span class="text">@if($user_health[0]->sexually_active == 1 ) Yes @elseif($user_health[0]->sexually_active == 2) No @else - @endif</span>
								</li>
								<li>
									<span class="title">Purpose of using App</span>
									<span class="text">@if($user_health[0]->purpose_using_app !='' ) {{$user_health[0]->purpose_using_app}} @elseif($user_health[0]->purpose_using_app == 0) -  @else - @endif</span>
								</li>
								</ul>
						</div>
				   </div>
			   </div>
         <div class="row ">
            <div class="page-content page-container col-12" id="page-content">
              <div class="padding">
                  <div class="row container d-flex justify-content-center">
                      <div class="col-md-12">
                          <div class="card card-bordered">
                              <div class="card-header">
                                  <h4 class="card-title"><strong>Conversation</strong></h4> 
                              </div>
                              <div class="ps-container ps-theme-default ps-active-y" id="chat-content" style="overflow-y: scroll !important; height:400px !important;">
                                  @foreach ($chat_list as $key => $val)
                                        <div class="media media-meta-day">{{$val->date}}</div>
                                        @foreach ($val->reply_array as $key => $reply)
                                            @if($reply->sender == 0)
                                            <div class="media media-chat"> 
                                                <div class="media-body">
                                                    <p>{{ $reply->message }}</p>
                                                  <!-- <p class="meta"><time datetime="2018">23:58</time></p>-->
                                                </div>
                                            </div>
                                            @else
                                            <div class="media media-chat media-chat-reverse">
                                                <div class="media-body">
                                                    <p>{{ $reply->message }}</p>
                                                    <p class="meta"><time datetime="2018">00:06</time></p>
                                                </div>
                                            </div>
                                            @endif
                                        @endforeach
                                  @endforeach
                              </div>
                              <div class="publisher bt-1 border-light">
								<!--<input class="publisher-input" type="text" id="reply_box" placeholder="Text here..."> -->
								<textarea class="publisher-input" id="reply_box" placeholder="Text here..."></textarea>
								<a class="publisher-btn text-info" href="javascript:void(0);" id="send_mail" data-abc="true"><i class="fa fa-paper-plane"></i> Send mail</a> 
							  </div>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
         </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Status Update</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
         <select class="select form-control" id="status">
          <option value="">Select Status</option>
           <option value="Pending">Pending</option>
           <option value="Sent to customer for details" >Sent to customer for details</option>
           <option value="sent to consultant" >Sent to consultant</option>
           <option value="Answered" >Answered</option>
         </select>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-success" id="update_status">Update</button>
      </div>
    </div>
  </div>
</div>


		
		

@endsection

@section('scripts')

<script>
        
    var CSRF_TOKEN = $('#_token').val();
    $("#update_status").click(function(){
        if($("#status").val()==''){
            alert("Please select status");return false;
        }else{
            $.ajax({
            /* the route pointing to the post function */
            url: "@php echo env('APP_URL').'update_status' @endphp",
            type: 'POST',
            /* send the csrf-token and the input to the controller */
            data: {_token: CSRF_TOKEN, status:$("#status").val(),id:$("#id").val(),userid:$("#user_id").val()},
            dataType: 'JSON',
                /* remind that 'data' is the response of the AjaxController */
                success: function (data) { 
                    //$(".writeinfo").append(data.msg); 
                    // alert(data.msg);
                    $('#exampleModal').modal('toggle');
					
                }
             });   
        }         
    });
	
	

    $("#send_mail").click(function(){
        if($("#reply_box").val()==''){
            alert("Reply should not be empty");return false;
        }else{
			var conid = $("#id").val();
            $.ajax({
            /* the route pointing to the post function */
            url: "@php echo env('APP_URL').'send/email' @endphp",
            type: 'POST',
            /* send the csrf-token and the input to the controller */
            data: {_token: CSRF_TOKEN, message:$("#reply_box").val(),consultant_query_id:$("#id").val(),email:$("#email").val(),sender:1,user_id:$("#user_id").val()},
            dataType: 'JSON',
                /* remind that 'data' is the response of the AjaxController */
                success: function (data) { 
                    //$(".writeinfo").append(data.msg); 
                    alert(data.msg);
                   
					$('#chat-content').append('<div class="media media-chat media-chat-reverse"><div class="media-body"><p>'+$("#reply_box").val()+'</p><p class="meta"><time datetime="2018">00:06</time></p></div></div>');
					
					var element = document.getElementById("chat-content");
					element.scrollTop = element.scrollHeight;
					
					$("#reply_box").val('');
                }
             });   
        }         
    });
	
	$(document).ready(function(){
      // alert('document ready');
		var conid = $("#id").val();
		// alert(conid);
		$.ajax({
			/* the route pointing to the post function */
			url: "@php echo env('APP_URL').'read_msg_status/' @endphp"+conid,
			type: 'POST',
			/* send the csrf-token and the input to the controller */
			data: {_token: CSRF_TOKEN},
			dataType: 'JSON',
				/* remind that 'data' is the response of the AjaxController */
				success: function (data) { 
					// alert('success');
				}
			 });   
                
    });
          
</script>
@endsection