@extends('dashboardCollector._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="row mt-4">
                <div class="col-1 text-center">
                    <a class="text-decoration-none"
                       href="{{ route('collector.schedule',  ['year' => $previousMonth->format('Y'), 'month' => $previousMonth->format('m')]) }}">
                        <i class="fal fa-chevron-left fa-lg"></i>
                    </a>
                </div>
                <div class="col-10 text-center">
                    <h5>
                        <strong>
                            <i class="fal fa-calendar-alt"></i> {{ ucfirst($currentMonth->translatedFormat('F')) }}
                        </strong>
                    </h5>
                </div>

                <div class="col-1 text-center">
                    <a class="text-decoration-none"
                       href="{{ route('collector.schedule', ['year' => $nextMonth->format('Y'), 'month' => $nextMonth->format('m')]) }}">
                        <i class="fal fa-chevron-right fa-lg"></i>
                    </a>
                </div>
            </div>
            @if($schedule->isEmpty())
                <div class="col-12 mb-4 text-center">
                    <p>Você ainda não possuí agendamentos.</p>
                </div>
            @else
                @foreach($schedule as $item)
                    <div class="col-12 rounded-3 shadow-md">
                        @if($item->schedule_date < date("Y-m-d"))
                            <div class="card text-white bg-warning mb-1">
                                @else
                                    <div class="card text-white bg-success mb-1">
                                        @endif

                                        <div class="card-body">
                                            <div class="row text-center">
                                                <div class="col-10">
                                                    <small>Data da coleta</small>
                                                    <h5 class="card-title text-white">
                                                        {{date("d/m/Y", strtotime($item->schedule_date))}}
                                                    </h5>
                                                    @if($item->schedule_status == "0")
                                                        <small>Situação: Não iniciado</small>
                                                    @endif
                                                    @if($item->schedule_status == "1")
                                                        <small>Situação: Em andamento</small>
                                                    @endif
                                                    @if($item->schedule_status == "2")
                                                        <small>Situação: Concluído</small>
                                                    @endif

                                                </div>
                                                <div
                                                        class="col-2 d-flex flex-column justify-content-center align-items-center">
                                                    <a href="{{route("collector.schedule.details", ["schedule_id" => $item->schedule_id])}}">
                                                        <i class="fal fa-arrow-right text-white"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                            @endforeach
                        @endif
                    </div>
        </div>
        @endsection
        @section('customJS')
            <script>
                $(document).ready(function () {
                    $("#schedule_footer_button").addClass("text-primary");
                });
            </script>
@endsection