@section('optional_css')
    <!-- SweetAlert2 -->
    <link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
@endsection
@section('optional_js')
    <!-- SweetAlert2 -->
    <script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.confirm-row').on('click', function() {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'success',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, confirm it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        event.preventDefault();
                        $("#submit-loading").show();
                        this.closest('form').submit();
                    }
                })
            })

            $('#detailmodal{{ request()->sample_id }}').modal('show')
        })
    </script>
@endsection

<x-app-layout>
    <x-slot name="header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">{{ __('Ruangan PCR') }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
            </div><!-- /.col -->
        </div><!-- /.row -->
    </x-slot>
    @if(session('success'))
        <x-alert-success>
            {{ session('success') }}
        </x-alert-success>
    @endif
    @if(session('delete'))
        <x-alert-danger>
            {{ session('delete') }}
        </x-alert-danger>
    @endif
    <div class="invoice p-4 mb-3">
        <!-- title row -->
        <div class="row mb-2">
            <div class="col-12">
                <h4>
                    #{{ $pcrroom->kode }}
                </h4>
            </div>
        <!-- /.col -->
        </div>
        <!-- info row -->
        <div class="row invoice-info">
            <div class="col-sm-6 invoice-col">
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Batch Number') }}</div>
                    <div class="col-sm-6">{{ $pcrroom->nomor_ruangan }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Tanggal') }}</div>
                    <div class="col-sm-6">{{ $pcrroom->tanggal }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Penanggung Jawab') }}</div>
                    <div class="col-sm-6">{{ $pcrroom->team->name }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('keterangan') }}</div>
                    <div class="col-sm-6">{{ $pcrroom->keterangan }}</div>
                </div>
            </div>
        <!-- /.col -->
            <div class="col-sm-6 invoice-col">
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Status Ruangan') }}</div>
                    <div class="col-sm-6">{{ $pcrroom->status_ruangan_text() }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        @if($pcrroom->status_ruangan < 3)
                            <form method="POST" action="{{ route('admin.pcrroom.confirm', $pcrroom->id) }}" class="loading">
                                @csrf
                                @method('put')
                                @if($pcrroom->status_ruangan == 0)
                                    <x-button-link class="btn-warning btn-sm btn-block float-left mr-2 confirm-row">
                                        {{ __('Jalankan Mesin PCR') }}
                                    </x-button-link>
                                @endif
                                @if($pcrroom->status_ruangan == 1)
                                    <x-button-link class="btn-info btn-sm btn-block float-left mr-2 confirm-row">
                                        {{ __('Hasil Pengujian') }}
                                    </x-button-link>
                                @endif
                                @if($pcrroom->status_ruangan == 2)
                                    <x-button-link class="btn-success btn-sm btn-block float-left mr-2 confirm-row">
                                        {{ __('Kirim Hasil Ke WA') }}
                                    </x-button-link>
                                @endif
                            </form>
                        @else
                            <form method="POST" action="{{ route('admin.pcrroom.download', $pcrroom->id) }}">
                                @csrf
                                <x-button-link class="btn-success btn-sm btn-block float-left mr-2 confirm-row">
                                    {{ __('Download Data') }}
                                </x-button-link>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    @if($pcrroom->status_ruangan == 0)
    <form class="form-horizontal" action="{{ route('admin.pcrroom.inputsample', $pcrroom->id) }}" method="POST" enctype="multipart/form-data">
        <x-card class="col-sm-12">
            <x-slot name="title">{{ __('Tambah Pasien') }}</x-slot>
            @csrf
            <div class="form-group row">
                <div class="col-sm-10">
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <x-input id="kode_barcode" placeholder="{{ __('Kode Barcode') }}" class="{{ $errors->has('kode_barcode') ? 'is-invalid' : '' }}" type="text" name="kode_barcode" :value="old('kode_barcode')" autofocus/>
                            @if ($errors->has('kode_barcode'))
                                <small class="error invalid-feedback">{{ $errors->first('kode_barcode') }}</small>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <input type="submit" value="{{ __('Create') }}" class="form-control btn-success">
                    </div>
                </div>
            </div>
        </x-card>
    </form>
    @endif
    <x-card>
        <x-slot name="title">{{ __('Detail Info') }}</x-slot>
        <div class="col-12 table-responsive">
            <table class="table table-bordered">
                <tbody>
                    @php $letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'] @endphp
                    @for($j = 0; $j <= 8; $j++)
                        <tr>
                            <th class="text-center">{{ ($j!=0)?$letters[$j-1]:'' }}</th>
                            @for($i = 1; $i <= 12; $i++)
                                @if($j == 0)
                                    <th class="text-center">{{ $i }}</th>
                                @else
                                    @if ($detailpcr = $pcrroom->details->where('huruf',$letters[$j-1])->where('nomor', $i)->first())
                                        @php
                                            $bgcolor = "";
                                            if($detailpcr->hasil == 1){
                                                $bgcolor = "bg-danger";
                                            }
                                            if($detailpcr->hasil == 2){
                                                $bgcolor = "bg-success";
                                            }
                                            if($detailpcr->hasil == 3){
                                                $bgcolor = "bg-warning";
                                            }
                                        @endphp
                                        <td class="text-center {{ $bgcolor }}">
                                            @if ($detailpcr->checkup)
                                                <a href="#" class="text-dark" data-toggle="modal" data-target="#detailmodal{{ $detailpcr->id }}">
                                                {{ $detailpcr->checkup->nama_lengkap }} <br>
                                                {{ $detailpcr->checkup->tanggal_lahir->format('Y-m-d') }} <br>
                                                </a>
                                                @if($pcrroom->status_ruangan == 2)
                                                <a href="#" data-toggle="modal" data-target="#detailupdatemodal{{ $detailpcr->id }}">
                                                    Update Hasil
                                                </a>
                                                @endif
                                            @endif
                                        </td>
                                    @else
                                        <td></td>
                                    @endif
                                @endif
                            @endfor
                        </tr>
                    @endfor
                </tbody>
            </table>
        </div>
    </x-card>
    @foreach($pcrroom->details as $detailpcr)
        @if($detailpcr->checkup)
            <div class="modal fade text-center" id="detailmodal{{ $detailpcr->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">{{ __("Detail") }} {{ $detailpcr->checkup->kode }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h2>{{ strtoupper($detailpcr->huruf).$detailpcr->nomor }}</h2>
                            <img src="data:image/png;base64,{{ DNS1D::getBarcodePNG($detailpcr->checkup->kode, 'I25') }}" alt="barcode"/>
                            <br>
                            {{ $detailpcr->checkup->kode }}
                            <div class="row">
                                <h3>Hasil</h3>
                            </div>
                            <div class="row">
                                <div class="col-sm-4 font-weight-bold">{{ __('Nomor Lab') }}</div>
                                <div class="col-sm-6">{{ $detailpcr->nomor_lab??'-' }}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-4 font-weight-bold">{{ __('Hasil') }}</div>
                                <div class="col-sm-6">{{ $detailpcr->hasil_text() }}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-4 font-weight-bold">{{ __('Nilai CT') }}</div>
                                <div class="col-sm-6">{{ $detailpcr->nilai_ct??'-' }}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                                <div class="col-sm-6">{{ $detailpcr->keterangan??'-' }}</div>
                            </div>
                            <div class="row">
                                <h3>Identitas</h3>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="row text-center">
                                        <div class="col-sm-12 font-weight-bold">
                                            @if(!empty($detailpcr->checkup->patient->foto_identitas))
                                                <img src="{{ Storage::url($detailpcr->checkup->patient->foto_identitas) }}" width="200">
                                            @else
                                                <img src="{{ Storage::url(Setting::getSetting('company-logo')) }}" width="200">
                                            @endif
                                        </div>
                                        <div class="col-sm-12 font-weight-bold">{{ __('Foto Identitas') }}</div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Jenis Identitas') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->jenis_identitas??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Nomor Identitas') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->nomor_identitas??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Nama Lengkap') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->nama_lengkap??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Ibu Kanding') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->ibu_kandung??'-' }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <h3>Info Pasien</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Nomor Telepon') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->nomor_telepon??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Email') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->email??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Agama') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->agama??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Jenis Kelamin') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->jenis_kelamin??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Tanggal Lahir') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->tanggal_lahir->format('Y-m-d')??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Tempat Lahir') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->tempat_lahir??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->keterangan??'-' }}</div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <h3>Alamat</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Alamat') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->alamat??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Kelurahan') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->kelurahan??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Kecamatan') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->kecamatan??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('Kota') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->kota??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('RT') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->rt??'-' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 font-weight-bold">{{ __('RW') }}</div>
                                        <div class="col-sm-6">{{ $detailpcr->checkup->patient->rw??'-' }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            @if($pcrroom->status_ruangan == 2)
                <div class="modal fade" id="detailupdatemodal{{ $detailpcr->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">{{ __("Update") }} {{ $detailpcr->checkup->kode }}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form method="POST" action="{{ route('admin.pcrroom.update_detail', $pcrroom->id) }}">
                                <div class="modal-body">
                                    @csrf
                                    @method('put')
                                    <x-input id="detail_id" class="{{ $errors->has('detail_id') ? 'is-invalid' : '' }}" type="hidden" name="detail_id" :value="old('detail_id', $detailpcr->id)"/>
                                    <div class="form-group row">
                                        <x-label class="col-sm-2">{{ __('Hasil') }} <span class="text-danger">*</span></x-label>
                                        <div class="col-sm-10">
                                            <div class="custom-control custom-radio">
                                                <input value="1" class="custom-control-input" type="radio" id="customRadio{{ $detailpcr->id }}1" name="hasil" {{ ($detailpcr->checkup->hasil == 1)?'checked':'' }}>
                                                <label for="customRadio{{ $detailpcr->id }}1" class="custom-control-label">Negatif</label>
                                            </div>
                                            <div class="custom-control custom-radio">
                                                <input value="2" class="custom-control-input" type="radio" id="customRadio{{ $detailpcr->id }}2" name="hasil" {{ ($detailpcr->checkup->hasil == 2)?'checked':'' }}>
                                                <label for="customRadio{{ $detailpcr->id }}2" class="custom-control-label">Positif</label>
                                            </div>
                                            <div class="custom-control custom-radio">
                                                <input value="3" class="custom-control-input" type="radio" id="customRadio{{ $detailpcr->id }}3" name="hasil" {{ ($detailpcr->checkup->hasil == 3)?'checked':'' }}>
                                                <label for="customRadio{{ $detailpcr->id }}3" class="custom-control-label">Invalid</label>
                                            </div>
                                            @if ($errors->has('hasil'))
                                                <small class="error invalid-feedback">{{ $errors->first('hasil') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <x-label class="col-sm-2">{{ __('Nilai CT') }}</x-label>
                                        <div class="col-sm-10">
                                            <x-input id="nilai_ct" class="{{ $errors->has('nilai_ct') ? 'is-invalid' : '' }}" type="text" name="nilai_ct" :value="old('nilai_ct', $detailpcr->nilai_ct)"/>
                                            @if ($errors->has('nilai_ct'))
                                                <small class="error invalid-feedback">{{ $errors->first('nilai_ct') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <x-button class="float-right">{{ __('Save') }}</x-button>
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        @endif
    @endforeach
</x-app-layout>