@section('optional_css')
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <!-- DataTables -->
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">

    <link rel="stylesheet" href="{{ asset('plugins/daterangepicker/daterangepicker.css') }}">

    <!-- Ekko Lightbox -->
    <link rel="stylesheet" href="{{ asset('plugins/ekko-lightbox/ekko-lightbox.css') }}">
@endsection
@section('optional_js')
    <!-- Select2 -->
    <script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
    <!-- DataTables  & Plugins -->
    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>

    <!-- Date Picker -->
    <script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
    <script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script>

    <!-- Ekko Lightbox -->
    <script src="{{ asset('plugins/ekko-lightbox/ekko-lightbox.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            $('.datepicker').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                locale: {
                    format: 'YYYY-MM-DD'
                }
            })

            $(document).on('click', '[data-toggle="lightbox"]', function(event) {
                event.preventDefault();
                $(this).ekkoLightbox({
                    alwaysShowClose: true
                });
            });

            var table = $('.table').DataTable({
                responsive: true,
                pageLength: 10,
            });
        })
    </script>
@endsection
<x-app-layout>
    <x-slot name="header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">{{ __('Pemeriksaan') }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
            </div><!-- /.col -->
        </div><!-- /.row -->
    </x-slot>
    @if(session('delete'))
        <x-alert-danger>
            {{ session('delete') }}
        </x-alert-danger>
    @endif
    <form class="form-horizontal" action="{{ route('admin.checkup.sampling-store') }}" method="POST" enctype="multipart/form-data">
        <x-card class="col-sm-12">
            <x-slot name="title">{{ __('Input Sampling') }}</x-slot>
            @csrf
            @method('PUT')
            <div class="form-group row">
                <div class="col-sm-10">
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <input type="hidden" name="type" value="{{ $type }}">
                            <x-input id="kode" placeholder="{{ __('Kode Barcode') }}" class="{{ $errors->has('kode') ? 'is-invalid' : '' }}" type="text" name="kode" :value="old('kode')" autofocus/>
                            @if ($errors->has('kode'))
                                <small class="error invalid-feedback">{{ $errors->first('kode') }}</small>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <input type="submit" value="{{ __('Input') }}" class="form-control btn-success">
                    </div>
                </div>
            </div>
        </x-card>
    </form>
    @if(!empty($checkup))
        <x-card class="col-sm-12">
            <x-slot name="title">Pemeriksaan</x-slot>
            <x-slot name="tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                </button>
            </x-slot>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('barcode') }}</div>
                <div class="col-sm-6"><img src="data:image/png;base64,{{ DNS1D::getBarcodePNG($checkup->kode, 'I25') }}" alt="barcode"/></div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('kode') }}</div>
                <div class="col-sm-6">{{ $checkup->kode??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Nama Lengkap') }}</div>
                <div class="col-sm-6">{{ $checkup->nama_lengkap??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('tanggal lahir') }}</div>
                <div class="col-sm-6">{{ $checkup->tanggal_lahir->format('Y-m-d')??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('jenis layanan') }}</div>
                <div class="col-sm-6">{{ $checkup->jenis_layanan??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Status Pengambilan Sample') }}</div>
                <div class="col-sm-6">{{ $checkup->status_pengambilan_sample_text() }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Waktu Pengambilan Sample') }}</div>
                <div class="col-sm-6">{{ $checkup->waktu_pengambilan_sample??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Waktu Hasil Pengujian') }}</div>
                <div class="col-sm-6">{{ $checkup->waktu_hasil_pengujian??'-' }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Hasil') }}</div>
                <div class="col-sm-6">{{ $checkup->hasil_text() }}</div>
            </div>
            <div class="row">
                <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                <div class="col-sm-6">{{ $checkup->keterangan??'-' }}</div>
            </div>
            @if(in_array($checkup->hasil, [1,2]))
                <div class="row mt-4">
                    <div class="col-sm-12 text-center">
                        <x-button-link class="btn-info btn-block float-right mr-2" target="_blank" href="{{ route('print-hasil', base64_encode($checkup->booking->kode)) }}">{{ __('Print Hasil') }}</x-button-link>
                    </div>
                </div>
            @endif
        </x-card>
        <x-card class="col-sm-12">
            <x-slot name="title">{{ __('Info Pasien') }}</x-slot>
            <x-slot name="tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                </button>
            </x-slot>
            <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($checkup->patient->foto_pasien))
                                <img src="{{ Storage::url($checkup->patient->foto_pasien) }}" width="200">
                            @else
                                <img src="{{ Storage::url(Setting::getSetting('company-logo')) }}" width="200">
                            @endif
                        </div>
                        <div class="col-sm-12 font-weight-bold">{{ __('Foto Pasien') }}</div>
                    </div>
                    <div class="row text-center">
                        <div class="col-sm-12 font-weight-bold">
                            @if(!empty($checkup->patient->foto_identitas))
                                <img src="{{ Storage::url($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">{{ $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">{{ $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">{{ $checkup->patient->nama_lengkap??'-' }}</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">{{ $checkup->patient->nomor_telepon??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Email') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->email??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Agama') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->agama??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Jenis Kelamin') }}</div>
                        <div class="col-sm-6">{{ $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">{{ $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">{{ $checkup->patient->tempat_lahir??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                        <div class="col-sm-6">{{ $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">{{ __('Negara Asal') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->negara_asal??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Alamat') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->alamat??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Kelurahan') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->kelurahan??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Kecamatan') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->kecamatan??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('Kota') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->kota??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('RT') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->rt??'-' }}</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 font-weight-bold">{{ __('RW') }}</div>
                        <div class="col-sm-6">{{ $checkup->patient->rw??'-' }}</div>
                    </div>
                </div>
            </div>
        </x-card>
    @endif
    <x-card>
        <x-slot name="title">{{ __('Pemeriksaan') }}</x-slot>
        <div class="col-12 table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{{ __('ID') }}</th>
                        <th>{{ __('Kode') }}</th>
                        <th>{{ __('Jenis Layanan') }}</th>
                        <th>{{ __('Nama Pasien') }}</th>
                        <th>{{ __('Foto Pasien') }}</th>
                        <th>{{ __('Status Pengambilan Sample') }}</th>
                        <th>{{ __('Hasil') }}</th>
                        <th>{{ __('Keterangan') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($checkup_datas as $row)
                        @if($type == 'antigen')
                            @if(!str_contains(strtolower($row->jenis_layanan), 'antigen') || str_contains(strtolower($row->jenis_layanan), 'onsite'))
                                @continue
                            @endif
                        @endif
                        @if($type == 'pcr')
                            @if(!str_contains(strtolower($row->jenis_layanan), 'pcr') || str_contains(strtolower($row->jenis_layanan), 'onsite'))
                                @continue
                            @endif
                        @endif
                        @if($type == 'klinik')
                            @if(str_contains(strtolower($row->jenis_layanan), 'onsite'))
                                @continue
                            @endif
                        @endif
                        @if($type == 'onsite')
                            @if(!str_contains(strtolower($row->jenis_layanan), 'onsite'))
                                @continue
                            @endif
                        @endif
                        <tr>
                            <td>{{ $row->id }}</td>
                            <td>{{ $row->kode }}</td>
                            <td>{{ $row->jenis_layanan }}</td>
                            <td>{{ $row->nama_lengkap }}</td>
                            <td>
                                <a href="{{ Storage::url($row->patient->foto_pasien) }}" data-toggle="lightbox" data-title="{{ $row->nama_lengkap }}">
                                    <img src="{{ Storage::url($row->patient->foto_pasien) }}" class="img-fluid mb-2" alt="{{ $row->nama_lengkap }}"/>
                                </a>
                            </td>
                            <td>{{ $row->status_pengambilan_sample_text() }}</td>
                            <td>{{ $row->hasil_text() }}</td>
                            <td>{{ $row->keterangan }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-card>
</x-app-layout>