@extends('layout.member_app') 
@section('content')

<div class="main-content container-fluid"> 
	<div class="row breadcrumb-holder">
		<div class="container">
			<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="#">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">Shortlist</li>
			</ol>
			</nav>
		</div>
	</div>
	<div class="row">
	  	<section class="filter-search container-fluid">
		  	<div class="container">
		  	<div class="row">
		  		@include('member.account.account_aside')
		  		<div class="col-lg-9 pl-30 pr-0 search-result">
		  			@if(count($partners) < 1)
		  			<p>No profiles found.</p>
		  			@else
		  			@foreach($partners as $partner) 
		  			<div class="card card-lite mb-25" id="shortlistProfile{{$partner->reg_no}}">
						<div class="card-body">
								<div class="row">
									<div class="col-md-3 p-0 profile-img">
										<img src="{{Storage::disk('public')->url($partner->photo_url)}}" alt="Profile" class="img-fluid">
										@if(hasValidPackage($partner->id))
										<span class="premium-badge">Premium</span>
										@endif
									</div>
									<div class="col-md-9 pr-0 profile-details">
										<div class="d-flex justify-content-between pr-15">
											<h6>{{$partner->name}}</h6>
											<span>Member ID : {{$partner->reg_no}}</span>
										</div>
										<div class="d-flex">
											<div class="d-flex flex-column  pr-45">
												<span>{{\Carbon\Carbon::parse($partner->dob)->age}} Yrs, {{$partner->height}} cm </span>
												<span>{{$partner->motherTongue->name}}</span>
												<span>{{$partner->religion->name}} , {{$partner->caste->name}}</span>
												<span>{{$partner->highestEducation->name}} / {{$partner->additional_education}}</span>
											</div>
											<div class="d-flex flex-column">
												<span>Lives in {{$partner->residenceState->name}}</span>
												<span>{{$partner->employmentType->name}} / {{$partner->salary->name}}</span>
											</div>
										</div>
										<div class="d-flex mt-20 filter-btn-holder">

											@if($partner->has_received_interest)
												<button class="btn btn-green btn-sm mr-10" style="background: white !important; color:green"><i class="fa fa-check"></i> &nbsp; INTEREST SENT</button>
											@else
												<button class="btn btn-green btn-sm mr-10" id="sendInterest{{$partner->reg_no}}" onclick="return sendInterest('{!!$partner->reg_no!!}', this);">SEND INTEREST</button>
											@endif

											<a class="btn btn-red btn-sm mr-10" href="{{url('/partner/profile/'.$partner->reg_no)}}">CONTACT</a>
											<a class="btn btn-lite-gray btn-sm mr-10" href="{{url('/partner/profile/'.$partner->reg_no)}}">View Profile</a>
											<button class="btn btn-delete btn-sm" onclick="return shortList('{!!$partner->reg_no!!}', this);">Remove</button>
										</div>
									</div>
								</div>
						</div>
					</div>

		  			@endforeach
					<div class="pagination-holder mt-90">
						{{$partners->links()}}
					</div>
					@endif
				</div>
		  	</div>
		  </div>
		</section>
	</div>
</div>

