app-test-laravel/resources/views/manajemen_pasien/pendaftaran_pasien.blade.php

@extends('layouts.admin_master')

@section('content')


<main>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="card shadow-lg border-0 rounded-lg mt-5">
                    <div class="card-header"><h3 class="text-center font-weight-light my-4">Tambah Pasien Baru</h3></div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('success-new.pasien') }}" >
                        @csrf
                            <div class="form-row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="small mb-1" for="">Cari Nomor Rekam Medis:</label>
                                        <input class="form-control py-4" id="cari_nomor_rekam_medis"  name="cari_nomor_rekam_medis" type="text" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                
                                        <label class="small mb-1" for="">Tipe Pasien</label>
                                                               <br>
                                        <input type="radio" id="pasien_baru" name="tipe_pasien" value="Pasien Baru">
                                       <label for="pasien_baru">Pasien Baru</label><br>
<input type="radio" id="pasien_lama" name="tipe_pasien" value="Pasien lama">
<label for="pasien_lama">Pasien Lama</label><br>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="">Nama Pasien:</label>
                                        <input class="form-control py-4" type="text" id="nama_pasien" name="nama_pasien" placeholder="" />
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">Alamat Pasien</label>
                                        <input class="form-control py-4" type="text" id="alamat_pasien" name="alamat_pasien" placeholder="" />
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">No Telp</label>
                                        <input class="form-control py-4" type="number" id="no_telp" name="no_telp" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">Penjamin</label>
                                        <input class="form-control py-4" type="text" id="penjamin" name="penjamin" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">No kartu BPJS</label>
                                        <input class="form-control py-4" type="number" id="nomor_kartu_bpjs" name="nomor_kartu_bpjs" placeholder="" />
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">Poliklinik</label>
<select  name="poliklinik" id="poliklinik">
</select>
                                    </div>
                                </div>   
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">Dokter</label>
<select  name="dokter" id="dokter">
</select>
                                    </div>
                                </div>        
                                
                             
                                
                                

                                <!-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="small mb-1" for="inputLastName">Gallery</label>
                                        <input name="photo" type="file" />
                                    </div>
                                </div> -->
                            </div>

                            <div class="form-group mt-4 mb-0"><input type="submit" class="btn btn-primary btn-block" value="Tambah Pasien"/></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<script>
async function fetchPoli() {
  const response = await fetch('http://10.10.123.135:8081/api/v1/healthcare');
 const poli = await response.json();
 const dataPoli = poli.data;

for (var i = 0; i < dataPoli.length; i++) {
    if(dataPoli[i].active){
    var select = document.getElementById("poliklinik");
    var option = document.createElement("option");
    option.text = dataPoli[i].name;
    option.value = dataPoli[i].id;
    select.add(option);
    }
}

$('#poliklinik').on('change', function(e, data){
  const idPoli = $('#poliklinik').val();

    fetchDokter(idPoli);
});


}


async function fetchDokter(idPoli) {
    
    const response = await fetch(`http://10.10.123.135:8081/api/v1/doctor?poli=${idPoli}`);
 const dokter = await response.json();
 const dataDokter = dokter.data;

    $('#dokter')
    .empty();

        if(!dataDokter){
                var select = document.getElementById("dokter");
    var option = document.createElement("option");
    option.text = "belum ada dokter untuk poli ini";
    option.value = "belum ada dokter untuk poli ini";
    select.add(option);
        }

    

for (var i = 0; i < dataDokter.length; i++) {




    var select = document.getElementById("dokter");
    var option = document.createElement("option");
    option.text = dataDokter[i].name;
    option.value = dataDokter[i].name;
    select.add(option);
    
}

}

fetchPoli();
fetchDokter(1);
</script>



@endsection