@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('Post-transfer joining form'))

@push('css')
<style>
    .jf-wrap .card { border-radius: 12px; border: 1px solid #edf0f6; }
    .jf-wrap label { font-weight: 600; font-size: 0.85rem; }
    .jf-wrap .section-title { font-size: 1rem; font-weight: 700; border-bottom: 1px solid #edf0f6; padding-bottom: 6px; margin-bottom: 14px; }
    .jf-wrap .table th { font-size: 12px; white-space: nowrap; }
</style>
@endpush

@section('content')
@php
    $staff = $transfer->staff;
    $salaryBefore = $form['salary_before'] ?? [];
    $salaryAfter = $form['salary_after'] ?? [];
    $pf = $form['pf_loan'] ?? [];
    $mc = $form['motorcycle_loan'] ?? [];
    $leaves = $form['leaves'] ?? [];
    $leaveSystem = $leaveSystem ?? ['year' => (int) date('Y'), 'cells' => [], 'form' => []];
@endphp
<div class="container-fluid jf-wrap py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
        <div>
            <h4 class="mb-1">{{ __('Post-transfer joining form') }} / বদলী পরবর্তী যোগদানপত্র</h4>
            <p class="text-muted small mb-0">
                {{ $transfer->fromBranch?->name ?? '—' }} → {{ $transfer->toBranch?->name ?? '—' }}
                · {{ __('Transfer') }} #{{ $transfer->id }}
            </p>
        </div>
        <a href="{{ route('employee.branch_transfer.index') }}" class="btn btn-light">{{ __('Back') }}</a>
    </div>

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0 pl-3">
                @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
            </ul>
        </div>
    @endif

    <form method="post" action="{{ route('employee.branch_transfer.joining.submit', $transfer->id) }}">
        @csrf
        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title">{{ __('Employee & transfer details') }}</div>
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label>{{ __('Date') }} / তারিখ</label>
                        <input type="date" name="form_date" class="form-control" value="{{ old('form_date', $form['form_date'] ?? '') }}" required>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Name') }} / নাম</label>
                        <input type="text" class="form-control" value="{{ $staff?->user?->name ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Designation') }} / পদবী</label>
                        <input type="text" class="form-control" value="{{ $transfer->fromDesignation?->name ?? $staff?->designation?->name ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Salary scale') }} / বেতন স্তর</label>
                        <input type="text" name="salary_scale" class="form-control" value="{{ old('salary_scale', $form['salary_scale'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Old workplace') }} / পুরাতন কর্মস্থল</label>
                        <input type="text" class="form-control" value="{{ $transfer->fromBranch?->name ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('New workplace') }} / নতুন কর্মস্থল</label>
                        <input type="text" class="form-control" value="{{ $transfer->toBranch?->name ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Transfer date') }} / বদলীর তারিখ</label>
                        <input type="text" class="form-control" value="{{ $transfer->effective_date?->format('Y-m-d') ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('New designation (if any)') }} / নতুন পদবী</label>
                        <input type="text" class="form-control" value="{{ $transfer->toDesignation?->name ?? '—' }}" readonly>
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Organization join date') }} / সংস্থায় যোগদান</label>
                        <input type="text" class="form-control" value="{{ $staff?->joing_date?->format('Y-m-d') ?? ($transfer->organization_join_date?->format('Y-m-d') ?? '—') }}" readonly>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title">{{ __('Salary entitlement') }} / প্রাপ্য বেতন</div>
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead class="thead-light">
                        <tr>
                            <th></th>
                            <th>{{ __('Just before') }} / ঠিক পূর্বে</th>
                            <th>{{ __('Just after') }} / ঠিক পরে</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach([
                            'basic' => __('Basic') .' / মূল বেতন',
                            'house_rent' => __('House rent') .' / বাড়িভাড়া',
                            'medical' => __('Medical') .' / স্বাস্থ্য ভাতা',
                            'conveyance' => __('Conveyance') .' / যাতায়াত ভাতা',
                            'others' => __('Others') .' / অন্যান্য',
                        ] as $key => $label)
                            <tr>
                                <td>{{ $label }}</td>
                                <td><input type="number" step="0.01" min="0" class="form-control form-control-sm" name="salary_before[{{ $key }}]" value="{{ old('salary_before.'.$key, $salaryBefore[$key] ?? '') }}"></td>
                                <td><input type="number" step="0.01" min="0" class="form-control form-control-sm" name="salary_after[{{ $key }}]" value="{{ old('salary_after.'.$key, $salaryAfter[$key] ?? '') }}"></td>
                            </tr>
                        @endforeach
                        <tr>
                            <td>{{ __('Others label') }}</td>
                            <td><input type="text" class="form-control form-control-sm" name="salary_before[others_label]" value="{{ old('salary_before.others_label', $salaryBefore['others_label'] ?? '') }}"></td>
                            <td><input type="text" class="form-control form-control-sm" name="salary_after[others_label]" value="{{ old('salary_after.others_label', $salaryAfter['others_label'] ?? '') }}"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="form-group mb-0">
                    <label>{{ __('Salary paid up to') }} / শেষ মাস পর্যন্ত বেতন প্রদান</label>
                    <input type="text" name="salary_paid_upto" class="form-control" value="{{ old('salary_paid_upto', $form['salary_paid_upto'] ?? '') }}" placeholder="{{ __('e.g. May 2026') }}">
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title">{{ __('Loan accounts (if any)') }} / ঋণের হিসাব</div>
                <h6 class="font-weight-bold">{{ __('PF loan') }} / সাধারণ ভবিষ্যৎ তহবিল ঋণ</h6>
                <div class="form-row">
                    @foreach([
                        'taken' => __('Amount taken'),
                        'repaid' => __('Repaid'),
                        'balance' => __('Balance'),
                        'principal' => __('Monthly principal'),
                        'service_charge' => __('Service charge'),
                        'total' => __('Monthly total'),
                    ] as $key => $label)
                        <div class="form-group col-md-4 col-lg-2">
                            <label>{{ $label }}</label>
                            <input type="number" step="0.01" min="0" class="form-control" name="pf_loan[{{ $key }}]" value="{{ old('pf_loan.'.$key, $pf[$key] ?? '') }}">
                        </div>
                    @endforeach
                </div>
                <h6 class="font-weight-bold mt-2">{{ __('Motorcycle loan') }} / মোটরসাইকেল ঋণ</h6>
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label>{{ __('Loan date') }}</label>
                        <input type="date" class="form-control" name="motorcycle_loan[date]" value="{{ old('motorcycle_loan.date', $mc['date'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Amount') }}</label>
                        <input type="number" step="0.01" min="0" class="form-control" name="motorcycle_loan[amount]" value="{{ old('motorcycle_loan.amount', $mc['amount'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Repaid so far') }}</label>
                        <input type="number" step="0.01" min="0" class="form-control" name="motorcycle_loan[repaid]" value="{{ old('motorcycle_loan.repaid', $mc['repaid'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label>{{ __('Balance') }}</label>
                        <input type="number" step="0.01" min="0" class="form-control" name="motorcycle_loan[balance]" value="{{ old('motorcycle_loan.balance', $mc['balance'] ?? '') }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title">{{ __('Handover of responsibility') }} / দায়িত্ব হস্তান্তর</div>
                <textarea name="handover_note" class="form-control" rows="3" maxlength="2000">{{ old('handover_note', $form['handover_note'] ?? '') }}</textarea>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title d-flex flex-wrap justify-content-between align-items-center">
                    <span>{{ __('Leave details') }} / ছুটির বিবরণ</span>
                    <span class="small font-weight-normal text-muted">
                        {{ __('From leave balance') }} ({{ $leaveSystem['year'] ?? ($form['leave_year'] ?? date('Y')) }})
                        — {{ __('You may override any value') }}
                    </span>
                </div>
                <input type="hidden" name="leave_year" value="{{ old('leave_year', $form['leave_year'] ?? ($leaveSystem['year'] ?? date('Y'))) }}">
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead class="thead-light">
                        <tr>
                            <th>{{ __('Type') }}</th>
                            <th>{{ __('Entitled') }} / পাওনা</th>
                            <th>{{ __('Taken') }} / ভোগ</th>
                            <th>{{ __('Remaining') }} / অবশিষ্ট</th>
                            <th class="text-muted">{{ __('System') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach([
                            'annual' => __('Annual leave') .' / বাৎসরিক ছুটি',
                            'casual' => __('Casual leave') .' / নৈমিত্তিক ছুটি',
                            'sick' => __('Sick leave') .' / অসুস্থ জনিত ছুটি',
                            'maternity' => __('Maternity leave') .' / মাতৃত্ব জনিত ছুটি',
                            'paternity' => __('Paternity leave') .' / পিতৃত্ব জনিত ছুটি',
                        ] as $key => $label)
                            @php
                                $row = $leaves[$key] ?? [];
                                $sys = $leaveSystem['cells'][$key] ?? [];
                                $displayLabel = old('leaves.'.$key.'.label', $row['label'] ?? ($sys['label'] ?? $label));
                            @endphp
                            <tr>
                                <td>
                                    {{ $displayLabel }}
                                    <input type="hidden" name="leaves[{{ $key }}][label]" value="{{ $displayLabel }}">
                                </td>
                                <td><input type="text" class="form-control form-control-sm" name="leaves[{{ $key }}][entitled]" value="{{ old('leaves.'.$key.'.entitled', $row['entitled'] ?? '') }}"></td>
                                <td><input type="text" class="form-control form-control-sm" name="leaves[{{ $key }}][taken]" value="{{ old('leaves.'.$key.'.taken', $row['taken'] ?? '') }}"></td>
                                <td><input type="text" class="form-control form-control-sm" name="leaves[{{ $key }}][remaining]" value="{{ old('leaves.'.$key.'.remaining', $row['remaining'] ?? '') }}"></td>
                                <td class="small text-muted text-nowrap">
                                    {{ ($sys['entitled'] ?? '—') }} / {{ ($sys['taken'] ?? '—') }} / {{ ($sys['remaining'] ?? '—') }}
                                    <button type="button" class="btn btn-link btn-sm p-0 ml-1 jf-leave-reset"
                                            data-key="{{ $key }}"
                                            data-entitled="{{ $sys['entitled'] ?? '' }}"
                                            data-taken="{{ $sys['taken'] ?? '' }}"
                                            data-remaining="{{ $sys['remaining'] ?? '' }}"
                                            title="{{ __('Use system values') }}">↻</button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <p class="small text-muted mb-0">{{ __('System column = allocated / used / balance from approved leaves + adjustments for the leave year.') }}</p>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="section-title">{{ __('Joining at new workplace') }} / নতুন কর্মস্থলে যোগদান</div>
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label>{{ __('New workplace name') }} *</label>
                        <input type="text" name="new_workplace_name" class="form-control" required value="{{ old('new_workplace_name', $form['new_workplace_name'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Joining date & time') }} *</label>
                        <input type="datetime-local" name="joining_datetime" class="form-control" required value="{{ old('joining_datetime', $form['joining_datetime'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Employee joining date') }} *</label>
                        <input type="date" name="employee_joining_date" class="form-control" required value="{{ old('employee_joining_date', $form['employee_joining_date'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Supervisor name') }} / তত্ত্বাবধায়কের নাম</label>
                        <input type="text" name="supervisor_name" class="form-control" value="{{ old('supervisor_name', $form['supervisor_name'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Supervisor designation') }}</label>
                        <input type="text" name="supervisor_designation" class="form-control" value="{{ old('supervisor_designation', $form['supervisor_designation'] ?? '') }}">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Supervisor date') }}</label>
                        <input type="date" name="supervisor_date" class="form-control" value="{{ old('supervisor_date', $form['supervisor_date'] ?? '') }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end mb-4" style="gap:8px;">
            <a href="{{ route('employee.branch_transfer.index') }}" class="btn btn-light">{{ __('Cancel') }}</a>
            <button type="submit" class="btn btn-success"
                    onclick="return confirm(@json(__('Submit joining form? You cannot edit after submit.')));">
                <i class="fas fa-paper-plane"></i> {{ __('Submit joining form') }}
            </button>
        </div>
    </form>
</div>
@endsection

@push('script')
<script>
document.querySelectorAll('.jf-leave-reset').forEach(function (btn) {
    btn.addEventListener('click', function () {
        var key = this.getAttribute('data-key');
        var row = this.closest('tr');
        if (!row || !key) return;
        var entitled = this.getAttribute('data-entitled') || '';
        var taken = this.getAttribute('data-taken') || '';
        var remaining = this.getAttribute('data-remaining') || '';
        var e = row.querySelector('[name="leaves[' + key + '][entitled]"]');
        var t = row.querySelector('[name="leaves[' + key + '][taken]"]');
        var r = row.querySelector('[name="leaves[' + key + '][remaining]"]');
        if (e) e.value = entitled;
        if (t) t.value = taken;
        if (r) r.value = remaining;
    });
});
</script>
@endpush