@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">My Interest</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">
							<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->my_interest_status_id == 1)
										<button class="btn btn-orange btn-sm mr-10">Pending</button>
										@elseif($partner->my_interest_status_id == 2)
										<button class="btn btn-green accepted btn-sm mr-10">INTEREST ACCEPTED</button>
										@else
										<button class="btn btn-red btn-sm mr-10">Rejected</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" href="{{url('/partner/profile/'.$partner->reg_no)}}">View Profile</a>
									</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', '#dae0e5');

	        	}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