@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();
                        Swal.fire(
                            'Confirm!',
                            'Your file has been confirmed.',
                            'success'
                            )
                        this.closest('form').submit();
                    }
                })
            })
            $('.delete-row').on('click', function() {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        event.preventDefault();
                        Swal.fire(
                            'Deleted!',
                            'Your file has been deleted.',
                            'success'
                            )
                        this.closest('form').submit();
                    }
                })
            })
        })
    </script>
@endsection

<x-app-layout>
    <x-slot name="header">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">{{ __('Booking') }}</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>
                    Kode Pemesanan
                </h4>
            </div>
        <!-- /.col -->
        </div>
        <!-- info row -->
        <div class="row invoice-info">
            <div class="col-sm-4 text-center invoice-col">
                <div class="row">
                    <div class="col-sm-12">
                        {!! QrCode::size(150)->generate($booking->kode); !!}
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <h3 class='text-danger'>
                            {{ $booking->kode }}
                        </h3>
                    </div>
                </div>
            </div>
            <div class="col-sm-8 invoice-col">
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Kode Pemesanan') }}</div>
                    <div class="col-sm-6">{{ $booking->kode }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Tanggal Pemeriksaan') }}</div>
                    <div class="col-sm-6">{{ $booking->tanggal_pemeriksaan }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Instansi') }}</div>
                    <div class="col-sm-6">{{ ($booking->company)?$booking->company->name:'Umum' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Jenis Layanan') }}</div>
                    <div class="col-sm-6">{{ $booking->jenis_layanan }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Biaya') }}</div>
                    <div class="col-sm-6">{{ $booking->biaya }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Jenis Pembayaran') }}</div>
                    <div class="col-sm-6">{{ $booking->jenis_pembayaran }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Status Pembayaran') }}</div>
                    <div class="col-sm-6">{{ $booking->status_pembayaran_text() }}</div>
                </div>
                <div class="row mt-4">
                    @if(!empty($booking->invoice))
                        <div class="col-sm-4 text-center">
                            <x-button-link class="btn-info btn-block float-right mr-2" href="{{ route('admin.uinvoice.show', $booking->invoice->user_invoice_id) }}">{{ __('Invoice') }}</x-button-link>
                        </div>
                    @endif
                    @if($booking->status_pembayaran == 1)
                        @role('Super Admin')
                        <div class="col-sm-4 text-center">
                            @can('booking.destroy')
                                <form method="POST" class="loading" class="loading" action="{{ route('admin.booking.batalkan', $booking->id) }}">
                                    @csrf
                                    @method('delete')
                                    <x-button-link class="btn-danger btn-block delete-row">
                                        {{ __('Batalkan') }}
                                    </x-button-link>
                                </form>
                            @endcan
                        </div>
                        @endrole
                    @elseif($booking->status_pembayaran == 2)
                        <div class="col-sm-4 text-center">
                            <x-button-link class="btn-warning btn-block float-right mr-2" href="{{ route('admin.booking.rebook', $booking->id) }}">{{ __('Booking Ulang') }}</x-button-link>
                        </div>
                    @endif
                    @if(!empty($booking->company_id))
                        <div class="col-sm-4 text-center">
                            <x-button-link class="btn-info btn-block float-right mr-2" target="_blank" href="{{ route('print-pengantar', base64_encode($booking->kode)) }}">{{ __('Surat Pengantar Perusahaan') }}</x-button-link>
                        </div>
                    @endif
                    {{-- <div class="col-sm-4 text-center">
                        <x-button-link class="btn-info btn-block float-right mr-2" target="_blank" href="{{ route('print-booking', base64_encode($booking->kode)) }}">{{ __('Print Booking') }}</x-button-link>
                    </div> --}}
                </div>
            </div>
        </div>
        <!-- /.row -->
    </div>
    <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>
        @if($booking->status_pembayaran == 1)
            @if(empty($booking->checkup))
                <div class="row">
                    <div class="col-sm-12 text-center">
                        <form method="POST" class="loading" action="{{ route('admin.booking.pemeriksaan_store', $booking->id) }}">
                            @csrf
                            <x-button class="btn-lg">
                                <i class="fas fa-check"></i> {{ __('Konfirmasi Kedatangan') }}
                            </x-button>
                        </form>
                    </div>
                </div>
            @else
                <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($booking->checkup->kode, 'C128') }}" alt="barcode"/></div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('kode') }}</div>
                    <div class="col-sm-6">{{ $booking->checkup->kode??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('nama lengkap') }}</div>
                    <div class="col-sm-6">{{ $booking->checkup->nama_lengkap??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('tanggal lahir') }}</div>
                    <div class="col-sm-6">{{ $booking->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">{{ $booking->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">{{ $booking->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">{{ $booking->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">{{ $booking->checkup->waktu_hasil_pengujian??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Hasil') }}</div>
                    @php
                        $bgtext = "";
                        if($booking->checkup->hasil == 1){
                            $bgtext = "text-success";
                        }
                        if($booking->checkup->hasil == 2){
                            $bgtext = "text-danger";
                        }
                        if($booking->checkup->hasil == 3){
                            $bgtext = "text-warning";
                        }
                    @endphp
                    <div class="col-sm-6 font-weight-bold {{ $bgtext }}">{{ $booking->checkup->hasil_text() }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                    <div class="col-sm-6">{{ $booking->checkup->keterangan??'-' }}</div>
                </div>
                <div class="row mt-4">
                    @if(in_array($booking->checkup->hasil, [1,2]))
                        <div class="col-sm-6 text-center">
                            <x-button-link class="btn-info btn-block float-right mr-2" target="_blank" href="{{ route('print-hasil', base64_encode($booking->kode)) }}">{{ __('Print Hasil') }}</x-button-link>
                        </div>
                    @endif
                    <div class="col-sm-6 text-center">
                        <x-button-link class="btn-success btn-block float-right mr-2" target="_blank" href="{{ route('admin.booking.print-barcode', $booking->id) }}">{{ __('Print Barcode') }}</x-button-link>
                    </div>
                </div>
            @endif
        @endif
    </x-card>
    <x-card class="col-sm-12">
        <x-slot name="title">{{ __('Info Pasien') }}</x-slot>
        <x-slot name="tools">
            <x-button-link class="btn-warning btn-sm" href="{{ route('admin.booking.edit-patient', $booking->patient->id) }}">{{ __('Edit') }}</x-button-link>
            <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($booking->patient->foto_pasien))
                            <img src="{{ Storage::url($booking->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($booking->patient->foto_identitas))
                            <img src="{{ Storage::url($booking->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">{{ $booking->patient->jenis_identitas??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Nomor Identitas') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->nomor_identitas??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Nama Lengkap') }}</div>
                    <div class="col-sm-6">{{ $booking->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">{{ $booking->patient->nomor_telepon??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Email') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->email??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Agama') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->agama??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Jenis Kelamin') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->jenis_kelamin??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Tanggal Lahir') }}</div>
                    <div class="col-sm-6">{{ $booking->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">{{ $booking->patient->tempat_lahir??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Keterangan') }}</div>
                    <div class="col-sm-6">{{ $booking->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">{{ $booking->patient->negara_asal??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Alamat') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->alamat??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Kelurahan') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->kelurahan??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Kecamatan') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->kecamatan??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('Kota') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->kota??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('RT') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->rt??'-' }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-4 font-weight-bold">{{ __('RW') }}</div>
                    <div class="col-sm-6">{{ $booking->patient->rw??'-' }}</div>
                </div>
            </div>
        </div>
    </x-card>
</x-app-layout>