@extends('layouts.admin')
@section('content')
    <div class="container-fluid">
        <div class="peers">
            <div class="peer peer-greed">
                <h4 class="c-grey-900">{{ __('labels.xero.title') }}</h4>
            </div>
            <div class="peer">
               
            </div>
        </div>
        <div>
            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class = "bgc-white bd bdrs-3 mB-20 table-responsive">
                    <div class = "mB-20">
                        @if($data['message']['type'] != 'success')
                            <a class="btn btn-success" href="#" onclick="openPopupWindow('{{ route('xero.connect') }}'); return false;" type="button">{{ __('labels.xero.connect') }}</a>
                        @else
                            <a class="btn btn-info" href="{{route('xero.refresh')}}" type="button">{{ __('labels.xero.refresh') }}</a>
                            <a class="btn btn-danger" href="{{ route('xero.disconnect') }}" type="button" onclick="return confirm('{{ __('Are you sure you want to disconnect the connection with Xero?') }}')">{{ __('labels.xero.disconnect') }}</a>
                        @endif
                    </div>
                    <div class = "mB-20">
                        <h4 class = "text-{{$data['message']['type']}}">{{$data['message']['message']}}</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        window.opener.postMessage('processComplete', '*');

        function openPopupWindow(url) {
            var popupWindow = window.open(url, '_blank', 'width=800,height=600,scrollbars=yes,resizable=yes');
            // Listen for a message from the popup window
            window.addEventListener('message', function(event) {
                if (event.data === 'processComplete') {
                    // Close the popup window and reload the parent window
                    popupWindow.close();
                    window.location.reload();
                }
            });
        }
    </script>
@endsection