@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'HireMee - Payment Status')
@section('analytics_schema')
  @include('hiremee-revamp.layouts.meta-pixel-and-ga-tracking-codes')
@endsection
@section('content')
<style type="text/css">
.successback{
	width: 100%;
    height: 95vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.successinside {
    background: #f9f9f9;
    width: 500px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #34510d;
}
.head-success{
	font-size: 24px;
	font-weight: 600;
	color: #243d42;
}
.headinside-success{
	font-size: 16px;
	color: #243d42;
}
.gotohome-btn{
	background: red;
}
.gotohome-btn {
	background: #34510d;
	border: none;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}
@media (max-width: 576px) {
    .successinside {
      width: 300px; 
  	}
}
</style>
<div class="successback">
	<div class="successinside">
@if($status=='success')
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12 text-center">
					<img src="{{ secure_asset('assets/images/payment/success.png') }}" style="width: 70px;margin-bottom: 10px;">
					<p class="head-success">Payment successfully Completed..!</p>
					<p class="headinside-success">{{ $message }}</p>
					<p>Transaction id:<b>{{ $transaction ?? ''}}</b></p>
				</div>
			</div>
		</div>
@elseif($status=='server_failed')
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12 text-center">
					<img src="{{ secure_asset('assets/images/payment/failure.png') }}" style="width: 70px;margin-bottom: 10px;">
					<p class="head-success">Oops..!</p>
					<p class="headinside-success">{!! $message !!}</p>
				</div>
			</div>
		</div>
@else
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12 text-center">
					<img src="{{ secure_asset('assets/images/payment/failure.png') }}" style="width: 70px;margin-bottom: 10px;">
					<p class="head-success">Payment Failed..!</p>
					<p class="headinside-success">{{ $message }}</p>
				</div>
			</div>
		</div>
@endif

	@if(isset($redirection) && !empty($redirection))
	<div class="col-md-12 text-center">
		<a class="gotohome-btn" id="redirection_to" href="{{ $redirection['redirectUrl'] }}" style="text-align: center;">{!! $redirection['redirectlabel'] !!}</a>
	</div>
	@endif
	</div>
</div>
@endsection
@section('footer_scripts')
<script type="text/javascript">
@if($status!='server_failed' && (isset($payment_via) && $payment_via=='WEB'))
$(document).ready(function(){
	setTimeout(function(){
		window.location.href = $("#redirection_to").attr('href');
	},5000);
});
@endif
@if(isset($payment_via) && $payment_via!='WEB')
	$(".gmb-btn,.hm-new-footer,.top-header,.headFix").addClass('d-none');
	$(".hm-cta-flt-container").removeClass('d-flex').addClass('d-none').removeClass('d-md-flex').addClass('d-md-none');
	setTimeout(function(){
		$(".zsiq_flt_rel").addClass('d-none');
	},1000);
@endif
@if(env('APP_ENV')=='production' && $status=='success')
window.addEventListener('load', function() {
	var totalVal = "{{ $amount }}";
	var orderId  = "{{ $transaction ?? ''}}";
	var hirmeeId = "{{ $hiremee_id ?? '' }}";
	
	gtag('event', 'conversion', {
        'send_to': 'AW-867564830/-qYdCOWCqP4ZEJ76150D',
        'value': parseFloat(totalVal),
        'currency': 'INR',
        'transaction_id': orderId
  	});

  	gtag('event', 'purchase', {
	    "transaction_id": orderId,
	    "value": parseFloat(totalVal),
	    "tax": 0,
	    "shipping": 0,
	    "currency": "INR",
	    "coupon": "",
	    "items": [
	     	{
		      "item_id": "CNA_"+hirmeeId,
		      "item_name": "Career Navigation Assessment",
		      "affiliation": "",
		      "coupon": "",
		      "discount": 0,
		      "index": 0,
		      "item_brand": "HireMee",
		      "item_category": "Assessment",
		      "item_category2": "",
		      "item_category3": "",
		      "item_category4": "",
		      "item_category5": "",
		      "item_list_id": "",
		      "item_list_name": "",
		      "item_variant": "",
		      "location_id": "",
		      "price": parseFloat(totalVal),
		      "quantity": 1
	    	}
	    ]
	});
});
@endif
</script>
@endsection