@extends("common.layout")

@section('header')
    {!! resource('css/form.css') !!}
    <style>
        body > main { padding: 80px 1rem;}
        li > label { display: inline-block; width: 160px; color: var(--bs-blue)}
    </style>
@endsection

@section("content")

<h4>Server</h4>
<ul>
    <li><label>현재 시간</label> {{ $current }}</li>
    <li><label>Current Time Zone</label> {{ $currentTimezone }} </li>
</ul>

<h4>MySQL</h4>
<ul>
    @foreach ($mysqlTimeZone as $row)
        <li><label>Global Time Zone</label> {{ $row->global_time_zone }}</li>
        <li><label>Session Time Zone</label> {{ $row->session_time_zone }}</li>
        <li><label>Current Time</label> {{ $row->current_datetime }}</li>
    @endforeach
</ul>

@if ($current != $mysqlTimeZone[0]->current_datetime)
<span class="alert alert-danger">Server와 MySQL의 시간이 다를 경우, 날짜/시간 비교하는 부분에 문제가 발생할 수 있습니다.</span>
@endif

{{--
<form id="dashboard-form" action="/dashboard/save-working-notes" method="post" class="default">
    @csrf
    <h1>
        <div class="fixed-btns">
            <button type="submit" class="btn btn-lg btn-primary">저장</button>
        </div>
    </h1>

    <div class="container">
        <x-editor id='dashboard-editor' height='90vh' :content="$content" />
    </div>
</form>
--}}
@endsection

@push('script')
    <script>
        $(document).ready(function(){
            /*
            $('#dashboard-form').submit(function(e){
                e.preventDefault();

                var editorInput = $('<input>').attr({
                    type: 'hidden',
                    name: 'notes',
                    value: editor.getHTML()
                });
                $(this).append(editorInput);

                this.submit();
            });*/
        });
    </script>
@endpush