@extends('layout.mainlayout-empty')

@section('content')
    <style  type="text/css">
        body{
            background-color: @if(!empty(session('qr')) || !empty(config('services.PROFILE_ID'))) white @else #e35a80 @endif !important;
            color:white !important;
        }
    </style>

    <div class="row" >
        <div class="col" style="position: absolute;
    left:0; right:0;
    top:30%; bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	text-align: center;
	overflow:auto;">
            @if(!empty(session('qr')) || !empty(config('services.PROFILE_ID')))
                <img src="{{$hospital->IMAGE_URL}}" style="width: 300px;"/>
            @else
                <img src="/images/logo-white.png" style="width: 300px;"/>
            @endif
            <h3 style="color:@if(!empty(session('qr'))|| !empty(config('services.PROFILE_ID'))) #3a3a3a @else white @endif;margin-top:30px">{{trans("web.thank_you")}}</h3>
            @if(empty(session('qr')) && empty(config('services.PROFILE_ID')))
            <a href="/orders/{{$reservation_id}}" class="btn" style="background-color: white;padding-right:40px;padding-left:40px;font-weight: 600;;margin-top:80px;color: #e35a80;border-radius: 20px;font-size: 18px;" >{{trans("web.book_details")}}</a>
            @else
                <img src="/QR?reservationId={{$reservation_id}}" />
            @endif

        </div>
    </div>
@endsection

@if(!empty(config('services.PROFILE_ID')) && config('services.PROFILE_ID') == 63)
@section('frontend_scripts')
<!-- Google Ads Purchase Conversion -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-11208600101/1H3PCOjV96IcEKXU1uAp',
      'value': 1.0,
      'currency': 'SAR',
      'transaction_id': '{{$reservation_id}}'
  });
</script>
<!-- Snap Pixel Purchase Event -->
<script>
    snaptr('track', 'PURCHASE');
</script>
@endsection
@endif