@extends('dashboard')
@section('content')
    <div>
        <h3>Bed SIRS</h3>
        <button type="button" class="btn btn-success btn-sm" style="margin-top: 10px;margin-bottom:20px" name="btnUpdate">
            Update Bed Sirs</button>

        @php
            $number = 0;
        @endphp
        <table id="table" class="table table-striped hover table-bordered" style="width:100%">
            <thead style="text-align: center;background-color: #b8b8b8;">
                <tr>
                    <th colspan="4">RS</th>
                    <th colspan="2">SIRS</th>
                    <th colspan="3"></th>
                </tr>
                <tr>
                    <th> </th>
                    <th>Kelas </th>
                    <th>Ruangan </th>
                    <th>Kamar</th>
                    <th>Kelas</th>
                    <th>Kamar </th>
                    <th>Sirs Kamar Id</th>
                    <th>Last Update</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($ruangan_rs_list as $ruangan)
                    @php
                        $update_ulang_kamar = false;
                        $sirs_room_id = '-';
                        $last_updated = '-';
                        $sirs_kamar_nama = '-';
                        $sirs_kelas_nama = '-';

                        if ($kamar_ranap_map_list->where('tera_room_id', $ruangan->hrid)->isNotEmpty()) {
                            $kamar_sirs = $kamar_ranap_map_list->where('tera_room_id', $ruangan->hrid)->values()[0];
                            if ($kamar_sirs->sirs_room_name != $ruangan->room_location) {
                                $update_ulang_kamar = true;
                            }
                            $sirs_room_id = $kamar_sirs->sirs_room_id;
                            $sirs_kelas_nama = $kamar_sirs->nm_kelas_rs;
                            $last_updated = date('d F Y H:i:s', strtotime($kamar_sirs->updated_at));
                            $sirs_kamar_nama = $kamar_sirs->sirs_room_name;
                        }
                    @endphp
                    <tr style="background: {{ $update_ulang_kamar ? '#f6e585' : '' }}">
                        <td>
                            {{ $update_ulang_kamar ? 'update' : 'tetap' }}
                        </td>
                        <td>{{ $ruangan->class_name }}</td>
                        <td>{{ $ruangan->room_prefix }}</td>
                        <td>{{ $ruangan->room_location }}</td>
                        <td>
                            {{ $sirs_kelas_nama }}
                        </td>
                        <td>
                            {{ $sirs_kamar_nama }}
                        </td>
                        <td>{{ $sirs_room_id }}</td>
                        <td>{{ $last_updated }}</td>
                        <td>
                            @if ($sirs_room_id == '-')
                                <button type="button" class="btn btn-sm btn-success" name="btnModalTambah"
                                    value="{{ $ruangan->hrid }}" data-toggle="modal" data-target="#mTambahRuang">
                                    Tambah</button>
                            @else
                                <button type="button" class="btn btn-sm btn-danger" name="btnHapus"
                                    value="{{ $sirs_room_id }}">
                                    Hapus</button>
                            @endif
                        </td>
                    </tr>
                @endforeach

            </tbody>
        </table>
    </div>
    <div class="modal fade" id="mTambahRuang" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Tambah Ruang</h5>
                </div>
                <div class="modal-body">
                    <label for="">Kelas SIRS</label>
                    <select name="kelas_sirs" class="w-full">
                        @foreach ($kelas_sirs as $kelas)
                            <option value="{{ $kelas->sirs_kelas_id }}">{{ $kelas->sirs_kelas_nama }}</option>
                        @endforeach
                    </select>
                    <input type="hidden" name="ruangRsId">
                    <button type="button" class="btn btn-sm btn-success" name="btnTambah">
                        Tambah</button>
                </div>
            </div>
        </div>
    </div>


    <script>
        $(document).ready(function() {
            $('#table').DataTable({
                "scrollX": true,
                "scrollY": '50vh',
                "order": [
                    [8, 'desc'],
                    [0, 'desc']
                ],
                "columnDefs": [{
                    target: 0,
                    visible: false,
                    searchable: false
                }]
            });

            $("button[name=btnUpdate]").click(function() {
                $.ajax({
                    url: '{{ route('sirs.bed.update') }}',
                    method: 'GET',
                    beforeSend: function() {
                        $("button[name=btnUpdate]").html('Process')
                    },
                    complete: function() {
                        $("button[name=btnUpdate]").html('Update Bed Sirs')
                    },
                    success: function() {
                        alert('OK')
                        location.reload()
                    }
                })
            })

            $(document).on("click", "button[name=btnHapus]", function() {
                if (confirm('Data Bed akan dihapus dan tidak bisa dikembalikan. Lanjutkan?')) {
                    let sirs_kamar_id = $(this).val()
                    $.ajax({
                        url: '{{ route('sirs.bed.hapus') }}',
                        method: 'POST',
                        data: {
                            sirs_kamar_id: $(this).val(),
                            _token: '{{ csrf_token() }}'
                        },
                        beforeSend: function() {
                            $("button[name=btnHapus][value=" + sirs_kamar_id + "]").html(
                                'Process')
                        },
                        complete: function() {
                            $("button[name=btnHapus][value=" + sirs_kamar_id + "]").html(
                                'Hapus')
                        },
                        success: function(responseData) {
                            data = responseData
                            if (data.metadata.code == 200) {
                                alert(data.metadata.message)
                                location.reload()
                            } else {
                                alert('error:' + data.metadata.message)
                            }
                        },
                        error(xhr, error, message) {
                            alert(error)
                        }
                    })
                } else {
                    return false
                }
            })

            $(document).on("click", "button[name=btnModalTambah]", function() {
                $("input[name=ruangRsId]").val($(this).val())
            })

            $(document).on("click", "button[name=btnTambah]", function() {
                let kelas_sirs_id = $("select[name=kelas_sirs]").val()
                let kamar_rs_id = $("input[name=ruangRsId]").val()

                $.ajax({
                    url: '{{ route('sirs.bed.tambah') }}',
                    method: 'POST',
                    data: {
                        sirs_kelas_id: kelas_sirs_id,
                        kamar_rs_id: kamar_rs_id,
                        _token: '{{ csrf_token() }}'
                    },
                    beforeSend: function() {
                        $("button[name=btnTambah][value=" + kamar_rs_id + "]").html('Process')
                    },
                    complete: function() {
                        $("button[name=btnTambah][value=" + kamar_rs_id + "]").html('Tambah')
                    },
                    success: function(responseData) {
                        data = responseData
                        if (data.metadata.code == 200) {
                            alert(data.metadata.message)
                            location.reload()
                        } else {
                            alert('error:' + data.metadata.message)
                        }
                    },
                    error(xhr, error, message) {
                        alert(error)
                    }
                })
            })
        })
    </script>
@endsection