@extends('layout.basic.main')
@push('css')
@endpush
@section('content')
  <article>
    <section id="chatwork-link">
      <p>1. </p>
      <a href="https://www.chatwork.com/g/{{env('KEY_INVITATION_LINK')}}" target="blank"><button type="button" class="btn btn-primary">Add friend to chat BOT</button></a>
      <p>2. </p>
      <button type="button" class="btn btn-primary" onclick="approveAddFriend()">Approve friend request</button>
      <p>3. </p>
      <a href="{{$notifySettingData->notification_room_url ?? 'https://www.chatwork.com/'}}" target="blank"><button type="button" class="btn btn-primary">Open chat room</button></a>
      <p>4. </p>
    </section>
  </article>
@endsection
@push('js')
  <script>

    function approveAddFriend() {
      // Get a list of contact requests pending confirmation
      $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      $.ajax({
        method: 'GET',
        url: `/ajax/confirm-contact-request`,
        beforeSend: function () {
          $.LoadingOverlay('show');
        },
        success: function (response) {
          $.LoadingOverlay('hide');
        },
        error: function () {
          $.LoadingOverlay('hide');
        }
      })
    }
  </script>
@endpush