@extends('layouts.content')
@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>
                                Edit Recruitment
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div class="container-xl mt-n10 px-4">
            <div class="card mb-4">
                <div class="card-header">Edit</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <form action="/qualification-recruitment/{{ $qualification['uid'] }}/edit" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('put')
                                <div class="mb-3 text-center">
                                    <h5>Diajukan Oleh : <span
                                            style="font-weight:bolder">{{ $qualification['user']['name'] }}</span></h5>
                                </div>
                                <div class="mb-3 row mt-5 ms-1">
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Role</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['role']['name'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Status Employee</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['employee_statuses_uid'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Education</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $educationList = '';
                                        @endphp
                                        @foreach ($education as $item)
                                            @php
                                                $educationList .= $item['education'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($educationList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Major Education</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $majorEducationList = '';
                                        @endphp
                                        @foreach ($major as $item)
                                            @php
                                                $majorEducationList .= $item['major'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($majorEducationList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Gender</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $genderList = '';
                                        @endphp
                                        @foreach ($gender as $item)
                                            @php
                                                $genderList .= $item['gender'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($genderList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Marital</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $maritalList = '';
                                        @endphp
                                        @foreach ($marital as $item)
                                            @php
                                                $maritalList .= $item['marital_status'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($maritalList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Skill</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $skillList = '';
                                        @endphp
                                        @foreach ($skills as $item)
                                            @php
                                                $skillList .= $item['skills'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($skillList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Experience</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        @php
                                            $experienceList = '';
                                        @endphp
                                        @foreach ($experience as $item)
                                            @php
                                                $experienceList .= $item['experience'] . ', ';
                                            @endphp
                                        @endforeach
                                        <p>: {{ rtrim($experienceList, ', ') }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Amount Request</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['amount'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Date Request</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['date_request'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Date Join</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['date_joint'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Penambahan / Pengurangan</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['is_penambahan'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Keterangan</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['deskripsi'] }}</p>
                                    </div>
                                    <div class="col-sm-2 mt-1">
                                        <p class="fw-600">Age</p>
                                    </div>
                                    <div class="col-sm-10 mt-1">
                                        <p>: {{ $qualification['age'] }}</p>
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label class="small mb-1" for="floatingInput"
                                        style="font-weight: 600; font-size:16px">Job
                                        Qualification</label>
                                    <textarea class="form-control" name="kualifikasi" id="floatingInput" type="text" rows="20" cols="100">{{ old('kualifikasi', $qualification['kualifikasi']) }}</textarea>
                                </div>

                                <div class="mb-3">
                                    <label class="small mb-1" for="floatingInput"
                                        style="font-weight: 600; font-size:16px">Job
                                        Description</label>
                                    <textarea class="form-control" name="job_description" id="floatingInput" type="text" rows="20" cols="100">{{ old('job_description', $qualification['job_description']) }}</textarea>
                                </div>

                                <div class="mb-3">
                                    <label class="small mb-1" for="inputfile"
                                        style="font-weight: 600; font-size:16px">Image</label>
                                    @if ($qualification['image'])
                                        <input type="file" name="image" id="image" class="form-control"
                                            value="{{ old('image', $qualification['image']) }}" onchange="previewImage()"
                                            accept="image/*">
                                        <img src="/assets/recruitment/{{ $qualification['image'] }}"
                                            alt="{{ $qualification['image'] }}"
                                            class="img-preview img-fluid mb-3 col-sm-5 mt-2"
                                            style="width: 350px; height:250px; ">
                                    @else
                                        <input type="file" name="image" id="image" class="form-control"
                                            onchange="previewImage()" accept="image/*" required>
                                        <img class="img-preview img-fluid mt-3 cool-sm-5"
                                            style="width: 350px; height:250px; display:none;">
                                    @endif
                                </div>

                                <div class="mb-3">
                                    <label for="is_publish" class="small mb-1"
                                        style="font-weight: 600; font-size:16px">Publish</label>
                                    <select name="is_publish" class="form-select" id="is_publish">
                                        <option disabled selected>choose</option>
                                        <option value="Publish"
                                            {{ old('is_publish', $qualification['is_publish']) == 'Publish' ? 'selected' : '' }}>
                                            Publish</option>
                                        <option value="No-Publish"
                                            {{ old('is_publish', $qualification['is_publish']) == 'No-Publish' ? 'selected' : '' }}>
                                            No Publish</option>
                                    </select>
                                </div>

                                <a href="/qualification-recruitment" class="btn btn-outline-info">Back</a>
                                <button class="btn btn-primary" type="submit">Save Changes</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

<script>
    function previewImage() {
        const image = document.querySelector("#image");
        const imgPreview = document.querySelector('.img-preview');
        imgPreview.style.display = 'block';

        const oFReader = new FileReader();
        oFReader.readAsDataURL(image.files[0]);

        oFReader.onload = function(oFREvent) {
            imgPreview.src = oFREvent.target.result;
        }
    }
</script>