@extends('layouts.master')
@section('title') {{$title}} @lang('translation.starter')  @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">{{ $title }}</h4>
                                <div class="flex-shrink-0">
                                    <div class="form-check form-switch form-switch-right form-switch-md">
                                        @can('pengajuan_pinjaman_create')
                                            <a href="{{ route('pengajuanpinjaman.pengajuanpinjaman.index') }}" class="btn btn-sm btn-outline-danger">Kembali</a>
                                        @endcan
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('pengajuanpinjaman.pengajuanpinjaman.update',[$prods->id]) }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="pegawai_id" id="pegawai_id" value="{{ $prods->pegawai_id }}">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label>Nama Pegawai @error('pegawai_id') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                <select name="pegawai_id" class="form-select pegawai_id" data-choices disabled>
                                                    <option value="">Pilih</option>
                                                    @foreach ($kar as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if ($item->id==$prods->pegawai_id)
                                                                selected
                                                            @endif>{{ $item->nama_depan.' '.$item->nama_belakang}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label for="tanggal_pinjaman" class="form-label">Tanggal Pinjaman @error('tanggal_pinjaman') <span class="text-danger">{{ $message }}</span> @enderror </label>
                                                <input disabled type="text" name="tanggal_pinjaman" class="form-control" id="tanggal_pinjaman"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_pinjaman }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="jumlah_pinjaman" class="form-label">Jumlah Pinjaman @error('jumlah_pinjaman') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                <input disabled type="number" name="jumlah_pinjaman" class="form-control" id="jumlah_pinjaman" value="{{ $prods->jumlah_pinjaman }}">
                                            </div>
                                        </div> 
                                        
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="besar_cicilan" class="form-label">Besar Cicilan @error('jumlah_pinjaman') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                <input disabled type="number" name="besar_cicilan" class="form-control" id="besar_cicilan" value="{{ $prods->besar_cicilan }}">
                                            </div>
                                        </div> 

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="tanggal_awal_angsuran" class="form-label">Tanggal Awal Angsuran @error('tanggal_awal_angsuran') <span class="text-danger">{{ $message }}</span> @enderror </label>
                                                <input disabled type="text" name="tanggal_awal_angsuran" class="form-control" id="tanggal_awal_angsuran"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_awal_angsuran }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="tanggal_akhir_angsuran" class="form-label">Tanggal Akhir Angsuran @error('tanggal_akhir_angsuran') <span class="text-danger">{{ $message }}</span> @enderror </label>
                                                <input disabled type="text" name="tanggal_akhir_angsuran" class="form-control" id="tanggal_akhir_angsuran"  data-provider="flatpickr" data-date-format="Y-m-d" value="{{ $prods->tanggal_akhir_angsuran }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="lama_angsuran" class="form-label">Lama Angsuran @error('lama_angsuran') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                <input disabled type="number" name="lama_angsuran" class="form-control" id="lama_angsuran" value="{{ $prods->lama_angsuran }}">
                                            </div>
                                        </div> 

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="cicilan_ke" class="form-label">Cicilan Ke- @error('cicilan_ke') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                                <input type="number" name="cicilan_ke" class="form-control" id="cicilan_ke" value="{{ $prods->cicilan_ke }}" disabled>
                                            </div>
                                        </div> 
                                                                  
                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label for="tanggal" class="form-label">Status</label>
                                                <select disabled name="status" id="status" class="form-select" data-choices>
                                                    <option value="belum lunas" @if($prods->status=='belum lunas') selected @endif>Belum Lunas</option>
                                                    <option value="lunas" @if($prods->status=='lunas') selected @endif>Lunas</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row" hidden>
                                        <div class="col-md-6">
                                            <button type="submit" class="btn btn-primary full" id="btn-simpan" disabled>Simpan</button>
                                        </div>
                                        <div class="col-md-6">
                                            <a href="{{ route('pengajuanpinjaman.pengajuanpinjaman.index') }}"  class="btn btn-danger full">Kembali</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <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">History Pembayaran Pinjaman</h4>
                            </div>
                            <div class="card-body">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Tanggal Pembayaran</th>
                                            <th>Nominal Pembayaran</th>
                                            <th>Cicilan Ke-</th>
                                            <th>Keterangan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($history as $item)
                                            <tr>
                                                <td>{{ $item->no }}</td>
                                                <td>{{ $item->tanggal }}</td>
                                                <td>{{ App\Helpers\CustomHelper::formatRupiah($item->nominal_pembayaran) }}</td>
                                                <td>{{ $item->cicilan_ke }}</td>
                                                <td>{{ $item->keterangan }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{ URL::asset('build/js/app.js') }}"></script>
<script src="{{ URL::asset('build/js/external/jquery364.min.js')}}"></script>

<script>
    $(document).ready(function(){
        $("#sideProgKeps").attr('aria-expanded',true);
        $("#sideProgKep").addClass('show');
        $("#pengajuanpinjaman").addClass('active');
        $("#visimisi").removeClass('active');
    });
</script>

@endsection