@extends('Dashboard.layouts.master')
@section('title','Dashboard')
@section('styles')
    <style>
        .main-box {
            box-shadow: 0 8px 16px #0a0e1d05, 0 8px 64px #77777714;
            border-radius: 10px 25px;
            background: #fff
        }
    </style>
@endsection
@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
            <div class="d-flex flex-column flex-column-fluid">

                <livewire:bread-crumb heading="{{__('translations.dashboard')}}" name_1="Home"
                                      name_2="{{__('translations.dashboard')}}" name_3="Statistics"/>
                {{--
                    you can ignore:=>
                    url_1, url_2, url_3 are # by default
                    button_url is null by defalult and if it doesn't exist there is no add item button
                    button_text is nullable

                --}}
                <div id="kt_app_content" class="app-content flex-column-fluid">
                    <div id="kt_app_content_container" class="app-container container-xxl">


                        <div class="card">
                            <div class="card-body py-4 min-h-100px" >
{{--                                <form action="{{\App\Helpers\Helper::handle_route('images.store')}}" method="POST">--}}
{{--                                    @csrf--}}
{{--                                    <div class="mb-5">--}}
{{--                                        <label>image link</label>--}}
{{--                                        <textarea name="images" class="form-control" rows="10"></textarea>--}}
{{--                                    </div>--}}
{{--                                    <input type="submit" value="create" class="btn btn-primary">--}}
{{--                                </form>--}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;

            console.log(timezone);
            fetch('{{route('set.timezone')}}', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                },
                body: JSON.stringify({timezone: timezone}),
            });
        });
    </script>
@endsection