@extends('web.teacher.index')
@section('title', 'Rendimentos de Aulas')

@section('content')

    @include('web.teacher.partials.sideBarAvailability')

    <section class="myProfileMobile">
        <div class="menuTopMobile">
            <div class="menuMobileConteiner">
                <a href="{{ route('web.home') }}" class="voltar">
                    <img src="{{ asset('images/web/icons/voltar.svg') }}" alt="Voltar para a página inicial">
                </a>

                <div>
                    <h2>Meus Ganhos</h2>
                </div>
            </div>
        </div>
        <div class="marginMenuMobile1"></div>
    </section>

    <section class="myProfile editMobile spanProf">
        <div class="barMyProfile closeMobile">
            <div class="title">
                <h2><a href="{{ route('myProfile') }}" style="text-decoration: none; color: inherit;">Meu perfil</a></h2>
                <span>&gt;</span>
                <h2>Meus Ganhos</h2>
            </div>
        </div>

        <div class="myMoney">
            @php
                $lessonHours = auth()->user()->teacher_lessonHours() / 60;
                $totalLessons = auth()->user()->teacher_lessons();
                $cancelledByTeacher = auth()->user()->lessonCancelledByTeacher();
                $rescheduledByStudent = auth()->user()->lessonRescheduledByStudent();
                $rescheduledByTeacher = auth()->user()->lessonRescheduledByTeacher();
                $earningsEstimate = $earnings->sum('value');
            @endphp





    <div class="monthButtons">
        @foreach (['jan' => 'Janeiro', 'feb' => 'Fevereiro', 'mar' => 'Março', 'apr' => 'Abril', 'may' => 'Maio', 'jun' => 'Junho', 'jul' => 'Julho', 'aug' => 'Agosto', 'sep' => 'Setembro', 'oct' => 'Outubro', 'nov' => 'Novembro', 'dec' => 'Dezembro'] as $key => $month)
            <button type="button" class="btn-outline-dark btn-sm custom-small-btn" onclick="setMonth('{{ $key }}')">{{ $month }}</button>
        @endforeach
    
    </div>     

    
    <div class="filterClass">
               
        <form id="filterForm" action="#" method="get">
            @csrf
            <div class="row mt-2 justify-content-center align-items-center">
                <div class="col">
                    <div class="form-group">
                        <label for="expiration_date_start" class="form-control-label">Data inicial</label>
                        <input class="form-control" type="date" 
                               value="{{ request()->get('expiration_date_start') }}"
                               name="expiration_date_start" id="expiration_date_start">
                    </div>
                </div>
                <div class="col mt-2">
                    <div class="form-group">
                        <label for="expiration_date_end" class="form-control-label">Data final</label>
                        <input class="form-control" type="date" 
                               value="{{ request()->get('expiration_date_end') }}"
                               name="expiration_date_end" id="expiration_date_end">
                    </div>
                </div>
            </div>
            <button class="mt-2 buttonFilter" type="submit">Enviar</button>
            
        </form>
    </div>

            
            <div class="monthMoney">            
                <h2>Estimativa de Ganho</h2>
                <h4>R$ {{ number_format($earningsEstimate, 2, ',', '.') }}</h4>
            </div>

               
            

            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Aluno</th>
                            <th>Data</th>
                            <th>Duração (min)</th>
                            <th>Valor (R$)</th>
                            <th>Status</th>
                            <th>Avaliação</th> <!-- Nova coluna para avaliação -->
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($earnings as $earning)
                            <tr>
                                <td>{{ $earning->lesson->student->profile->name }}</td>
                                <td>{{ \Illuminate\Support\Carbon::parse($earning->lesson->date_time)->format('d/m/Y H:i') }}</td>
                                <td>{{ $earning->lesson->duration_in_minutes }}</td>
                                <td class="{{ $earning->value < 0 ? 'text-danger' : 'text-success' }}">
                                    {{ number_format($earning->value, 2, ',', '.') }}
                                </td>
                                <td>{{ $earning->lesson->statusLabel }}</td>
                                <td>
                                    @php
                                        $status = $earning->lesson->statusLabel;
                                        $review = $earning->lesson->teacher_review;
                                    @endphp
                                    
                                    @if ($status == 'Aula Realizada')
                                        @if ($review)
                                            <!-- Exibe o ícone accepted.svg quando a aula foi realizada e tem review -->
                                            <img src="{{ asset('images/web/icons/accepted.svg') }}" alt="Avaliada">
                                            @else
                                            <!-- Exibe o ícone reagendada.svg quando a aula foi realizada mas não tem review -->
                                            <img src="{{ asset('images/web/icons/cancelada.svg') }}" alt="Sem avaliação">
                                            @endif
                                    @elseif ($status == 'Cancelamento por aluno com menos de 12h' || 
                                              $status == 'Aluno não compareceu')
                                        <!-- Exibe o ícone accepted.svg para cancelamentos por parte do aluno -->
                                        <img src="{{ asset('images/web/icons/accepted.svg') }}" alt="Avaliação aceita">
                                        @elseif ($status == 'Cancelamento por professor com menos de 12h' || 
                                              $status == 'Professor não compareceu')
                                        <!-- Exibe o ícone cancelada.svg para cancelamentos por parte do professor -->
                                        <img src="{{ asset('images/web/icons/accepted.svg') }}" alt="Avaliação aceita">
                                        @endif
                                </td> <!-- Exibe o ícone correspondente ao status da aula -->
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            <!--</div>-->
            
        </div>    
            
            
            
            
        <!--
        <div class="hoursClass">
            <div>
                <h2>Horas Aula</h2>
                <h2>{{ $lessonHours }}</h2>
            </div>

            <div>
                <h2>Politica de amparo ao aluno</h2>
                <h2>{{ $lessonCancelledByTeacherTwelve }}</h2>
            </div>

            <div>
                <h2>Aulas online</h2>
                <p>{{ $totalLessons }}</p>
            </div>

            <div>
                <h2>Aulas canceladas por mim</h2>
                <p>{{ $cancelledByTeacher }}</p>
            </div>

            <div>
                <h2>Aulas reagendadas por aluno</h2>
                <p>{{ $rescheduledByStudent }}</p>
            </div>

            <div>
                <h2>Aulas reagendadas por mim</h2>
                <p>{{ $rescheduledByTeacher }}</p>
            </div>
        </div> -->

    </div>
    </section>

    <script>
        function setMonth(month) {
            const year = new Date().getFullYear();
            let startDate, endDate;

            switch (month) {
                case 'jan':
                    startDate = new Date(year, 0, 1);
                    endDate = new Date(year, 0, 31);
                    break;
                case 'feb':
                    startDate = new Date(year, 1, 1);
                    endDate = new Date(year, 1, 28); // Considerar fevereiro como 28 dias (ajustar para ano bissexto se necessário)
                    break;
                case 'mar':
                    startDate = new Date(year, 2, 1);
                    endDate = new Date(year, 2, 31);
                    break;
                case 'apr':
                    startDate = new Date(year, 3, 1);
                    endDate = new Date(year, 3, 30);
                    break;
                case 'may':
                    startDate = new Date(year, 4, 1);
                    endDate = new Date(year, 4, 31);
                    break;
                case 'jun':
                    startDate = new Date(year, 5, 1);
                    endDate = new Date(year, 5, 30);
                    break;
                case 'jul':
                    startDate = new Date(year, 6, 1);
                    endDate = new Date(year, 6, 31);
                    break;
                case 'aug':
                    startDate = new Date(year, 7, 1);
                    endDate = new Date(year, 7, 31);
                    break;
                case 'sep':
                    startDate = new Date(year, 8, 1);
                    endDate = new Date(year, 8, 30);
                    break;
                case 'oct':
                    startDate = new Date(year, 9, 1);
                    endDate = new Date(year, 9, 31);
                    break;
                case 'nov':
                    startDate = new Date(year, 10, 1);
                    endDate = new Date(year, 10, 30);
                    break;
                case 'dec':
                    startDate = new Date(year, 11, 1);
                    endDate = new Date(year, 11, 31);
                    break;
            }

            document.getElementById('expiration_date_start').value = startDate.toISOString().split('T')[0];
            document.getElementById('expiration_date_end').value = endDate.toISOString().split('T')[0];
            
            // Enviar o formulário após definir as datas
            document.getElementById('filterForm').submit();
        }
    </script>
@stop