@endsection
@section('js_assets')
 <script>

	$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

  function sendInterest(regNo, clickedElement){
		$.ajax({

	        url: '{!!url('/partner/send-interest')!!}',

	        type: 'POST',

	        data: {

	        	reg_no: regNo
	        },

	        success: function (response) {

	        	const Toast = Swal.mixin({
			      toast: true,
			      position: 'top-end',
			      showConfirmButton: false,
			      timer: 6000
			    });

	        	if(response.status == 'success'){
	        		//console.log(response);
	        		//Alert sent interest
	        		Toast.fire({
				        icon: 'success',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Interest sent'
				    })

	        		$(clickedElement).text('INTEREST SENT').css('background', 'white').css('color','green').prepend("<fas class='fa fa-check'> </fas> ");

	        	}else{
	        		//Alert warning
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Couldnot sent interest.'
				    })
	        	}
	        },

	        dataType: "json",

	    })

	    .fail(function() {

	            alert( "error" );

	    });
	}

	function shortList(regNo, clickedElement){
		$.ajax({

	        url: '{!!url('/partner/shortlist')!!}',

	        type: 'POST',

	        data: {

	        	reg_no: regNo
	        },

	        success: function (response) {
	        	const Toast = Swal.mixin({
			      toast: true,
			      position: 'top-end',
			      showConfirmButton: false,
			      timer: 6000
			    });
	        	if(response.status == 'success'){
	        		//console.log(response.status);
	        		//Alert sent interest
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Removed from Shortlist'
				    })
	        		$('#shortlistProfile'+regNo).fadeOut();


	        	}else{
	        		//Alert warning
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Couldnot remove from Shortlist'
				    })
	        	}
	        },

	        dataType: "json",

	    })

	    .fail(function() {

	            alert( "error" );

	    });
	}

	function acceptInterest(regNo, clickedElement){
		$.ajax({

	        url: '{!!url('/partner/accept-interest')!!}',

	        type: 'POST',

	        data: {

	        	reg_no: regNo
	        },

	        success: function (response) {
	        	const Toast = Swal.mixin({
			      toast: true,
			      position: 'top-end',
			      showConfirmButton: false,
			      timer: 6000
			    });

	        	if(response.status == 'success'){
	        		//console.log(response.status);
	        		//Alert sent interest
	        		Toast.fire({
				        icon: 'success',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Request Accepted'
				    })
	        		$(clickedElement).text('ACCEPTED').css('background', '#dae0e5');
	        		$(clickedElement).siblings('.reject-interest').css( "display", "none" );

	        	}else{
	        		//Alert warning
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Couldnot Accept Request'
				    })
	        	}
	        },

	        dataType: "json",

	    })

	    .fail(function() {

	            alert( "error" );

	    });
	}

	function rejectInterest(regNo, clickedElement){
		$.ajax({

	        url: '{!!url('/partner/reject-interest')!!}',

	        type: 'POST',

	        data: {

	        	reg_no: regNo
	        },

	        success: function (response) {
	        	const Toast = Swal.mixin({
			      toast: true,
			      position: 'top-end',
			      showConfirmButton: false,
			      timer: 6000
			    });

	        	if(response.status == 'success'){
	        		//console.log(response.status);
	        		//Alert sent interest
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Request Rejected'
				    })
	        		$(clickedElement).text('REJECTED').css('background', '#dae0e5');
	        		$(clickedElement).siblings('.accept-interest').css( "display", "none" );

	        	}else{
	        		//Alert warning
	        		Toast.fire({
				        icon: 'error',
				        title: '\xa0\xa0\xa0\xa0\xa0' +'Couldnot Reject Request'
				    })
	        	}
	        },

	        dataType: "json",

	    })

	    .fail(function() {

	            alert( "error" );

	    });
	}

	function viewProfile(regNo){
		$.ajax({

	        url: '{!!url('/partner/profile/check')!!}',

	        type: 'POST',

	        data: {

	        	reg_no: regNo
	        },

	        success: function (response) {
	        	
	        	if(response.status == 'success'){
	        		console.log(response);
	        		window.location.href = response.url;

	        	}else{
	        		swal({
					  title: "Upgrade to Premium",
					  text: "You have exhausted your credit. Please upgrade your package.",
					  icon: "warning",
					  buttons: {
					    cancel: "Ok,Later",
					    catch: {
					      text: "Upgrade now",
					      value: "upgrade",
					    }
					  }
					}).then((value) => {

					  switch (value) {
					 
					    case "upgrade":
					      window.location = "packages";
					      break;
					 
					    default:
					      swal.close();
					  }
					});
	        	}
	        },

	        dataType: "json",

	    })

	    .fail(function() {

	            alert( "error" );

	    });
	}

  </script>
@endsection