@extends('layouts/eatvio')
@php
    $curMonth = now()->month;
@endphp
@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="#" 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">3 из 15 дней</div>
				<div class="--f_blue">План - Легкий</div>
			</div>
			<div class="d-flex align-items-center">
				<div class="text-end me-2">
                    <small><a href="#" class="--f_bold --f_main">{{ auth()->user()->name }}</a></small><br>
					<small class="py-1">Консультант</small>
				</div>
				<a href="{{ route('profile.index') }}" class="d-none d-md-block --radius_100 overflow-hidden"><img src="{{ $curUser->profile_photo_url }}" style="width:42px;height:42px"></a>
			</div>
		</div>

		<div class="container p-0 --mw-1000">
			<div class="mb-4 p-3 --bg_white --shadow --radius --no_wrap">

				<div class="d-flex mt-3 mb-4 align-items-center justify-content-center">

					<a href="#"><svg width="8" height="14" class="me-4 me-sm-5"><use xlink:href="#ArrLeft"></use></svg></a>

                    <div class="--f_bold me-2">{{ now()->locale($currentLocale)->monthName }}</div>
                    <div class="me-3">{{ now()->year }}</div>

					<div class="--f_bold mx-2">План:</div>
					<div class="--f_bold --f_blue">Легкий</div>

					<a href="#"><svg width="8" height="14" class="ms-4 ms-sm-5"><use xlink:href="#ArrRight"></use></svg></a>

				</div>

				<div id="calendar">
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Пн</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Вт</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Ср</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Чт</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Пт</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Сб</div>
					</div>
					<div class="fl-col --day">
						<div class="fl-col-text --f_bold">Вс</div>
					</div>

                    @foreach($fullGridPeriod as $key => $curDate)
                        @php
                            $isNotCurManth = !($curMonth == $curDate->month);
                            $isCurDay = now()->day == $curDate->day;
                            $dateKey = $curDate->format('Y-m-d');
                            $curDiaryDay = $filledDays[$dateKey] ?? null;
                        @endphp

                        <div @class([
                            "fl-col",
                            "--unactive" => $isNotCurManth,
                            "bg-warning" => $isCurDay
                            ])>
                                @isset($filledDays[$dateKey])
                                    <a href="{{ route('diary.show', $curDiaryDay) }}">
                                        <div class="fl-col-text">
                                            <div class="--day_num">{{ $curDate->day }}</div>
                                            @if($curDiaryDay->closed)
                                                <div
                                                    @class(
                                                    [
                                                    'badge',
                                                    'bg-success' => $curDiaryDay->closed
                                                    ]
                                                    )>Готово</div>
                                            @else
                                                <div
                                                    @class(
                                                    [
                                                    'badge',
                                                    'bg-warning' => !$curDiaryDay->closed
                                                    ]
                                                    )>В процессе</div>
                                            @endif
                                            @if($curDiaryDay->hasComments)
                                                <a href="myday.html" class="badge bg-primary --f_wight">Посмотреть ответ<small class="bg_red --f_wight">1</small></a>
                                            @endif
                                        </div>
                                    </a>
                                @else
                                    <div class="fl-col-text">
                                        <span class="--day_num">{{ $curDate->day }}</span>
                                    </div>
                                @endisset
                        </div>
                    @endforeach
				</div>
			</div>
    </section>
@endsection