@extends('layouts/eatvio')

@section('main_section')
<section class="py-5" id="main">
    <div class="container d-flex justify-content-between align-items-center mb-4 px-4 py-2 --bg_white --shadow --radius --mw-1000">
        <a href="{{ route('calendar.index') }}" class="d-flex align-items-center --f_bold --f_main"><svg width="17" height="16" class="me-2"><use xlink:href="#GoBack"></use></svg><span class="d-none d-md-inline">Календарь</span></a>
        <div class="fs-5_5 text-center">
            <div class="--f_bolder"><a class="link-dark" href="{{ route('calendar.index') }}">{{ $daysCount }} День</a></div>
            <div class="--f_blue"><a href="{{ route('calendar.index') }}">{{ $curDiary->date }}</a></div>
        </div>
    </div>
    <form method="post" action="{{ route('diary.update', $curDiary) }}">
        @method('PATCH')
        @csrf
        <div class="container d-flex justify-content-between align-items-center mb-4 px-0 py-2 --mw-1000 flex-wrap flex-md-nowrap">
            <div class="w-100 w-md-50 me-md-4 mb-3 mb-md-0 py-3 px-5 --bg_white --shadow --radius text-center --f_bold --no_wrap">
                <p>Во сколько вы просунились?</p>
                <div class="d-flex align-items-center justify-content-center position-relative mx-2">
                    <svg width="24" height="24" class="--input_inline_left_icon"><use xlink:href="#Clock"></use></svg>
                    <input name="wakeup" type="time" class="form-control --f_blue --f_bold fs-6 text-center py-2" value="{{ $curDiary->wakeup }}" placeholder="06:30" required="" />
                </div>
            </div>
            <div class="w-100 w-md-50 py-3 px-5 --bg_white --shadow --radius text-center --f_bold --no_wrap">
                <p>Во сколько вы легли спать?</p>
                <div class="d-flex align-items-center justify-content-center position-relative mx-2">
                    <svg width="26" height="24" class="--input_inline_left_icon"><use xlink:href="#Sleep"></use></svg>
                    <input name="retire" type="time" class="form-control --f_blue --f_bold fs-6 text-center py-2" value="{{ $curDiary->retire }}" placeholder="22:30" required="" />
                </div>
            </div>
        </div>

        @livewire('meal-form', ['diaryId' => $diaryId])

        <div class="container p-0 --mw-1000">
            <button class="btn btn-lg btn-secondary btn-block w-100 --f_bolder" type="submit">ЗАКОНЧИТЬ ДЕНЬ</button>
        </div>
    </form>
</section>
@endsection