@foreach ($process as $value)
    <div class="row row-cols-1 justify-content-center mt-3 mb-3">
        <div class="card shadow-lg px-4 p-4 rounded-bottom-2 border-0 " style="max-width: 70rem">

            <div class="card-header m-1">
                <div class="d-flex flex-wrap px-3 py-2 align-items-center ">
                    <div class="flex-shrink-0">
                        @if ($value->vacancy->enterprise->logo)
                            <img src="{{ asset($value->vacancy->enterprise->logo) }}" alt="img" class="rounded-1">
                        @else
                            <span><i class="fa-regular fa-building"></i></span>
                        @endif
                    </div>
                    <div class="flex-grow-1 ms-3 text-orange-dark">{{ $value->vacancy->enterprise->name }}</div>
                </div>
            </div>
            <div class="card-body">
                <div class="">
                    <h5 class="mb-0">Vaga: {{ $value->vacancy->name }}</h5>
                    <span class="badge bg-orange-dark text-white mb-3 px-3">processo: #{{ $value->id }}</span>
                    <span class="badge bg-orange-dark text-white mb-3 px-3"><i class="fa-solid fa-flag me-1"></i> {{ $value->statusProcess->name }}</span>
                </div>
                <div class="d-flex flex-wrap gap-2 mb-3">
                    
                    <span class="badge rounded-pill bg-orange-light text-brown-900">
                        <i class="fa-solid fa-briefcase me-1"></i>
                        {{ $value->vacancy->position }}
                    </span>
                    <span class="badge rounded-pill bg-orange-light text-brown-900">
                        <i class="fa-solid fa-location-dot me-1"></i>
                        {{ $value->cityVacancy->city->name }} - {{ $value->cityVacancy->city->state->uf }}
                    </span>
                    <span class="badge rounded-pill bg-orange-light text-brown-900">
                        <i class="fa-solid fa-building me-1"></i>
                        {{ $value->vacancy->vacancy_model }}
                    </span>
                    <span class="badge rounded-pill bg-orange-light text-brown-900 ">
                        <i class="fa-solid fa-briefcase me-1"></i>
                        {{ $value->vacancy->hiringType->name }}
                    </span>
                </div>
                <div class="row row-cols-1 row-cols-md-2 mb-1">
                    <small class="text-muted">
                        <i class="fa-solid fa-calendar me-1"></i>
                        Iniciado em: {{ $value->created_at->format('d/m/Y à\s H\hi') }}
                    </small>
                    <small class="text-muted">
                        <i class="fa-solid fa-calendar me-1"></i>
                        Atualizado em: {{ $value->updated_at->format('d/m/Y à\s H\hi') }}
                    </small>
                </div>

                <hr>
                <div class="row g-2 justify-content-end mt-2">

                    <div class="col-12 col-md-6 col-lg-auto">
                        <a class="btn btn-sm btn-orange-500 w-100" href="{{ route('vacancy', $value->vacancy->id) }}">
                            <i class="fas fa-eye me-1"></i>Ver vaga
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-auto">
                        <a data-bs-toggle="modal" data-bs-target="#detail_candidate_{{ $value->id }}"
                            class="btn btn-sm btn-orange-light w-100" title="Detalhes do processo">
                            <i class="fas fa-info-circle me-1"></i> Detalhes
                        </a>
                    </div>

                    @if (in_array($value->statusProcess->name, ['entrevista_agendada']) &&
                            $value->interview_type === 'remota' &&
                            $value->interview_internal === true)
                        <div class="col-12 col-md-6 col-lg-auto">
                            <form method="get" action="{{ route('join.meeting', $value->id) }}">

                                <div class="col-12 col-md-6 col-lg-auto">
                                    <button type="submit" id="btn-interview-candidate-{{ $value->id }}"
                                        data-interview-dateTime="{{ $value->interview_date }}"
                                        data-room-id="{{ $value->room_id }}" class="btn btn-sm btn-brown-900 w-100"
                                        disabled>
                                        <i class="fas fa-video me-1"></i> Entrevista
                                    </button>
                                </div>
                            </form>
                        </div>
                    @endif

                    @if (in_array($value->statusProcess->name, ['documentos_solicitados', 'documentos_rejeitados']))
                        @if ($value->hiring_type === 'CLT' && $value->docs_form_definitive_sent == false)
                            <div class="col-12 col-md-6 col-lg-auto">
                                <a class="btn btn-sm btn-brown-900  w-100" type="button"
                                    href="{{ route('wizard-form.show', $value->id) }}"><i
                                        class="fas fa-file-upload me-1"></i>
                                    Documentos</a>
                            </div>
                        @endif
                        @if (($value->hiring_type === 'PJ' || $value->hiring_type === 'COOPERADO') && $value->docs_form_definitive_sent == false)
                            <div class="col-12 col-md-6 col-lg-auto">
                                <a class="btn btn-sm btn-brown-900  w-100" type="button"
                                    href="{{ route('wizard-form.showDocPjCooperado', $value->id) }}"><i
                                        class="fas fa-file-upload me-1"></i> Documentos</a>
                            </div>
                        @endif
                    @endif

                    @if ($value->statusProcess->name === 'exame_solicitado')
                        <div class="col-12 col-md-6 col-lg-auto">
                            <button type="button" class="btn btn-sm btn-brown-900  w-100" data-bs-toggle="modal"
                                data-bs-target="#exam_{{ $value->id }}" title="Enviar exame admissional">
                                <i class="fas fa-file-medical me-1"></i> Exame
                            </button>
                        </div>
                    @endif

                </div>

            </div>
        </div>
    </div>

    {{-- Modal de detalhes --}}
    <div class="modal fade" id="detail_candidate_{{ $value->id }}" data-bs-backdrop="static" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content border-0 shadow">
                @include('candidate._components.partials.modal_details')
            </div>
        </div>
    </div>

    {{-- Modal Exame --}}

    <div class="modal fade" id="exam_{{ $value->id }}" data-bs-backdrop="static" data-bs-keyboard="false"
        tabindex="-1" aria-labelledby="uploadExamLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                @include('candidate._components.partials.modal_exam')
            </div>
        </div>

    </div>
@endforeach