@extends('layouts.content')
<style>
    table td {
        padding: 8px 5px;

    }

    table {
        table-layout: fixed;
        width: 100%;
    }

    table td:nth-child(2) {
        width: 150px;
    }
</style>
@section('body_content')
    <main>
        <header class="page-header page-header-dark bg-gradient-primary-to-secondary pb-10">
            <div class="container-xl px-4">
                <div class="page-header-content pt-4">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto mt-4">
                            <h1 class="page-header-title">
                                <div class="page-header-icon me-4">
                                    <i class="fas fa-handshake-simple fa-fw"></i>
                                </div>
                                Candidate Employee
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div class="container-xl mt-n10 px-4">
            <div class="card mb-4">
                <div class="card-header">
                    List Candidate Employee
                </div>
                <div class="card-body">
                    <div class="container">
                        <div class="row">
                            @include('partials.alert')
                            <div class="col-xl-4">
                                <div class="card mb-4 mb-xl-0">
                                    <div class="card-header fw-bolder">Profile Candidate Employee</div>
                                    <div class="card-body text-center">
                                        <img src="/assets/img/candidate/{{ $candidateEmployee['image_candidate'] }}"
                                            style="width: 250px; height: 250px;">
                                    </div>
                                    <div class="card-body text-center">
                                        <a class="btn btn-info"
                                            href="/assets/cv/candidate/{{ $candidateEmployee['cv_candidate'] }}"
                                            target="_blank">Curiculum vitae</a>
                                    </div>
                                </div>
                            </div>
                            {{-- end image --}}
                            <div class="col-xl-8">
                                <div class="card mb-4">
                                    <div class="card-header fw-bolder">Personal Candidate Employee</div>
                                    <div class="card-body">
                                        <div class="mb-3">
                                            <table>
                                                <tr>
                                                    <td style="font-weight: 600">Position Request</td>
                                                    <td> : </td>
                                                    <td style="font-weight: 900"> {{ $candidateEmployee['role']['name'] }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Personal Identification Number</td>
                                                    <td> : </td>
                                                    <td>{{ $candidateEmployee['pid'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Family Card Number</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['family_card_no'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Name</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['name'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Gender</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['gender'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Place Of Birthday</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['pob'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">birthday</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['birthday'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Age</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['age'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Religion</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['religion'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">NPWP</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['npwp'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">address</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['address'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">address current</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['address_current'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Phone Number</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['phone_number'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Email</td>
                                                    <td> : </td>
                                                    <td> {{ $candidateEmployee['email'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td style="font-weight: 600">Status</td>
                                                    <td> : </td>
                                                    @if ($candidateEmployee['status'] === 'Potensial')
                                                        <p class="btn btn-primary">{{ $candidateEmployee['status'] }}</p>
                                                    @elseif($candidateEmployee['status'] === 'Candidate')
                                                        <p class="btn btn-success">{{ $candidateEmployee['status'] }}</p>
                                                    @endif
                                                </tr>
                                            </table>

                                        </div>
                                        <div class="col">
                                            <div class="card-header mt-5 fw-bolder">Education</div>
                                            <table>
                                                <tr>
                                                    <th style="font-size: 14px">Level of Education</th>
                                                    <th style="font-size: 14px">School/University</th>
                                                    <th style="font-size: 14px">Major</th>
                                                    <th style="font-size: 14px">Education Year</th>
                                                </tr>
                                                @foreach ($candidateEducation as $pendidikan)
                                                    <tr>
                                                        <td style="font-size: 12px">{{ $pendidikan['education'] }}</td>
                                                        <td style="font-size: 12px">{{ $pendidikan['school'] }}</td>
                                                        <td style="font-size: 12px">{{ $pendidikan['major'] }}</td>
                                                        <td style="font-size: 12px">
                                                            {{ $pendidikan['date_start'] . ' / ' . $pendidikan['date_end'] }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </table>
                                        </div>
                                        <div class="col">
                                            <div class="card-header mt-5 fw-bolder">Certificate</div>
                                            <table>
                                                <tr>
                                                    <th style="font-size: 14px">Type Certificate</th>
                                                    <th style="font-size: 14px">File</th>
                                                </tr>
                                                @foreach ($candidateDocument as $certificate)
                                                    <tr>
                                                        <td style="font-size: 14px">
                                                            {{ $certificate['typeCertificate']['type'] }}</td>
                                                        <td style="font-size: 14px">
                                                            <a href="/assets/pdf/certificate/{{ $certificate['certificate_pdf'] }}"
                                                                target="_blank" class="btn btn-info">Certificate</a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-4 d-flex">
                                    <button class="btn btn-success" data-bs-toggle="modal"
                                        data-bs-target="#candidateModal">Candidate</button>
                                    <button class="btn btn-primary ms-3" data-bs-toggle="modal"
                                        data-bs-target="#potentialModal">Potential</button>
                                    <button class="btn btn-danger ms-3" data-bs-toggle="modal"
                                        data-bs-target="#noCandidateModal">No Candidate</button>
                                </div>
                            </div>

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

    @include('candidate_data.showModal.candidate_modal')
    @include('candidate_data.showModal.potential_modal')
    @include('candidate_data.showModal.no_candidate_modal')
@endsection