@extends('tenant.layouts.admin')

{{--Tilte Section--}}
@section('title', 'Facebook')

{{--Style Section--}}
@section('style')
    <style>

    </style>
@endsection

{{--Content Section--}}
@section('content')
    <div class="container-fluid">
        @include('tenant.admin.integrations.filter.filter')

{{--            <a href="{{ route('facebook.redirect') }}" class="facebook-login-button">--}}
{{--                Login with Facebook--}}
{{--            </a>--}}

{{--            <style>--}}
{{--                .facebook-login-button {--}}
{{--                    display: inline-block;--}}
{{--                    padding: 10px 20px;--}}
{{--                    background-color: #4267B2;--}}
{{--                    color: white;--}}
{{--                    text-decoration: none;--}}
{{--                    border-radius: 5px;--}}
{{--                    font-size: 16px;--}}
{{--                }--}}

{{--                .facebook-login-button:hover {--}}
{{--                    background-color: #365899;--}}
{{--                }--}}
{{--            </style>--}}
        <livewire:tenant.admin.integrations.facebook.index />
    </div>
@endsection

{{--Script Section--}}
@section('script')
    <script>
        window.addEventListener('close-modal', event => {
            console.log('test')
            document.getElementById('closeModal').click();
        });
    </script>
@endsection