@extends(backpack_view('blank'))

@php
    if (backpack_theme_config('show_getting_started')) {
        $widgets['before_content'][] = [
            'type'        => 'view',
            'view'        => backpack_view('inc.getting_started'),
        ];
    } else {
        $widgets['before_content'][] = [
            'type'        => 'jumbotron',
            'heading'     => trans('backpack::base.welcome'),
            'heading_class' => 'display-3 '.(backpack_theme_config('layout') === 'horizontal_overlap' ? ' text-blue' : ''),
            'content'     => "",
            'content_class' => backpack_theme_config('layout') === 'horizontal_overlap' ? 'text-blue' : '',
            'button_link' => backpack_url('logout'),
            'button_text' => trans('backpack::base.logout'),
        ];
    }
@endphp

@section('content')

    <div class="card">
    <div class="card-body">

        <h3 class="text-blue">Pharmasolve</h3>
        <div>
            <a href="{{ route('fetch-prescriptions') }}" class="btn btn-outline-primary mb-3">
                <i class="la la-download"></i> Fetch Prescriptions
            </a>
        </div>

        <div>
            <a href="{{ route('fetch-calls') }}" class="btn btn-outline-primary mb-3">
                <i class="la la-download"></i> Fetch Calls
            </a>
        </div>

        <div>
            <a href="{{ route('fetch-patient', ["patient_ai_id" => "e221fc23-4b33-4538-afe3-0727bfda055f"] ) }}" class="btn btn-outline-primary mb-3">
                <i class="la la-download"></i> Fetch Patient
            </a>
        </div>

        <div>
            <a href="{{ route('fetch-all-patients') }}" class="btn btn-outline-primary mb-3">
                <i class="la la-download"></i> Fetch All Patients
            </a>
        </div>


        <div>
        <a href="{{route('push')}}" class="btn btn-outline-primary btn-block mb-3"">Make a Push Notification!</a>
        </div>

        <div>
        <a href="{{route('send-sms')}}" class="btn btn-outline-primary btn-block mb-3"">Send SMS</a>
        </div>

    </div>


@endsection



@push('after_styles')
  {{-- @basset('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/base16/dracula.min.css') --}}
@endpush

@push('after_scripts')
  {{-- @basset('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js')
  <script>hljs.highlightAll();</script> --}}

  <script>

  document.addEventListener('DOMContentLoaded', async function() {

      if (!('serviceWorker' in navigator) || !('PushManager' in window)) return;

      const registration = await navigator.serviceWorker.register('/storage/js/service-worker.js');

      let subscription = await registration.pushManager.getSubscription();
      if (!subscription) {
          try {
              // await subscription.unsubscribe(); // remove old subscription
              // console.log("subscription unsubscribe");
              const permission = await Notification.requestPermission();
              if (permission !== 'granted') return;

              subscription = await registration.pushManager.subscribe({
                  userVisibleOnly: true,
                  applicationServerKey: urlBase64ToUint8Array("{{ config('webpush.vapid.public_key') }}")
              });
              console.log(subscription);
              await fetch('{{ url('/admin/save-subscription') }}', {
                  method: 'POST',
                  headers: {
                      'Content-Type': 'application/json',
                      'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                  },
                  body: JSON.stringify(subscription)
              });

              console.log('Auto subscribed for push notifications');
          } catch (e) {
              console.error('Push subscription failed:', e);
          }
      }
      else {
        console.log('User is already subscribed for push notifications');
      }
  });



  function urlBase64ToUint8Array(base64String) {
      var padding = '='.repeat((4 - base64String.length % 4) % 4);
      var base64 = (base64String + padding)
          .replace(/\-/g, '+')
          .replace(/_/g, '/');

      var rawData = window.atob(base64);
      var outputArray = new Uint8Array(rawData.length);

      for (var i = 0; i < rawData.length; ++i) {
          outputArray[i] = rawData.charCodeAt(i);
      }
      return outputArray;
  }
  </script>
@endpush