@extends('layouts.app')

@section('content')
    <!--begin::App Content Header-->
    <div class="app-content-header"> <!--begin::Container-->
        <div class="container-fluid">
            <!--begin::Row-->
            <div class="row">
                <div class="col-sm-6">
                    <h3 class="mb-0">Edit Worker Information Form</h3>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-end">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Edit Worker Form</li>
                    </ol>
                </div>
            </div>
            <!--end::Row-->
        </div> <!--end::Container-->
    </div>
    <!--end::App Content Header-->

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Edit Worker Information</h3>
                </div>

                <div class="card-body">
                    <form action="{{ route('form48.daily.update', $worker->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <!-- Worker Details -->
                        <div class="form-group">
                            <label for="nama_pekerja">1. Nama Pekerja:</label>
                            <input type="text" name="nama_pekerja" id="nama_pekerja" value="{{ $worker->nama_pekerja }}"
                                class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="tarikh_lahir">2. Tarikh Lahir:</label>
                            <input type="date" name="tarikh_lahir" id="tarikh_lahir" value="{{ $worker->tarikh_lahir }}"
                                class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="no_ic_passport">3. No. Kad Pengenalan / Passport / Visa:</label>
                            <input type="text" name="no_ic_passport" id="no_ic_passport"
                                value="{{ $worker->no_ic_passport }}" class="form-control" required>
                            <small>(Salinan dikepilkan bersama)</small>
                        </div>

                        <div class="form-group">
                            <label for="jantina">4. Jantina:</label>
                            <select name="jantina" id="jantina" class="form-control" required>
                                <option value="Lelaki" {{ $worker->jantina == 'Lelaki' ? 'selected' : '' }}>Lelaki</option>
                                <option value="Perempuan" {{ $worker->jantina == 'Perempuan' ? 'selected' : '' }}>Perempuan
                                </option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="negara_asal">5. Negara Asal:</label>
                            <input type="text" name="negara_asal" id="negara_asal" value="{{ $worker->negara_asal }}"
                                class="form-control" required>
                        </div>

                        <!-- Training Records Section -->
                        <h4>Rekod Latihan Pekerja</h4>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>6. Tarikh</th>
                                    <th>Jenis Latihan</th>
                                    <th>Penganjur & Penceramah</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody id="training-records">
                                @if (optional($worker)->training_records && is_iterable($worker->training_records))
                                    @foreach ($worker->training_records as $index => $latihan)
                                        <tr>
                                            <td><input type="date" name="training_date[]"
                                                    value="{{ $latihan['training_date'] }}" class="form-control"></td>
                                            <td><input type="text" name="jenis_latihan[]"
                                                    value="{{ $latihan['jenis_latihan'] }}" class="form-control"></td>
                                            <td><input type="text" name="penganjur_penceramah[]"
                                                    value="{{ $latihan['penganjur_penceramah'] }}" class="form-control">
                                            </td>
                                            <td><button type="button"
                                                    class="btn btn-danger remove-training">Remove</button></td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="4">No training records found.</td>
                                    </tr>
                                @endif
                            </tbody>


                        </table>
                        <button type="button" class="btn btn-secondary" id="add-training">Add Training Record</button>

                        <!-- Health Check-up Section -->
                        <h4>Rekod Pemeriksaan Kesihatan Pekerja</h4>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>7. Tarikh</th>
                                    <th>Nama Klinik / Hospital</th>
                                    <th>Justifikasi Pemeriksaan</th>
                                    <th>Rawatan Yang Diperolehi</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody id="health-checkup-records">
                                @if (optional($worker)->health_checkup_records && is_iterable($worker->health_checkup_records))
                                    @foreach ($worker->health_checkup_records as $index => $kesihatan)
                                        <tr>
                                            <td><input type="date" name="health_date[]"
                                                    value="{{ $kesihatan->health_date }}" class="form-control"></td>
                                            <td><input type="text" name="nama_klinik_hospital[]"
                                                    value="{{ $kesihatan->nama_klinik_hospital }}" class="form-control">
                                            </td>
                                            <td><input type="text" name="justifikasi_pemeriksaan[]"
                                                    value="{{ $kesihatan->justifikasi_pemeriksaan }}" class="form-control">
                                            </td>
                                            <td><input type="text" name="rawatan_diperolehi[]"
                                                    value="{{ $kesihatan->rawatan_diperolehi }}" class="form-control"></td>
                                            <td><button type="button"
                                                    class="btn btn-danger remove-health-checkup">Remove</button></td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="5">No health check-up records found.</td>
                                    </tr>
                                @endif
                            </tbody>

                        </table>
                        <button type="button" class="btn btn-secondary" id="add-health-checkup">Add Health Check-up
                            Record</button>

                        <div class="card-footer mt-4">
                            <button type="submit" class="btn btn-success">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        // Add more training records
        document.getElementById('add-training').addEventListener('click', function() {
            let newRow = `
        <tr>
            <td><input type="date" name="training_date[]" class="form-control"></td>
            <td><input type="text" name="jenis_latihan[]" class="form-control"></td>
            <td><input type="text" name="penganjur_penceramah[]" class="form-control"></td>
            <td><button type="button" class="btn btn-danger remove-training">Remove</button></td>
        </tr>`;
            document.getElementById('training-records').insertAdjacentHTML('beforeend', newRow);
        });

        // Remove training record
        document.addEventListener('click', function(e) {
            if (e.target && e.target.classList.contains('remove-training')) {
                e.target.closest('tr').remove();
            }
        });

        // Add more health check-up records
        document.getElementById('add-health-checkup').addEventListener('click', function() {
            let newRow = `
        <tr>
            <td><input type="date" name="health_date[]" class="form-control"></td>
            <td><input type="text" name="nama_klinik_hospital[]" class="form-control"></td>
            <td><input type="text" name="justifikasi_pemeriksaan[]" class="form-control"></td>
            <td><input type="text" name="rawatan_diperolehi[]" class="form-control"></td>
            <td><button type="button" class="btn btn-danger remove-health-checkup">Remove</button></td>
        </tr>`;
            document.getElementById('health-checkup-records').insertAdjacentHTML('beforeend', newRow);
        });

        // Remove health check-up record
        document.addEventListener('click', function(e) {
            if (e.target && e.target.classList.contains('remove-health-checkup')) {
                e.target.closest('tr').remove();
            }
        });
    </script>
@endsection