@php
    use App\Models\Employee;
@endphp

@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="show" :icon="$icon" :label="$label" hr-class="mb-4" />

            <h4>
                <i class="mdi mdi-calendar-today-outline text-primary"></i> &nbsp;{{ $date }}
            </h4>
            <form id="form" method="post" action="{{ $url }}" class="form-block mt-3">
                @csrf
                @method('PUT')
                <input type="hidden" name="payroll_id" value="{{$payroll->id}}" />
                <div class="row">
                    <div class="col-sm-6 col-md-3">
                        <x-form.date-picker label="Tanggal Pembayaran" picker-type="date" name="date" id="date"
                            :old="old('date', date('d-m-Y'))" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-md-4" id="method">
                        <x-form.radio name="payment_method" label="Metode Pembayaran" :option="['1' => 'Tunai', '2' => 'Transfer']" :old="old('payment_method', 1)" />
                    </div>
                    <div class="col-sm-4 col-md-3" id="form-bank">
                        <x-form.select name="payment_account" label="Rekening Bank" :option="$accounts" :old="old('payment_account')" />
                    </div>
                </div>
                <div class="table-responsive mt-3">
                    <table class="table" id="table-detail">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 50px;">No</th>
                                <th style="width: 250px;">Nama Karyawan</th>
                                <th class="text-right">Gaji</th>
                                <th class="text-right">Gaji Lembur</th>
                                <th class="text-right">Uang Makan</th>
                                <th class="text-right">Potongan</th>
                                <th class="text-right">Total</th>
                                <th class="text-left">Catatan</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $salary_daily = 0;
                                $salary_overtime = 0;
                                $allowance_meal = 0;
                                $salary_cuts = 0;
                                $total = 0;
                                $pph = 0;
                            @endphp
                            @foreach ($details->get() as $key => $detail)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $detail->employee->name }}</td>
                                    <td class="text-right">{{ number_format($detail->salary, 0, ',', '.') }}</td>
                                    <td class="text-right">{{ number_format($detail->salary_overtime, 0, ',', '.') }}</td>
                                    <td class="text-right">{{ number_format($detail->allowance_meal, 0, ',', '.') }}</td>
                                    <td class="text-right">{{ number_format($detail->salary_cuts, 0, ',', '.') }}</td>
                                    <td class="text-right">{{ number_format($detail->total, 0, ',', '.') }}</td>
                                    <td class="text-left">{{$detail->notes}}</td>

                                </tr>
                                @php
                                    $salary_daily += $detail->salary_daily;
                                    $salary_overtime += $detail->salary_overtime;
                                    $allowance_meal += $detail->allowance_meal;
                                    $salary_cuts += $detail->salary_cuts;
                                    $total += $detail->total;
                                @endphp
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="2" class="text-right"><b>Total</b></td>
                                <td class="text-right"><b>{{ number_format($salary_daily, 0, '', '.') }}</b></td>
                                <td class="text-right"><b>{{ number_format($salary_overtime, 0, '', '.') }}</b>
                                </td>
                                <td class="text-right"><b>{{ number_format($allowance_meal, 0, '', '.') }}</b>
                                </td>
                                <td class="text-right"><b>{{ number_format($salary_cuts, 0, '', '.') }}</b>
                                </td>
                                <td>
                                    <x-form.input-mask style="text-align: right" :name="'total'" mask="nominal"
                                        class="total" :old="$total" readonly />
                                </td>

                            </tr>
                        </tfoot>
                    </table>
                </div>
                <hr />
            <x-form.button-submit :cancel-route="route('finance.payroll.payment')" />
            </form>



        </div>
    </div>
@endsection

@push('scripts')
    <script>
        const payment_method = 1

        $(document).ready(function() {
            $("#form-bank").hide()
            $(".nominal-mask").inputmask({
                alias: "nominal"
            })

            if (payment_method == 2)
                $("#form-bank").show()

            $("#method input").click(function() {
                if ($(this).val() == 1)
                    $("#form-bank").hide()
                else
                    $("#form-bank").show()

                $("#form-bank select").val("").trigger("change")
            })
        })
    </script>
@endpush