@extends('main')
@section('content')
<div id="content" class="content">
    <ol class="breadcrumb pull-right">
        <li>Home</li>
        <li class="active">{{ $title }}</li>
    </ol>
    <h1 class="page-header">{{ $title }}</h1>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-inverse">
                @if (isset($tabs))
                    @if ($tabs > 0)
                        <div class="tab-overflow" style="background-color: #242A30">
                            <ul class="nav nav-tabs nav-tabs-inverse">
                                <li class="prev-button"><a href="javascript:;" data-click="prev-tab" class="text-success"><i class="fa fa-arrow-left"></i></a></li>
                                @foreach ($tabs as $row)
                                    <li class="{{ $row["active"] }}"><a href="{{ url('/') . $row['url'] }}">{{ $row["label"] }}</a></li>
                                @endforeach
                                <li class="next-button"><a href="javascript:;" data-click="next-tab" class="text-success"><i class="fa fa-arrow-right"></i></a></li>
                            </ul>
                        </div>
                    @endif
                @else
                    <div class="panel-heading">
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                        <h4 class="panel-title">{{ $title }}</h4>
                    </div> 
                @endif
                @if ($errors->any())
                <div class="alert alert-danger" id="alert-box">
                    @foreach ($errors->all() as $error)
                    <i class="fa fa-times-circle fa-fw"></i> 
                    <span id="alert-message"> {{ $error }}</span><br>
                    @endforeach
                </div>
                @endif
                <div class="alert alert-danger" id="alert-box" style="{{ (Session::has("error_message")) ? "" : "display:none;" }}">
                    <i class="fa fa-times-circle fa-fw"></i> <span id="alert-message">{{ (Session::has("error_message")) ? Session::get("error_message") : "" }}</span>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" id="myform" name="myform" action="{{ URL::to('/').$form_act }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @foreach ($fields as $row)
                        {!! $row !!}
                        @endforeach
                        <div>
                            <h4><b><u>ANALISIS POTENSI INDIVIDU</u></b></h4>
                        </div>
                        <table id="table-riwayat-pendidikan" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th rowspan="2" width="18%" style="vertical-align: middle;" class="text-center">Aspek Psikologis</th>
                                    <th rowspan="2" style="vertical-align: middle; text-align: center;">Keterangan</th>
                                    <th width="5%" style="vertical-align: middle;" class="text-center">R</th>
                                    <th width="5%" style="vertical-align: middle;" class="text-center">K</th>
                                    <th width="5%" style="vertical-align: middle;" class="text-center">C</th>
                                    <th width="5%" style="vertical-align: middle;" class="text-center">B</th>
                                    <th width="5%" style="vertical-align: middle;" class="text-center">T</th>
                                </tr>
                                <tr>
                                    <th style="vertical-align: middle;" class="text-center">1</th>
                                    <th style="vertical-align: middle;" class="text-center">2</th>
                                    <th style="vertical-align: middle;" class="text-center">3</th>
                                    <th style="vertical-align: middle;" class="text-center">4</th>
                                    <th style="vertical-align: middle;" class="text-center">5</th>
                                </tr>
                            </thead>
                            @php
                            $kategori = "";    
                            @endphp
                            <tbody>
                                @if (count($data_aspek_psikologis) > 0)
                                    @foreach ($data_aspek_psikologis as $row => $val)
                                        <input type="hidden" name="aspek_psikolog[]" value="{{$val->aspek_psikologis_id}}"/>
                                        <input type="hidden" name="benchmark[]" value="{{$val->benchmark}}"/>
                                        @if($kategori != $val->kategori)
                                        <tr>
                                            <td style="background: #f0f3f5;">&nbsp;</td>
                                            <td style="background: #f0f3f5; text-align: center;"><b>{{ $val->kategori }}</b></td>
                                            <td colspan="5" style="background: #f0f3f5;">&nbsp;</td>
                                        </tr>
                                            @php
                                            $kategori = $val->kategori;    
                                            @endphp
                                        @endif
                                        <tr>
                                            <td style="background: #fff;"><li>{{ $val->nama }}</li></td>
                                            <td style="background: #fff;">{{ $val->keterangan }}</td>
                                            <td style="vertical-align: middle; {{ $val->benchmark == '1' ? 'background: #f0f3f5;' : 'background: #fff;' }}" class="text-center"><input type="radio" name="grade_{{ $row }}" id="grade_{{ $row }}" value="1" {{$val->nilai == '1' ? 'checked' : ''}}></td>
                                            <td style="vertical-align: middle; {{ $val->benchmark == '2' ? 'background: #f0f3f5;' : 'background: #fff;' }}" class="text-center"><input type="radio" name="grade_{{ $row }}" id="grade_{{ $row }}" value="2" {{$val->nilai == '2' ? 'checked' : ''}}></td>
                                            <td style="vertical-align: middle; {{ $val->benchmark == '3' ? 'background: #f0f3f5;' : 'background: #fff;' }}" class="text-center"><input type="radio" name="grade_{{ $row }}" id="grade_{{ $row }}" value="3" {{$val->nilai == '3' ? 'checked' : ''}}></td>
                                            <td style="vertical-align: middle; {{ $val->benchmark == '4' ? 'background: #f0f3f5;' : 'background: #fff;' }}" class="text-center"><input type="radio" name="grade_{{ $row }}" id="grade_{{ $row }}" value="4" {{$val->nilai == '4' ? 'checked' : ''}}></td>
                                            <td style="vertical-align: middle; {{ $val->benchmark == '5' ? 'background: #f0f3f5;' : 'background: #fff;' }}" class="text-center"><input type="radio" name="grade_{{ $row }}" id="grade_{{ $row }}" value="5" {{$val->nilai == '5' ? 'checked' : ''}}></td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr id="no_record_rpd">
                                        <td colspan="7" class="text-center">No Record</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        <div style="text-align: right;"><h6><b>Keterangan:</b>&nbsp;&nbsp;R : Rendah; K : Kurang; C : Cukup; B : Baik; T : Tinggi</h6></div>
                        <br>
                        <div>
                            <h4><b><u>Uraian Potensi Individu</u></b></h4>
                        </div>
                        <div>
                            <textarea placeholder="Uraian" class="form-control" id="uraian" name="uraian" rows="5">{{$data_interview ? $data_interview->uraian : ''}}</textarea>
                        </div>
                        <br>
                        <p>&nbsp;</p>
                        <div>
                            <h4><b><u>Ringkasan Kelebihan dan Area Pengembangan</u></b></h4>
                        </div>
                        <div class="col-md-12" style="padding-left: 0px; padding-right: 0px;">
                            <div class="col-md-6" style="padding-left: 0px;">
                                <p><b>Kelebihan</b></p>
                                <textarea placeholder="Kelebihan" class="form-control" id="kelebihan" name="kelebihan" rows="5">{{$data_interview ? $data_interview->kelebihan : ''}}</textarea>
                            </div>
                            <div class="col-md-6" style="padding-right: 0px;">
                                <p><b>Area Pengembangan</b></p>
                                <textarea placeholder="Pengembangan" class="form-control" id="pengembangan" name="pengembangan" rows="5">{{$data_interview ? $data_interview->pengembangan : ''}}</textarea>
                            </div>
                        </div>
                        <br>
                        <p>&nbsp;</p>
                        <div>
                            <h4><b><u>Ringkasan Kesesuaian Potensi</u></b></h4>
                        </div>
                        <div>
                            <table id="table-potensi" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th width="25%" style="vertical-align: middle;" class="text-center">Aspek</th>
                                        <th width="25%" style="vertical-align: middle;" class="text-center">Bobot Penilaian</th>
                                        <th width="25%" style="vertical-align: middle;" class="text-center">Nilai</th>
                                        <th width="25%" style="vertical-align: middle;" class="text-center">Bobot x Nilai</th>
                                        <th width="25%" style="vertical-align: middle;" class="text-center">Presentase</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td style="vertical-align: middle;" class="text-center">
                                            Readines
                                        </td>
                                        <td style="text-align: center;">25%</td>
                                        <td style="text-align: center;">
                                            <input type="text" name="readines" value="{{$data_interview ? $data_interview->readines : ''}}"/>
                                        </td>
                                        <td style="text-align: center;">
                                            <input type="text" name="readines_bobotxnilai" value="{{$data_interview ? $data_interview->readines_bobotxnilai : ''}}"/>
                                        </td>
                                        <td rowspan="2" style="vertical-align: middle;">
                                            <input type="text" name="persentase" value="{{$data_interview ? $data_interview->persentase : ''}}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: center;" class="text-center">
                                            Potensi
                                        </td>
                                        <td style="text-align: center;">75%</td>
                                        <td style="text-align: center;">
                                            <input type="text" name="potensi" value="{{$data_interview ? $data_interview->potensi : ''}}"/>
                                        </td>
                                        <td style="text-align: center;">
                                            <input type="text" name="potensi_bobotxnilai" value="{{$data_interview ? $data_interview->potensi_bobotxnilai : ''}}"/>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <br>
                        <p>&nbsp;</p>
                        <div>
                            <h4><b><u>Rekomendasi Hasil Asesmen</u></b></h4>
                        </div>
                        <div>
                            <table id="table-riwayat-pendidikan" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th width="5%" style="vertical-align: middle;" class="text-center"></th>
                                        <th width="20%" style="vertical-align: middle;" class="text-center">Hasil</th>
                                        <th style="vertical-align: middle;" class="text-center">Keterangan</th>
                                    </tr>
                                </thead>
                                @php
                                $kategori = "";    
                                @endphp
                                <tbody>
                                    @if (count($data_ref_rekomendasi) > 0)
                                        @foreach ($data_ref_rekomendasi as $row => $val)
                                            <input type="hidden" name="hasil_rekomendasi[]" value="{{$val->rekomendasi_id}}"/>
                                            <input type="hidden" name="ket_rekomendasi[]" value="{{$val->nama}}"/>
                                            <tr>
                                                <td style="vertical-align: middle;" class="text-center"><input type="radio" name="rekomendasi" id="rekomendasi_{{ $val->rekomendasi_id }}" value="{{ $val->rekomendasi_id }}" {{( $data_interview && $val->rekomendasi_id == $data_interview->rekomendasi_id) ? "checked": ""}}></td>
                                                <td>{{ $val->nama }}</td>
                                                <td>{{ empty($val->keterangan) ? "-" : $val->keterangan }}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr id="no_record_rpd">
                                            <td colspan="3" class="text-center">No Record</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        <br>
                        <div>
                            <h4><b><u>Saran Pengembangan</u></b></h4>
                        </div>
                        <div>
                            <textarea placeholder="saran pengembangan" class="form-control" id="saran_pengembangan" name="saran_pengembangan" rows="5">{{$data_interview ? $data_interview->saran_pengembangan : ''}}</textarea>
                        </div>
                        <br>
                        <div style="text-align: right; padding-right: 15px;" class="form-group button-container">
                            <button type="submit" class="btn btn-sm btn-primary" name="button_save" id="button_save">&nbsp;&nbsp;Simpan&nbsp;&nbsp;</button>
                        </div>
                        <div class="form-group preloader-container">
                            <label class="col-md-3 control-label">&nbsp;</label>
                            <div class="col-md-9">
                                <img src="{{ asset('app/img/icon/preloader.gif') }}" alt="" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="alert alert-success fade in m-b-15" id="notif-success-confirm" style="display: none; position: absolute; bottom: 20px; right: 20px;">
    <strong>Success!</strong>
    Berhasil
    <span class="close" data-dismiss="alert" style="margin-left: 20px;">&times;</span>
</div>
<script type="text/javascript" src="{{ asset('app/js/form_validation.js') }}"></script>
<script>
$(".preloader-container").hide();

$("#myform").submit(function(e) {
        e.preventDefault();
        var csrf_token = "{{ csrf_token() }}";
        
        $.ajax({
            type: "POST",
            url: "{{ $form_act }}",
            data: new FormData(this),
            "Content-Type": "multipart/form-data",
            headers: {'X-CSRF-TOKEN': csrf_token},
            processData: false,
            contentType: false,
            beforeSend: function() {
                $(".button-container").hide();
                $(".preloader-container").show();
            },
            complete: function() {

            },
            success: function(response) {
                // console.log(response,response["riwayat_pendidikan_id"]);
                // return false;
                if (response["status"] == 1) {
                    $("#notif-success-confirm").show();
                    location.href = "{{ $callback }}";
                } else {
                    var obj = typeof response["error_log"] === 'object' && response["error_log"] !== null;
                    if (obj) {
                        errorAray = $.parseJSON(JSON.stringify(response["error_log"]));
                        log_error = [];
                        $.each(errorAray, function(key, value) {
                            log_error.push(value[0] + '<br>');
                        });
                    } else {
                        log_error = response["error_log"];
                    }
                    $("#alert-box").show();
                    $("#alert-message").html(log_error);
                    $(".button-container").show();
                    $(".preloader-container").hide();
                }
                $(".button-container").show();
                $(".preloader-container").hide();
            },
            error: function(xhr, status, errorThrown) {
                $("#alert-box").show();
                $("#alert-message").html(xhr);
                $(".button-container").show();
                $(".preloader-container").hide();
            }
        });
        return false;
    });
</script>
@stop