@extends('theme.master')
@section('title', 'Profile & Setting')
@section('content')

@include('admin.message')


<!-- about-home start -->
<section id="blog-home" class="blog-home-main-block profile_had">
    <div class="container">
        <h1 class="blog-home-heading text-white">{{ __('frontstaticword.UserProfile') }}</h1>
    </div>
</section> 
<!-- profile update start -->
<section id="profile-item" class="profile-item-block homepad">
    <div class="container">

	        <div class="row">
	            <div class="col-xl-3 col-lg-4 mb-4">
	                <div class="dashboard-author-block text-center bg-light rounded">
	                    <div class="author-image">
						    <div class="avatar-upload">
						       
						        <div class="avatar-preview">
						        	@if(Auth::User()->user_img != null || Auth::User()->user_img !='')
							            <div class="avatar-preview-img" id="imagePreview" style="background-image: url({{ url('/images/user_img/'.Auth::User()->user_img) }});">
							            </div>
							        @else
							        	<div class="avatar-preview-img" id="imagePreview" style="background-image: url({{ asset('images/default/user.jpg')}});">
							            </div>
							        @endif
						        </div>
						    </div>
	                    </div>
	                    <div class="author-name font-size-20 text-dark font-weight-semibold">{{ Auth::User()->fname }} <span class="font-weight-light">{{ Auth::User()->lname }}</span></div>
	                </div>
	                <div class="dashboard-items bg-light rounded">
	                    <ul>
	                    	@if(Auth::User()->role == "user")
	                        <li><i class="fa fa-bookmark"></i><a href="{{ route('mycourse.show') }}" title="Dashboard">{{ __('frontstaticword.MyCourses') }}</a></li>
	                        <li><i class="fa fa-heart"></i><a href="{{ route('wishlist.show') }}" title="Profile Update">{{ __('frontstaticword.MyWishlist') }}</a></li>
	                        <li><i class="fa fa-history"></i><a href="{{ route('purchase.show') }}" title="Followers">{{ __('frontstaticword.PurchaseHistory') }}</a></li>
	                        @endif
	                        <li><i class="fa fa-user"></i><a href="{{route('profile.show',Auth::User()->id)}}" title="Upload Items">{{ __('frontstaticword.UserProfile') }}</a></li>
	                        @if(Auth::User()->role == "user")
	                        <li style="display: none"><i class="fas fa-chalkboard-teacher"></i><a href="#" data-toggle="modal" data-target="#myModalinstructor" title="Become An Instructor">{{ __('frontstaticword.BecomeAnInstructor') }}</a></li>
	                      
	                        <li style="display: none"><i class="fa fa-bank"></i><a href="{{ url('bankdetail') }}" title="Upload Items">{{ __('frontstaticword.MyBankDetails') }}</a></li>

	                        <li style="display: none"><i class="fa fa-check"></i><a href="{{ route('2fa.show') }}" title="2FactAuth">{{ __('frontstaticword.2FactorAuth') }}</a></li>
	                          @endif

@if(Auth::User()->role == "staff")
<li style="display: "><i class="fa fa-list"></i><a href="{{route('profile.lead')}}" title="2FactAuth">All Leads</a></li>
<li style="display: "><i class="fa fa-list"></i><a href="{{route('profile.referuser_list')}}" title="My Refer Users">My Refer Users</a></li>
@endif


	                    </ul>
	                </div>
	            </div>
	            <div class="col-xl-9 col-lg-8">

	                <div class="profile-info-block bg-light rounded">
	                    <div class="profile-heading font-weight-semibold line-hight-1">All Leads
	                    </div>
	                    <div class="row">



@php

$start_date=date('Y-m-').'01';
if(isset($_GET['start_date'])){
	$start_date=$_GET['start_date'];
}
$end_date=date('Y-m-t');
if(isset($_GET['end_date'])){
	$end_date=$_GET['end_date'];
}

$pending_count = DB::table('lead')->where('status',0)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();

