@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Detail Form'])

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>
                            <span class="font-weight-bold">Kembali</span>
                        </button>
                        <button type="button" class="btn btn-warning mb-0" title="Edit Data"
                            onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($form->id)) }}'">
                            <i class="fas fa-edit me-1"></i><span class="font-weight-bold">Edit</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">View Form {{ $title_menu }}</p>
                        <hr class="horizontal dark mt-0">
                        <!-- Informasi Umum -->
                        @php
                            $umur = '';
                            if (!empty($form->tgl_lahir)) {
                                $tglLahir = \Carbon\Carbon::parse($form->tgl_lahir);
                                $umur = $tglLahir->age;
                            }
                        @endphp
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Tanggal</label></div>
                                    <div class="col-lg-9"><input type="date" class="form-control"
                                            value="{{ $form->tgl_buat }}" readonly></div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Nama</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->nama }}" readonly></div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Tgl Lahir</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->tgl_lahir }}" readonly></div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Gender</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->gender }}" readonly></div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                {{-- <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Umur</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->umur }}" readonly></div>
                                </div> --}}
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="inputUmur" class="text-lg">Umur</span></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" id="umur" name="umur"
                                            value="{{ $umur }}" readonly>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Departemen</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->departemen }}" readonly></div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3"><label class="text-lg">Nama Dokter</label></div>
                                    <div class="col-lg-9"><input type="text" class="form-control"
                                            value="{{ $form->nama_dokter }}" readonly></div>
                                </div>
                            </div>
                        </div>

                        <!-- Keterangan -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card-header pb-0">
                                    <h5>Karyawan dapat kembali bekerja dan melakukan tugas-tugas penting dari pekerjaannya
                                    </h5>
                                    <hr>
                                    <div class="form-group">
                                        @foreach ($keterangan as $ket)
                                            <div class="form-check">
                                                <input type="radio" class="form-check-input" disabled
                                                    {{ $form->ket == $ket->value ? 'checked' : '' }}>
                                                <label class="form-check-label">{{ $ket->name }}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Tanggal Kembali Bekerja -->
                        @if ($form->tgl_kerja)
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card-header pb-0">
                                        <h5>Tanggal Kembali Bekerja</h5>
                                        <hr>
                                        <input type="date" class="form-control" value="{{ $form->tgl_kerja }}" readonly>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- Batasan Kerja -->
                        <div id="pembatasan-form">
                            @foreach ($batasan as $satuan => $items)
                                <div class="card-header pb-0">
                                    <h5>Batasan Kerja (Maks dalam {{ $items->first()->satuan_name }})</h5>
                                    <p>Centang kondisi yang berlaku</p>
                                    <hr>
                                    <div class="row">
                                        @foreach ($items as $item)
                                            <div class="col-md-6">
                                                <!-- Membagi setiap batasan menjadi kolom berdampingan -->
                                                <div class="form-group mb-3 p-3 border rounded">
                                                    <div class="form-check d-flex align-items-center flex-wrap">
                                                        <input class="form-check-input me-2" type="checkbox"
                                                            id="batasan_kerja_{{ $item->id }}"
                                                            name="batasan_kerja[{{ $item->id }}][checked]"
                                                            {{ !empty($item->nilai) ? 'checked' : '' }} disabled>
                                                        <label class="form-check-label me-auto mb-2 mb-md-0"
                                                            for="batasan_kerja_{{ $item->id }}">
                                                            {{ $item->batasan_nama }}
                                                        </label>
                                                        <input type="number"
                                                            name="batasan_kerja[{{ $item->id }}][nilai]"
                                                            id="batasan_kerja_{{ $item->id }}_input"
                                                            class="form-control ms-md-3 mt-2 mt-md-0"
                                                            value="{{ $item->nilai }}"
                                                            placeholder="{{ $item->satuan_name }}"
                                                            style="width: 100%; max-width: 200px;" step="any"
                                                            readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endforeach
                            @if ($form->note)
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card-header pb-0">
                                            <h5>Catatan</h5>
                                            <hr>
                                            <div class="form-group">
                                                <textarea class="form-control" name="note" id="note" rows="3"
                                                    placeholder="Masukkan catatan atau informasi tambahan" readonly>{{ $form->note ?? '' }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <!-- Jenis Batasan -->
                            @if ($form->batasan)
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card-header pb-0">
                                            <h5>Batasan ini adalah</h5>
                                            <hr>
                                            <div class="form-group">
                                                @foreach ($enum as $value)
                                                    <div class="form-check">
                                                        <input type="radio" class="form-check-input" disabled
                                                            {{ $form->batasan == $value ? 'checked' : '' }}>
                                                        <label class="form-check-label">{{ $value }}</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <!-- Tanggal Pembatasan -->
                            @if ($form->tgl_batas)
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card-header pb-0">
                                            <h5>Mengikuti pembatasan hingga tanggal</h5>
                                            <hr>
                                            <input type="date" class="form-control" value="{{ $form->tgl_batas }}"
                                                readonly>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection