@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') }}">
    <!-- summernote -->
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.min.css') }}">
    <!-- CodeMirror -->
    <link rel="stylesheet" href="{{ asset('plugins/codemirror/codemirror.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/codemirror/theme/monokai.css') }}">

    <link rel="stylesheet" href="{{ asset('plugins/daterangepicker/daterangepicker.css') }}">
@endsection
@section('optional_js')
    <!-- Select2 -->
    <script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
    <!-- Summernote -->
    <script src="{{ asset('plugins/summernote/summernote-bs4.min.js') }}"></script>
    <!-- CodeMirror -->
    <script src="{{ asset('plugins/codemirror/codemirror.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/css/css.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/xml/xml.js') }}"></script>
    <script src="{{ asset('plugins/codemirror/mode/htmlmixed/htmlmixed.js') }}"></script>

    <script src="{{ asset('plugins/fileinput/fileinput.min.js') }}"></script>

    <!-- Bootstrap Switch -->
    <script src="{{ asset('plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>

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

    <script>
        $(document).ready(function () {
            $('.select2').select2({
                theme: 'bootstrap4'
            })

            $('.datepicker').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                locale: {
                    format: 'YYYY-MM-DD'
                }
            })
            
            $('.summernote').summernote({
                height: 300,
                callbacks: {
                    onImageUpload: function(files, editor, welEditable) {
                        sendFile(files[0], editor, welEditable);
                    }
                }
            });

            function sendFile(file, editor, welEditable) {
                data = new FormData();
                data.append("file", file);
                data.append('_token', "{{ csrf_token() }}");
                $.ajax({
                    data: data,
                    type: "POST",
                    url: "{{ route('admin.summernote.upload') }}",
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function(url) {
                        $('.summernote').summernote('editor.insertImage', url);
                    }
                });
            }

            $("input[data-bootstrap-switch]").each(function(){
                $(this).bootstrapSwitch('state', $(this).prop('checked'));
            });
        })
    </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('success'))
        <x-alert-success>
            {{ session('success') }}
        </x-alert-success>
    @endif
    @if(session('delete'))
        <x-alert-danger>
            {{ session('delete') }}
        </x-alert-danger>
    @endif
    <form class="form-horizontal" action="{{ route('admin.checkup.update-sampling') }}" method="GET" enctype="multipart/form-data">
        <x-card class="col-sm-12">
            <x-slot name="title">{{ __('Input Sampling') }}</x-slot>
            <div class="form-group row">
                <div class="col-sm-10">
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <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))
        @if(!in_array($checkup->hasil, [1,2]))
        <form class="form-horizontal" action="{{ route('admin.checkup.update-sampling') }}" method="POST" enctype="multipart/form-data">
            <x-card class="col-sm-12">
                <x-slot name="title">{{ __('Edit') }} {{ __('Pemeriksaan') }}</x-slot>
                @csrf
                @method('PUT')
                <input type="hidden" value="{{ $checkup->kode }}" name="kode">
                <div class="form-group row">
                    <x-label class="col-sm-2">{{ __('Hasil') }}</x-label>
                    <div class="col-sm-10">
                        <div class="col-sm-10">
                            <div class="custom-control custom-radio">
                                <input value="1" class="custom-control-input" type="radio" id="customRadio1" name="hasil" {{ ($checkup->hasil == 1)?'checked':'' }}>
                                <label for="customRadio1" class="custom-control-label">Negatif</label>
                            </div>
                            <div class="custom-control custom-radio">
                                <input value="2" class="custom-control-input" type="radio" id="customRadio2" name="hasil" {{ ($checkup->hasil == 2)?'checked':'' }}>
                                <label for="customRadio2" class="custom-control-label">Positif</label>
                            </div>
                            <div class="custom-control custom-radio">
                                <input value="3" class="custom-control-input" type="radio" id="customRadio3" name="hasil" {{ ($checkup->hasil == 3)?'checked':'' }}>
                                <label for="customRadio3" class="custom-control-label">Invalid</label>
                            </div>
                            @if ($errors->has('hasil'))
                                <small class="error invalid-feedback">{{ $errors->first('hasil') }}</small>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <x-label class="col-sm-2">{{ __('Penaggung Jawab') }}</x-label>
                    <div class="col-sm-10">
                        <select name="team_id" class="form-control select2 {{ $errors->has('team_id') ? 'is-invalid' : '' }}">
                            @foreach($teams as $team)
                                <option value="{{ $team->id }}" {{ ($team->id == old('team_id'))?'selected':'' }}>{{ $team->name }}</option>
                            @endforeach
                        </select>
                        @if ($errors->has('team_id'))
                            <small class="error invalid-feedback">{{ $errors->first('team_id') }}</small>
                        @endif
                    </div>
                </div>
                <x-slot name="footer">
                    <x-button class="float-right">{{ __('Save') }}</x-button>
                </x-slot>
            </x-card>
        </form>
        @endif
        <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>
    @endif
</x-app-layout>