@php
    $num_classificacao = 0;
@endphp

@if($classificacoes_count > 0)
    @foreach($classificacoes as $classificacao)
        @if($classificacao->nota_avaliacao == "Padrão")
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-ban-fill emoji-timeline" style="color:#777;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @elseif($classificacao->nota_avaliacao == "Muito Insatisfeito")
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-emoji-tear-fill emoji-timeline" style="color:#ff4136;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @elseif($classificacao->nota_avaliacao == "Insatisfeito")
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-emoji-frown-fill emoji-timeline" style="color:#ff851b;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @elseif($classificacao->nota_avaliacao == "Regular")
            <!-- start experience section-->
            <div class="timeline">
                    <div class="icon"></div>
                    <div class="date-content">
                        <div class="date-outer">
                            <span class="date">
                                <i class="bi bi-emoji-neutral-fill emoji-timeline" style="color:#ffd700;"></i>
                            </span>
                        </div>
                    </div>
                    <div class="timeline-content row">

                        @if ($num_classificacao % 2 == 0)
                            <div class="col-sm-6 pb-2">
                                <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                            </div>
                            <div class="col-sm-6 pb-2">
                                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                            </div>
                        @else
                            <div class="col-sm-6 pb-2">
                                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                            </div>
                            <div class="col-sm-6 pb-2">
                                <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                            </div>
                            
                        @endif

                        <div class="col-sm-12">
                            <p class="description pb-3">
                                {{ $classificacao->comentario }}
                            </p>
                        </div>
                        <div class="col-sm-12">
                            <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                            <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                        </div>
                        
                    </div>
                </div>
                <!-- end experience section-->
        @elseif($classificacao->nota_avaliacao == "Satisfeito")
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-emoji-smile-fill emoji-timeline" style="color:#97dc52;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @elseif($classificacao->nota_avaliacao == "Muito Satisfeito")
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-emoji-sunglasses-fill emoji-timeline" style="color:#28b62c;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @else
            <!-- start experience section-->
            <div class="timeline">
                <div class="icon"></div>
                <div class="date-content">
                    <div class="date-outer">
                        <span class="date">
                            <i class="bi bi-ban-fill emoji-timeline" style="color:#777;"></i>
                        </span>
                    </div>
                </div>
                <div class="timeline-content row">

                    @if ($num_classificacao % 2 == 0)
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                    @else
                        <div class="col-sm-6 pb-2">
                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editClassificacao" onclick="edit_classificacao({{ $classificacao->id_classificacao }})"><i class="bi bi-pen"></i> Editar</button>
                        </div>
                        <div class="col-sm-6 pb-2">
                            <h5 class="title">{{ $classificacao->nota_avaliacao }}</h5>
                        </div>
                        
                    @endif

                    <div class="col-sm-12">
                        <p class="description pb-3">
                            {{ $classificacao->comentario }}
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <span><b>Criado às: </b>{{ date("d/m/Y", strtotime($classificacao->created_at)) }} às {{ date("H:i", strtotime($classificacao->created_at)) }} <b>por</b> {{ $classificacao->created_by }}</span><br>
                        <span><b>Ultima atualização realizada às: </b>{{ date("d/m/Y", strtotime($classificacao->updated_at)) }} às {{ date("H:i", strtotime($classificacao->updated_at)) }} <b>por</b> {{ $classificacao->updated_by }}</span>
                    </div>
                    
                </div>
            </div>
            <!-- end experience section-->
        @endif

        @php
            $num_classificacao++;
        @endphp
    @endforeach
@else

    <!-- start experience section-->
    <div class="timeline">
        <div class="icon"></div>
        <div class="date-content">
            <div class="date-outer">
                <span class="date">
                    <i class="bi bi-ban-fill emoji-timeline" style="color:#777;"></i>
                </span>
            </div>
        </div>
        <div class="timeline-content row">

            <div class="col-sm-12 pb-2">
                <h5 class="title">Nenhuma classificação foi realizada até o momento.</h5>
            </div>

            <div class="col-sm-12">
                <p class="description pb-3">
                    Clique em "Nova Classificação" para cadastrar uma nova avaliação referente a esse talento.
                </p>
            </div>
            
        </div>
    </div>
    <!-- end experience section-->
@endif