$cold_count = DB::table('lead')->where('status',1)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();

$warm_count = DB::table('lead')->where('status',2)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();

$hot_count = DB::table('lead')->where('status',3)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();

$ni_count = DB::table('lead')->where('status',4)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();

$closed_count = DB::table('lead')->where('status',5)->where('staff_id',Auth::User()->id)->whereDate('created_at','>=',$start_date)->whereDate('created_at','<=',$end_date)->count();


@endphp



<div class="col-md-12" style="float:left;">
<form method="get" action="" class="">
<div class="col-md-4" style="float:left;">
	<label>Start Date</label>
<input type="date" name="start_date"  value="{{$start_date}}" class="">
</div>
<div class="col-md-4" style="float:left;">
<label>End Date</label>
<input type="date" name="end_date"value="{{$end_date}}" class="">
</div>
<div class="col-md-4" style="float:left;">
<button type="submit" class="btn btn-primary">Filter</button>
</div>
</form>
<div style="clear: both;"></div><br/><br/>
</div>  


	<div class="col-md-12" style="float:left;">



<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>




<script>
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	exportEnabled: true,
	theme: "dark",
	title:{
		text: "Lead Status"
	},
	data: [{
		type: "pyramid",
		indexLabelFontColor: "black",
		indexLabelFontSize: 16,
		indexLabel: "{label} - {y}",
		//reversed: true, // Reverses the pyramid
		dataPoints: [
			{ y: , label: "Pending" },
			{ y: , label: "Cold" },
			{ y: , label: "Warm" },
			{ y: , label: "Hot" },
			{ y: , label: "Not Interested" },
			{ y: , label: "Closed" }
		]
	}]
});
chart.render();

}
</script>









<div style="clear: both;"></div><br/><br/>

	</div>



	<div class="col-md-12" style="float:left;">
  <B>Search By Status</B>
<form method="get" action="" class="">
<select name="status" class="form-control" style="    width: 200px;
    padding: 0;
    float: left;" required>
<option value="">Select Status</option>
<option value="0" @if(isset($_GET['status'])) @if($_GET['status'] == 0) selected="" @endif @endif>Pending</option>
<option value="1" @if(isset($_GET['status'])) @if($_GET['status'] == 1) selected="" @endif @endif>Cold</option>
<option value="2"  @if(isset($_GET['status'])) @if($_GET['status'] == 2) selected="" @endif @endif>Warm</option>
<option value="3"  @if(isset($_GET['status'])) @if($_GET['status'] == 3) selected="" @endif @endif>Hot</option>
<option value="4"  @if(isset($_GET['status'])) @if($_GET['status'] == 4) selected="" @endif @endif>Not Interested</option>
<option value="5"  @if(isset($_GET['status'])) @if($_GET['status'] == 5) selected="" @endif @endif>Closed</option>

</select>
<button type="submit" class="btn btn-primary">Search</button>
</form>
</div>  
            <br/>

<table id="datatable-buttons" class="table table-striped table-bordered">
<thead>
<tr>
<th>Course</th>
<th>Lead Details</th>
<th>Last Follow Up</th>
<th>Lead Status</th>
<th></th>
</tr>
</thead>
<tbody>


@foreach ($leads as $user)
<tr>

<td>
@if($user->cat_type == 1)
UPSC
@elseif($user->cat_type == 2)
Cat
@elseif($user->cat_type == 3)
Banking
@elseif($user->cat_type == 4)
SSC
@elseif($user->cat_type == 5)
Aviation
@elseif($user->cat_type == 6)
UPPCS
@elseif($user->cat_type == 7)
BPSC
  @endif
</td>
<td>
<p><b>{{ __('Lead Id') }}</b>: {{ $user->id }}</p>
<p><b>{{ __('Name') }}</b>: {{ $user->name }}</p>
<p><b>{{ __('Email') }}</b>: {{ $user->email }}</p>
<p><b>{{ __('Mobile') }}</b>: {{ $user->mobile }}</p>
</td>

