@extends('layout.main')

@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-info p-3 mb-4">
                    <div class="col-sm-4 invoice-col">
                        <h5>Informasi Pasien</h5>
                        <strong>Nama</strong>: {{ $dataPasien->nama }} <br>
                        <strong>NIK</strong>: {{ $dataPasien->nik }} <br>
                        <strong>Tanggal Lahir</strong>: {{ $dataPasien->tgl_lahir }} <br>
                        <strong>Jenis Kelamin</strong>:
                            @if ($dataPasien->jenis_kelamin === "male")
                                Laki-laki
                            @else
                                Perempuan
                            @endif
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <table id="detail_tb" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Tgl registrasi</th>
                                    <th>Asuransi</th>
                                    <th>Ruang Pelayanan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $no = 1;
                                @endphp
                                @foreach ($registrasi as $rgs)
                                    <tr>
                                        <td>{{ $no++ }}</td>
                                        <td>{{ $rgs->tgl_registrasi }}</td>
                                        <td>{{ $rgs->asuransi->nama }}</td>
                                        <td>{{ $rgs->ruangPelayanan->nama }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div>
</section>

@push('script')
<script>
    $(function () {
        $("#detail_tb").DataTable({
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "ordering": false,
        });

        $('.select2bs4').select2({
            theme: 'bootstrap4'
        });
    });
</script>
@endpush
@endsection