@extends('layouts.panel.app', ['title' => 'Ubah Surat'])

@section('content')


<section class="section">
    <div class="section-title">
        <h3>Surat Rekomendasi STR Duplikat</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data menu surat di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Ubah Surat</h4>
                    <div class="card-header-action">
                        <a href="{{ route('admin.letter-str') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    <form id="fmmstform-edit" action="{{ route('admin.letter-str.update', $data->id) }}" method="POST" class="needs-validation" novalidate="">
                        @csrf
                        @method('PUT')
                        <div class="alert alert-info alert-has-icon">
                            @php
                            $label = \App\Models\Label::where(['code' => 'info-master' ])->first()
                            @endphp
                            <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                            <div class="alert-body">
                                <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                {!!html_entity_decode($label->desc)!!}
                            </div>
                        </div>
                        <label class="font-weight-bold">Note : <span style="color: red;"> **</span> ) wajib diisi </label>
                        <hr>
                        <div class="row">

                            <div class="col-md-12 form-group text-center">
                                <h3 class="font-weight-bold">{{$data->title}}</h3>
                                <h5 class="font-weight-bold">Nomor : {{$data->no}}</h5>
                            </div>

                            <div class="col-md-12 form-group">
                                <label class="font-weight-bold">NAMA LENGKAP <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="name" value="{{ old('doctor_name', $data->doctor_name) }}" placeholder="Masukkan nama" required="">
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan nama
                                </div>
                            </div>

                            <div class="col-md-6 form-group">
                                <label class="font-weight-bold">NPA IDI PUSAT <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="npa_idi" value="{{ old('npa_idi', $data->doctor_npa_idi) }}" placeholder="Masukkan npa" required="">
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan npa
                                </div>
                            </div>

                            <div class="col-md-6 form-group">
                                <label class="font-weight-bold">NPAC IDI CABANG <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="npac" value="{{ old('npac', $data->doctor_npac) }}" placeholder="Masukkan npac" required>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan npac
                                </div>
                            </div>

                            <div class="col-md-12 form-group">
                                <label class="font-weight-bold">NOMOR STR <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="str_no" value="{{ old('str_no', $data->str_no) }}" placeholder="Masukkan nomor" required>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan nomor
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">POLISI DAERAH <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="police_area" value="{{ old('police_area', $data->police_area) }}" placeholder="Masukkan polda" required>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan polda
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">POLISI RESORT <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="police_resort" value="{{ old('police_resort', $data->police_resort) }}" placeholder="Masukkan polres" required>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan polres
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">POLISI SEKTOR <span style="color: red;"> **</span></label>
                                <input type="text" class="form-control" name="police_sector" value="{{ old('police_sector', $data->police_sector) }}" placeholder="Masukkan polsek" required>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan polsek
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">LEMBAR STR <span style="color: red;"> **</span></label>
                                <div id="salinan-checkboxes">
                                    @php
                                    $decodedData = json_decode($data->str_copy);
                                    @endphp
                                    <input type="checkbox" id="str_copy_0" name="str_copy[]" value="0" {{ in_array(0, $decodedData) ? 'checked' : '' }}> STR Asli
                                    <input type="checkbox" id="str_copy_1" name="str_copy[]" value="1" {{ in_array(1, $decodedData) ? 'checked' : '' }}> Salinan 1
                                    <input type="checkbox" id="str_copy_2" name="str_copy[]" value="2" {{ in_array(2, $decodedData) ? 'checked' : '' }}> Salinan 2
                                    <input type="checkbox" id="str_copy_3" name="str_copy[]" value="3" {{ in_array(3, $decodedData) ? 'checked' : '' }}> Salinan 3
                                </div>
                                <span id="checkbox-error" class="error text-danger"></span>
                            </div>
                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">TOTAL LEMBAR <span style="color: red;"> **)</span></label>
                                <input type="number" name="str_sheet" value="{{ $data->str_sheet }}" class="form-control" id="total_str_sheet" placeholder="Pilih lembar STR" required readonly>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Masukan total lembar
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <label class="font-weight-bold">STATUS <span style="color: red;"> **</span></label>
                                <select class="form-control" name="is_active" value="{{ old('is_active') }}" placeholder="Pilih status" required>
                                    <option value="">Pilih Status</option>
                                    <option value="Y" {{ 'Y' == old('is_active', $data->is_active) ? 'selected' : '' }}>Aktif</option>
                                    <option value="N" {{ 'N' == old('is_active', $data->is_active) ? 'selected' : '' }}>Tidak Aktif</option>
                                </select>
                                <!-- error message -->
                                <div class="invalid-feedback alert alert-danger mt-2">
                                    Pilih status
                                </div>
                            </div>

                            <div class="col-md-4 form-group">
                                <span class="font-weight-bold">STR</span>
                                <br>
                                <span class="font-weight-bold">Tanggal Surat {{ date('d-m-Y', strtotime($data->letter_date)) }}</span>
                                <br>
                                <span class="font-weight-bold">Masa Berlaku {{ date('d-m-Y', strtotime($data->letter_periode)) }}</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <button id="btnSave" type="submit" style="width:100px" class="btn btn-primary btn-action" data-toggle="tooltip" title="Simpan"><i class="fas fa-save"></i></button>
                            <button type="reset" onclick="myReset()" class="btn btn-warning btn-action" data-toggle="tooltip" title="Batal"><i class="fas fa-redo-alt"></i></button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    // Mendengarkan perubahan pada checkbox
    var checkboxes = document.querySelectorAll('input[name="str_copy[]"]');
    checkboxes.forEach(function(checkbox) {
        checkbox.addEventListener('change', updateTotalStrSheet);
    });

    // Fungsi untuk mengupdate total checkbox yang dipilih dan menampilkan deskripsi
    function updateTotalStrSheet() {
        var selectedCheckboxes = document.querySelectorAll('input[name="str_copy[]"]:checked');
        var totalStrSheet = 0;
        var selectedValues = [];

        selectedCheckboxes.forEach(function(selectedCheckbox) {
            var value = parseInt(selectedCheckbox.value);
            if (value === 0) {
                selectedValues.push('Asli');
                totalStrSheet += 1;
            } else {
                selectedValues.push('Salinan ' + value);
                totalStrSheet += 1;
            }
        });

        // Mengisi nilai total_str_sheet dengan jumlah checkbox "Salinan" yang dipilih
        document.getElementById('total_str_sheet').value = totalStrSheet;

        // Fungsi untuk memeriksa apakah setidaknya satu checkbox dipilih
        function validateCheckbox() {
            var checkboxes = document.querySelectorAll('input[name="str_copy[]"]:checked');
            return checkboxes.length > 0;
        }

        // Fungsi untuk menampilkan pesan kesalahan jika tidak ada checkbox yang dipilih
        function showCheckboxError() {
            var errorSpan = document.getElementById('checkbox-error');
            errorSpan.textContent = 'Setidaknya anda memilih salah satu.';
            $('#btnSave').attr('disabled', true);
        }

        // Fungsi untuk menyembunyikan pesan kesalahan
        function hideCheckboxError() {
            var errorSpan = document.getElementById('checkbox-error');
            errorSpan.textContent = '';
            $('#btnSave').attr('disabled', false);
        }

        if (!validateCheckbox()) {
            showCheckboxError();
        } else {
            hideCheckboxError();
        }
    }
</script>

@endsection