@extends('dashboardCollector._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-12 mb-4 text-center">
                <h5><strong>Próximas Coletas</strong></h5>
            </div>
            <div class="col-6 mb-4 text-center">
                <small><i class="fa fa-circle text-warning"></i> Em atraso </small>
            </div>
            <div class="col-6 mb-4 text-center">
                <small><i class="fa fa-circle text-success"></i> No prazo </small>
            </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 () {
                    $("#home_footer_button").addClass("text-primary");
                });
            </script>
@endsection