@extends('layouts.app')

@section('content')
    <style>
        #datatables th,#datatables td {
            font-size: 11px;

        }
    </style>
    <div class="page-title">
        <div class="row">
            <div class="col-12 col-md-6 order-md-1 order-last">
                <h3>Data Tabungan Susulan Adjustment</h3>
                
            </div>
            <div class="col-12 col-md-6 order-md-2 order-first">
                <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Payroll</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <section class="section" x-data="main" @reload-table.window="table.draw()">
		<div class="card">
            <div class="card-header">
                DATA ADDJUSTMENT
                <div class="float-end">
                    
                    <button class="btn btn-success" onclick="saveAdjustment()" data-id="0"><span class="bi bi-save">SIMPAN</span></button>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="card-body">
                <form>
                    <div class="form-group row">
                    
                        <div class="col-md-2">
                            <label>Bulan</label>
                            <select class="form-select" name="bulan">
                                @foreach(getAllMonths() as $k=>$v)
                                <option value="{{ $k }}" @if(request()->bulan == $k) selected @endif>{{ $v }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label>Tahun</label>
                            <select class="form-select" name="tahun">
                                @for($year=date('Y');$year >= date('Y',strtotime('-2 years'));$year--)
                                <option @if(request()->tahun == $year) selected @endif>{{ $year }}</option>
                                @endfor
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label>Manager Area</label>
                            <select class="form-select" name="area" onchange="onAreaChange(this.value)">
                                <option value="">-- All Area --</option>
                                @foreach($area as $row)
                                <option value="{{ $row->id }}">{{ $row->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label>Cabang</label>
                            <select class="form-select" name="lokasi" id="lokasi">
                                <option value="">-- All Cabang --</option>
                                
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="d-block">&nbsp;</label>
                            <button class="btn btn-primary">FILTER</button>
                        </div>
                    
                    </div>
                </form>
               
                <div class="col-12 col-lg-12">
                    <form id="fm">
                        @csrf
                        <input type="hidden" name="bulan_gaji" value="{{ request()->tahun.request()->bulan }}">
                        <div class="table-responsive">
                    <table class="table table-striped table-bordered" id="datatables">
                        <thead>
                            <tr>
                                <th>Nik</th>
                                <th>Nama</th>
                                <th>Lokasi</th>
                                <th>Bulan Gaji</th>
                                <th>Tabungan Susulan</th>
                               
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $row)
                                @php $tabBefore = isset($row->payrollRekap->tabungan_bulan_lalu) && $row->payrollRekap->tabungan_bulan_lalu != 0 ? $row->payrollRekap->tabungan_bulan_lalu : ($row->payrollTabBefore->tabungan_bulan_lalu ?? 0);
                                    $kasBefore = isset($row->payrollRekap->kasbon_bulan_lalu) && $row->payrollRekap->kasbon_bulan_lalu != 0 ? $row->payrollRekap->kasbon_bulan_lalu : ($row->payrollKasbonBefore->kasbon_bulan_lalu ?? 0);
                                    
                                @endphp 
                                <tr>
                                    <td>{{ $row->nik }}</td>
                                    <td>{{ $row->nama }}</td>
                                    <td>{{ @$row->lokasi->nama }}</td>
                                    <td>{{ request()->tahun.request()->bulan }}</td>
                                    <td><input type="number" name="tabungan_susulan[{{ $row->nik }}]" class="form-control" value="{{ $row->payrollRekap->tabungan_susulan ?? 0 }}"></td>
                                    
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                    </form>
                </div>
			</div>
		</div>

        
	</section>
@endsection

@push('scripts')
<script>
    Notiflix.Block.hourglass('body')
    $(function() {
        $('#datatables').DataTable({
            order:[[1,'asc']],
            initComplete:function(setting,json) {
                Notiflix.Block.remove('body')
            }
        });

        
    })
    function onAreaChange(value) {
        $.get("{{ url('payroll/list-lokasi') }}",{area_id:value}).done(resp => {
            $('#lokasi').empty();
            if(resp.length > 0) {
                $('#lokasi').append(`<option value="">-- All Cabang --</option>`)
                resp.forEach(row => {
                    $('#lokasi').append(`<option value="${row.id}">${row.nama}</option>`);
                })
            }
        })
    }

    function saveAdjustment()
    {
        fetch("{{ url('payroll/adjust-tabungan/save') }}",{
            method:"post",
            body: new FormData($('#fm')[0])
        }).then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('Data Berhasil Disimpan')
                location.reload()
            }
        }).catch(error => {
            alert(error.message)
        })
    }
</script>
@endpush