@extends('layouts.user')
@section('pageTitle')
    Çalışmadığım Günler
@endsection
@section('content')
    <div class="container-user">
        <a class="text-white fixed bottom-28 right-2" href="{{ route('workers.createNoAvailableDayIndex') }}">
            <div
                class="bg-blue-700 p-2 rounded-full w-10 h-10 sm:w-14 sm:h-14 flex items-center justify-center text-lg sm:text-xl">
                <i class="fa-solid fa-plus"></i>
            </div>
        </a>

        <div class="grid gap-4 mt-6">
            @foreach ($days as $day)
                <a href="{{ route('workers.noAvailableDayDetail', ['day' => $day->id]) }}">
                    <div class="bg-theme_secondary_black p-4 rounded-lg grid grid-cols-3">
                        <div class="col-span-2">
                            <p class="text-gray-300 font-medium">
                                {{ \Carbon\Carbon::parse($day->no_available_day)->isoFormat('D MMMM Y') }}</p>
                            <p class="text-gray-300">{{ $day->description ?? 'Açıklama Yok'}}</p>
                        </div>
                        <div class="flex justify-end items-center">
                            <form method="POST" action="{{ route('workers.deleteNoAvailableDay', ['day' => $day->id]) }}">
                                @csrf
                                <button class="bg-red-500 text-gray-50 px-2 py-1 rounded-lg">Sil</button>
                            </form>
                        </div>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
@endsection