<td>
@php
$get_lead_followup=DB::table('lead_followup')->where('lead_id',$user->id)->orderBy('id','Desc')->first();
@endphp
@if(!empty($get_lead_followup))
<p><b>{{ __('Type') }}</b>: 
@if($get_lead_followup->type == '0')
Follow Up
@elseif($get_lead_followup->type == '1')
Call
@elseif($get_lead_followup->type == '2')
WA
@elseif($get_lead_followup->type == '3')
Email
@endif
</p>
<p><b>{{ __('Date') }}</b>: {{ date('d-M-Y',strtotime($get_lead_followup->created_at)) }}</p>
<p><b>{{ __('Message') }}</b>: {{ $get_lead_followup->message }}</p>
@endif
</td>



<td>
@if($user->status == 0) Pending @endif
@if($user->status == 1) Cold @endif
@if($user->status == 2) Warm @endif
@if($user->status == 3) Hot @endif
@if($user->status == 4) Not Interested @endif
@if($user->status == 5) Closed @endif
</td>


<td>
<a href="{{route('profile.leadview',$user->id)}}" style="cursor:pointer;"><i class="feather icon-edit mr-2"></i>View</a>	

</td>
</tr>


@endforeach
</tbody></table>


	                
	            </div>
	        </div>

    </div>
</section>






<div id="mySidenav" style="display:none; width: 100%;" class="sidenav">
	<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
	
<iframe></iframe>


</div>
<div id="overlay" onclick="closeNav()"></div>

<script>

function openNav() {
	$('.sidenav').show(); 
}

function closeNav() {
	$('.sidenav').hide(); 
}
</script>

<!-- profile update end -->
@endsection

@section('custom-script')


<style type="text/css">
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 3;
		top: 0;
		right: 0;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
		background-color: #111;
	}

	.sidenav a{

		display: block;
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		transition: 0.3s;
	}
	
	.sidenav a:hover{

		color: #F1F1F1;

	} 

	.sidenav .closebtn{
		
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 35px;
		margin-left: 50px;
	}
  
  #overlay{
    z-index: 2;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
  }

	@media screen and (max-height: 450px){

		.sidenav{padding-top: 15px;}
		.sidenav a{font-size: 18px;}

	}
</style>
<script>
(function($) {
  "use strict";
  $(function() {
    var urlLike = '{{ url('country/dropdown') }}';
    $('#country_id').change(function() {
      var up = $('#upload_id').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:id, text:title}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });
  })(jQuery);

</script>

<script>
(function($) {
  "use strict";
  $(function() {
    var urlLike = '{{ url('country/gcity') }}';
    $('#upload_id').change(function() {
      var up = $('#grand').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:id, text:title}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });
  })(jQuery);

</script>

<script>
(function($) {
  "use strict";
	function readURL(input) {
	if (input.files && input.files[0]) {
	    var reader = new FileReader();
	    reader.onload = function(e) {
	        $('#imagePreview').css('background-image', 'url('+e.target.result +')');
	        $('#imagePreview').hide();
	        $('#imagePreview').fadeIn(650);
	    }
	    reader.readAsDataURL(input.files[0]);
		}
	}
	$("#imageUpload").change(function() {
	    readURL(this);
	});
})(jQuery);
</script>

<script>
  function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("update-password");
    if (checkBox.checked == true){
      text.style.display = "block";
    } else {
       text.style.display = "none";
    }
  }
</script>

<script>
(function($) {
  "use strict";
	$('#password, #confirm_password').on('keyup', function () {
	  if ($('#password').val() == $('#confirm_password').val()) {
	    $('#message').html('Password Match').css('color', 'green');
	  } else 
	    $('#message').html('Password Do Not Match').css('color', 'red');
	});
})(jQuery);

</script>

<script>
(function($) {
  "use strict";
	tinymce.init({selector:'textarea#detail'});
})(jQuery);
</script>

@endsection