@extends('layouts.template')
@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header border-0 pt-6">
                <div class="row">
                    <div class="card-title">Coaching Mentoring</div>
                </div>
            </div>
            <div class="card-body pt-5">
                <div class="card card-bordered">
                    <div class="card-header justify-content-end ribbon ribbon-start ribbon-clip">
                        <div class="ribbon-label">
                            Status Pengajuan : {{$coaching->approve_1}}
                            <span class="ribbon-inner {{$coaching->approve_1 == 'Waiting' ? 'bg-warning' : 'bg-success'}}"></span>
                        </div>
                        <div class="card-title fw-bold fs-8">Create Date : {{$coaching->create_date}}</div>
                    </div>
                    <div class="card-body">
                        <table>
                            <tr>
                                <td>Nama Pembimbing (SAM/SAS)</td>
                                <td>:</td>
                                <td>{{$sam->name}}</td>
                            </tr>
                            <tr>
                                <td>Nama Supervisor</td>
                                <td>:</td>
                                <td>{{$spv->nama_sdm}}</td>
                            </tr>
                             <tr>
                                <td>Lokasi Pertemuan</td>
                                <td>:</td>
                                <td>{{$coaching->places}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <br>
                <form id="form_edit" method="post" action="{{ url('coaching/update/'.$coaching->id_coaching) }}" enctype="multipart/form-data">
                @csrf @method('patch')
                <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">Supervisor (Permasalahan) : </b> Apa yang ingin anda diskusikan dan selesaikan ? @if(Auth::user()->type_user == 'SAM')<span class="badge badge-light-primary"><a href="{{route('coaching.viewpending', encrypt($spv->user_code))}}"><u>See all pending details</u></a></span>@else <span class="badge badge-light-primary"><a href="{{route('coaching.viewpending', encrypt(Auth::user()->username))}}"><u>See all pending details</u></a></span> @endif</label>    
               
                <div class="col-lg-12 fv-row">
                    <div class="table-responsive">
                        <table class="table table-rounded table-striped border gy-7 gs-7">  
                            <tr>
                                <th class="fw-bold fs-7">No</th>
                                <th class="fw-bold fs-7">Pembahasan</th>
                                <th class="fw-bold fs-7">Mengapa pembahasan itu penting ?</th>
                                <th class="fw-bold fs-7">Komitmen</th>
                                <th class="fw-bold fs-7">Type</th>
                                <th class="fw-bold fs-7">Status</th>
                                <th class="fw-bold fs-7">Due Date</th>
                            </tr>
                            @foreach($detailKomitmen as $d)
                            <tr class="border-end border-bottom"> 
                                <input type="text" name="id_komitmen[]" value="{{$d->id_komitmen}}" readonly hidden>
                                <td><span class="badge badge-circle badge-primary">{{ $loop->iteration }}</span></td> 
                                <td>
                                    {{$d->permasalahan}}
                                </td> 
                                <td>
                                    {{$d->komitmen}}
                                </td>
                                <td>
                                    {{$d->reason}}
                                </td>
                                <td>
                                    <span class="badge badge-light-info">{{$d->cat_permasalahan}}</span>
                                </td>  
                                <td>
                                    @if(Auth::user()->type_user == 'SPV')
                                    <span class="badge {{$d->status == 'OPEN' ? 'badge-light-success' : 'badge-light-danger'}}">{{$d->status}}</span>
                                    @else
                                    <select aria-label="Select Type" data-control="select2" data-placeholder="Select Category" class="form-select form-select-solid fw-bold fs-7" name="status[]" required>
                                         <option value="OPEN" {{$d->status == 'OPEN' ? 'selected' : ''}}>OPEN</option>
                                         <option value="CLOSE" {{$d->status == 'CLOSE' ? 'selected' : ''}}>CLOSE</option>
                                    </select>
                                     @endif
                                </td>  
                                <td>
                                    @if(Auth::user()->type_user == 'SPV')
                                    <span class="badge badge-light-primary">{{$d->due_date}}</span>
                                    @else
                                    <input type="date" name="due_date[]" value="{{$d->due_date}}" class="form-control form-control-solid fw-bold fs-7" required />
                                    @endif
                                    
                                </td>  
                            </tr>
                            @endforeach  
                        </table> 
                    </div>
                </div>
               
                @foreach($detailAnswerSpv as $a)
                <div class="col-lg-12 fv-row">
                    <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">{{$a->title}} :</b> {{$a->question}}</label>
                    <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" placeholder="Answer" readonly>{{$a->answer}}</textarea>
                </div>
                <br>
                @endforeach
                
                @if($coaching->approve_1 != 'Approved' && Auth::user()->type_user == 'SAM')
                    @csrf @method('patch')
                    <div class="col-lg-12 fv-row" style="margin-top:30px;">
                    <h5>Feedback</h5>
                    </div>
                        @foreach($question as $qu)
                        <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">{{$qu->title}} :</b> {{$qu->question}}</label>
                        <div class="col-lg-12 fv-row">
                           <table class="table table-bordered" id="tableAddInputHarapan">  
                                <tr> 
                                    <input type="text" name="question_id_feedback" value="{{$qu->id_question}}" hidden readonly>
                                    <td>
                                        <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" placeholder="Answer" name="answer_feedback[]" required></textarea>
                                    </td> 
                                    <td><button type="button" name="add" id="add" class="btn btn-success btn-sm"><i class="fas fa-plus"></i></button></td>  
                                </tr>  
                            </table> 
                        </div>
                        @endforeach
                    <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">Decision : </b> Apakah anda menyetujui pengajuan coaching tersebut ?</label>    
                    <div class="col-lg-12 fv-row">
                        <select aria-label="Select Type" data-control="select2" data-placeholder="Select Decision" class="form-select form-select-solid fw-bold fs-7" name="decision_feedback" required>
                             <option value=""></option>
                             <option value="Approved">Approve</option>
                             <option value="Rejected">Reject</option>
                        </select>
                    </div>
                    <br>
                @else
                    @if($coaching->approve_1 =='Approved')
                    <div class="col-lg-12 fv-row" style="margin-top:30px;">
                        <h5>Feedback</h5>
                    </div>
                       <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">Pembimbing :</b> Harapan apa yang anda miliki untuk disampaikan kepada supervisor? Jelaskan</label>
                        @foreach($detailAnswerSam as $answerSam)
                        <div class="row">
                            <span class="badge badge-circle badge-primary" style="margin:15px 0px 0px 15px">{{$loop->iteration}}</span>
                            <div class="col-md-11">
                                <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" placeholder="Answer" readonly required>{{$answerSam->answer}}</textarea>
                            </div>
                        </div>
                        <br>
                        @endforeach
                    <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">Decision : </b> Apakah anda menyetujui pengajuan coaching tersebut ?</label>    
                    <div class="col-lg-12 fv-row">
                        <input type="text" name="" value="{{$coaching->approve_1}}" class="form-control form-control-solid fw-bold fs-7" readonly />
                    </div>
                    <br>
                    @endif
                @endif
                @if(Auth::user()->type_user == 'SAM')
                <div class="col-lg-12 fv-row">
                    <div class="col text-end">
                      <button type="submit" class="btn btn-success">Send Feedback</button>
                    </div>
                </div>
                @endif
                </form>
            </div>
        </div>
    </div>
</div>
<script src="//code.jquery.com/jquery.js"></script>     
<script type="text/javascript">
   
    var i = 0;

    $("#add").click(function(){
   
        ++i;

        var rowCount = $('#tableAddInputHarapan tr').length;

        if(rowCount < 7){
            $("#tableAddInputHarapan").append('<tr><td><textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" placeholder="Answer" name="answer_feedback[]" required></textarea></td><td><button type="button" class="btn btn-danger btn-sm remove-tr"><i class="fas fa-trash"></i></button></td></tr>');
        }   
        
    });

    
    $(document).on('click', '.remove-tr', function(){  
         $(this).parents('tr').remove();
    });  
   
</script>
@endsection