@extends('layouts.master')
@section('title') {{$title}} @lang('translation.starter')  @endsection
@section('css')
    <link href="{{ URL::asset('build/libs/quill/quill.core.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('build/libs/quill/quill.bubble.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('build/libs/quill/quill.snow.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Pages @endslot
@slot('title') {{$title}}  @endslot
@endcomponent
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header align-items-center d-flex">
                                <h4 class="card-title mb-0 flex-grow-1">
                                    Hasil Seleksi
                                </h4>
                                <div class="flex-shrink-0">
                                    <div class="form-check form-switch form-switch-right form-switch-md">
                                        <a href="{{ route('calonpegawai.index') }}" class="btn btn-outline-danger waves-effect waves-light btn-sm">Kembali</a>
                                    </div>
                                </div>
                            </div><!-- end card header -->
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="firstnameInput" class="form-label">Nama Depan <span class="text-danger">*</span> </label>
                                            <input type="text" class="form-control" id="firstnameInput"
                                                name="nama_depan" value="{{ $prods->nama_depan }}" disabled>
                                                @error('nama_depan') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="lastnameInput" class="form-label">Nama Belakang</label>
                                            <input type="text" class="form-control" id="lastnameInput"
                                                name="nama_belakang" value="{{ $prods->nama_belakang }}" disabled>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="hidden" name="pegawai_id" id="pegawai_id" value="{{$prods->id}}">
                                            <select name="hasil_seleksi" id="hasil_seleksi" class="form-select" onchange="tahapan('{{ $prods->id }}')">
                                                <option value="*">Pilih</option>
                                                <option value="onproses" @if($proses->hasil_seleksi=='onproses') selected @endif>onproses</option>
                                                <option value="diterima" @if($proses->hasil_seleksi=='diterima') selected @endif>diterima</option>
                                                <option value="ditolak" @if($proses->hasil_seleksi=='ditolak') selected @endif>ditolak</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        {{-- <button class="btn btn-success btn-xs">Update</button> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')

<script>
    $(document).ready(function(){
        $("#sideRekrutmen").attr('aria-expanded',true);
        $("#sideRekrutmen").addClass('show');
        $("#rekrutmens").addClass('active');
        $("#calonpegawai").addClass('active');
        $("#divisi").removeClass('active');
    });

    function tahapan(id){
        var hasil_seleksi = $("#hasil_seleksi").val();
        if(hasil_seleksi=='*'){
            alert("Hasil seleksi harus dipilih");
            return false;
        }
        var c = confirm('Apakah yakin akan melakukan proses tahapan ini?');
        if(c==false){
            $("#hasil_seleksi").val('*');
            return false;
        }
        var pegawai_id = $("#pegawai_id").val();
        $.ajax({
            url: "{{ route('calonpegawai.proseshasilseleksisave', '') }}/" + id,
            type: "POST",
            headers: {
                            'X-CSRF-TOKEN': "{{csrf_token()}}" // Menyertakan token CSRF dalam header X-CSRF-TOKEN
            },
            data: {
                pegawai_id:pegawai_id,
                hasil_seleksi:hasil_seleksi,
            },
            success: function(response) {
                //alert(response);
                alert("Berhasil mengubah Tahapan Seleksi");
                location.reload();
            },
            error: function(xhr, status, error) {
                console.log(error);
            }
        });

    }
</script>
@endsection