@include('layout.header')
@php
    $record = $record ?? null;
    $disabled = "";

    if($record) {
        $disabled = "disabled";
    }
@endphp
<section id="content" style="background-color: #eee;">
  <div class="container pt-4 pb-4">
    <div class="row">
      <div class="col-12 col-lg-12 p-3">
        <a href="{{url('/human/suggestion')}}" class="btn btn-danger">
          <i class="fa fa-chevron-left" style="font-size: 14px;"></i> 
          Kembali
        </a>
      </div>
    </div>
    
    <div class="container mt-3 p-3" style="background-color: #fff;border-radius: 10px;">
        <div class="w-100 text-center mb-4" style="font-size: 18px;font-weight: bold;">Pengajuan Improvement</div>
        @if (\Session::has('success'))
          <div class="alert alert-success">
            <ul class="m-0 pl-3">
              <li>{!! \Session::get('success') !!}</li>
            </ul>
          </div>
        @endif
        @if($errors->any())
          <div class="alert alert-danger">
            <ul class="m-0 pl-3">
              <li>{{$errors->first()}}</li>
            </ul>
          </div>
        @endif
        <form id="form-claim" method="POST" enctype="multipart/form-data" action="/human/pengajuan_improvement">
            {{ csrf_field() }}
            <input type="hidden" id="user_id" name="user_id" value="{{Auth::User()->id}}">
            <div class="row">
                <div class="col-6">
                    @if($record)
                    <div class="form-group">
                        <label for="form_name">No. Pengajuan</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_name" name="form_name" placeholder="No. Pengajuan" value="{{ $record ? $record->number : '' }}">
                    </div>
                    @endif
                    <div class="form-group">
                        <label for="form_cabang">Kategori Improvement</label>
                        <select {{ $disabled }} required class="form-control" id="form_kategori_improvement" name="form_kategori_improvement">
                            <option value="">Pilih Kategori Improvement</option>
                            <option {{ $record ? ($record->category_improvement == 'SS' ? 'selected' : '') : '' }} value="SS">SS</option>
                            <option {{ $record ? ($record->category_improvement == 'QCP' ? 'selected' : '') : '' }} value="QCP">QCP</option>
                            <option {{ $record ? ($record->category_improvement == 'QCC' ? 'selected' : '') : '' }} value="QCC">QCC</option>
                            <option {{ $record ? ($record->category_improvement == 'PPS' ? 'selected' : '') : '' }} value="PPS">PPS</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="form_name">Nama Lengkap</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_name" name="form_name" placeholder="Isikan Nama Lengkap" value="{{ $record ? $record->name : '' }}">
                    </div>
                    <div class="form-group">
                        <label for="form_lelang_date">NIK</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_nik" name="form_nik" placeholder="Isikan NIK" value="{{ $record ? $record->nik : '' }}">
                    </div>
                    <div class="form-group">
                        <label for="form_name_lelang">Posisi</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_position" name="form_position" placeholder="Isikan Posisi" value="{{ $record ? $record->position : '' }}">
                    </div>
                    <div class="form-group">
                        <label for="form_cabang">Department</label>
                        <select {{ $disabled }} required class="form-control" id="form_department" name="form_department">
                            <option value="">Pilih Department</option>
                            @foreach ($departements as $item)
                                <option {{ $record ? ($record->department == $item->name ? 'selected' : '') : '' }} value="{{$item->id}}">{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="form_cabang">Cabang</label>
                        <select {{ $disabled }} required class="form-control" id="form_cabang" name="form_cabang">
                            <option value="">Pilih Cabang</option>
                            @foreach ($branch as $item)
                                <option {{ $record ? ($record->branch_id == $item->id ? 'selected' : '') : '' }} value="{{$item->id}}">{{$item->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    @if(!$record)
                    <div class="after-add-more">
                        <div class="row">
                            <div class="col-lg-8">
                                <div class="form-group">
                                    <label for="form_file">Upload File</label>
                                    <input {{ $disabled }} type="file" required class="form-control" name="form_file[]">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="form_file"></label>
                                    @if(!$record)
                                    <button class="btn btn-success add-more" type="button" style="margin-top:20%;">
                                        <i class="glyphicon glyphicon-plus"></i> Add
                                    </button>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="form_harga_dasar">Judul Improvement</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_title_improvement" name="form_title_improvement" placeholder="Isikan Judul Improvement" value="{{ $record ? $record->title : '' }}">
                    </div>
                    <div class="form-group">
                        <label for="form_cabang">Kategori Pengajuan</label>
                        <select {{ $disabled }} required class="form-control" id="form_kategori_pengajuan" name="form_kategori_pengajuan">
                            <option value="">Pilih Kategori Pengajuan</option>
                            <option {{ $record ? ($record->category_pengajuan == 'Revisi' ? 'selected' : '') : '' }} value="Baru">Baru</option>
                            <option {{ $record ? ($record->category_pengajuan == 'Revisi' ? 'selected' : '') : '' }}  value="Revisi">Revisi</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="form_cabang">Poin Perbaikan</label>
                        @if(!$record)
                            <select {{ $disabled }} required class="form-control select2" id="form_poin_perbaikan" name="form_poin_perbaikan[]" multiple>
                                {{-- <option value="">Pilih Poin Perbaikan</option> --}}
                                <option value="Safety/5R">Safety/5R</option>
                                <option value="Quality">Quality</option>
                                <option value="Cost">Cost</option>
                                <option value="Delivery">Delivery</option>
                                <option value="Productivity">Productivity</option>
                                <option value="Morale">Morale</option>
                                <option value="Environment">Environment</option>
                            </select>
                        @else
                            <h6>{{ $record->poin_perbaikan }}</h6>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="form_harga_lelang">Jadwal Klinik</label>
                        <input type="text" class="form-control" id="form_jadwal_klinik" name="form_jadwal_klinik" placeholder="Isikan Jadwal Klinik" readonly value="{{ $record ? $record->jadwal_klinik : '' }}">
                    </div>
                    <div class="form-group">
                        <label for="form_no_polisi">Nomor Handphone Terdaftar Di OVO</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_no_hp" name="form_no_hp" placeholder="Isikan No HP" value="{{ $record ? $record->no_hp : '' }}">
                    </div>
                     <div class="form-group">
                        <label for="form_no_polisi">Status</label>
                        <input {{ $disabled }} type="text" required class="form-control" id="form_no_hp" name="form_no_hp" placeholder="Status" value="{{ $record ? ucwords(str_replace("_", " ", $record->status_action))  : '' }}">
                    </div>
                    @if($record)
                        <div class="form-group">
                            <label for="">Files</label>
                            <ul>
                                @foreach ($record->files as $file)
                                    <li><a target="_blank" href="{{ url($file->file) }}">{{ str_replace("uploads/improvement/","", $file->file) }}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
            <div class="row mt-2 mb-2">
                <div class="col-12">
                    <div class="w-100 text-center">
                        <a class="btn btn-secondary w-25 mr-4" href="{{url('human')}}">Kembali</a>
                        @if(!$record)
                            <button type="submit" class="btn btn-danger w-25">Ajukan</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>
  </div>
</section>

@include('layout.footer')

<script>
$('#form_jadwal_klinik').datepicker({
    format: 'yyyy-mm-dd',
    minDate: new Date(),
    beforeShowDay:
     function(dt)
     {
        return [dt.getDay() == 5, ""];
     }
});

$(document).ready(function() {
    $(".select2").select2({
        placeholder: "Pilih Poin Perbaikan"
    });

    $(".add-more").click(function(){ 
        var length = $('.after-add-more .control-group').length;
        if (length + 1 == 5) {
            return;
        }
        var html = '<div class="row control-group">';
            html += '<div class="col-lg-8">';
                html += '<div class="form-group">';
                    html += '<input type="file" required class="form-control file-dinamis" name="form_file[]">';
                    html += '</div>';
                    html += '</div>';
                    html += '<div class="col-lg-4">';
                        html += '<div class="form-group">';
                            html += '<button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-remove"></i> Remove</button>';
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';
        $(".after-add-more").append(html);
    });

    // saat tombol remove dklik control group akan dihapus 
    $("body").on("click",".remove",function(){ 
        $(this).parents(".control-group").remove();
    });
});
</script>