@extends('layouts.app')
@section('content')
<div class="app sidebar-mini">
    <!-- Page -->
    <div class="page">
        <div class="page-main">
            @include('layouts.sidemenubar')
            <div class="app-content main-content">
                <div class="side-app">
                    @include('layouts.appheader')

                    <div class="page-header">
                        <div class="page-leftheader">
                            <h4 class="page-title mb-0">Settings</h4>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
                                <li class="breadcrumb-item active"><a>Settings</a></li>
                            </ol>
                        </div>
                        <div class="flashmsgec">
                            @include('layouts.flashmsg')
                        </div>
                    </div>

                    <div class="card carddivision">
                        <div class="card-header">
                            <div class="card-title">
                                <!-- <span class="material-symbols-outlined cardicon">manage_accounts</span>&nbsp;&nbsp; -->
                                Google Calendar
                            </div>
                        </div>
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="emperrmsg">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                        <i class="fe fe-x" id="emperrmsgclose"></i>
                                    </ul>
                                </div>
                            @endif
                            @if (auth()->user()->googleToken)
                                <form action="{{ route('google.disconnect') }}" method="POST" onsubmit="return confirm('Are you sure you want to disconnect your Google Calendar?');">
                                    @csrf
                                    <button type="submit" class="btn btn-danger">Disconnect Google Calendar</button>
                                </form>
                            @else
                                <a href="{{ route('google.connect') }}" class="btn btn-success">
                                    Connect Google Calendar
                                </a>
                            @endif
                            
                        </div>
                    </div>

                    <!--Footer-->
                    @include('layouts.appfooter')
                    <!-- End Footer-->
                </div>
            </div>
        </div>
        <a href="#top" id="back-to-top"><i class="fe fe-chevrons-up"></i></a>
    </div>
</div>

@include('includes.jslinks_common')
@endsection