@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="row">
        <div class="col-12">
        <!-- Main content -->
            <div class="invoice p-3 mb-3">
                <!-- title row -->
                <div class="row">
                <div class="col-12">
                    <h4>
                    <i class="fas fa-globe"></i> {{ Setting::getSetting('company-name') }}
                    </h4>
                </div>
                <!-- /.col -->
                </div>
                <!-- info row -->
                <div class="row invoice-info">
                <div class="col-sm-4 invoice-col">
                    From
                    <address>
                    <strong>{{ Setting::getSetting('company-name') }}</strong><br>
                    {{ Setting::getSetting('company-address') }}<br>
                    Phone: {{ Setting::getSetting('company-phone') }}<br>
                    Email: {{ Setting::getSetting('company-email') }}
                    </address>
                </div>
                <!-- /.col -->
                <div class="col-sm-4 invoice-col">
                    To
                    <address>
                    <strong>{{ $companyinvoice->company->name }}</strong><br>
                    {{ $companyinvoice->company->address }}<br>
                    Phone: {{ $companyinvoice->company->phone }}<br>
                    Email: {{ $companyinvoice->company->email }}
                    </address>
                </div>
                <!-- /.col -->
                <div class="col-sm-4 invoice-col">
                    <b>Invoice {{ $companyinvoice->kode }}</b><br>
                    <br>
                    <b>Tanggal Invoice:</b> {{ $companyinvoice->tanggal_invoice }}<br>
                    <b>Tanggal Jatuh Tempo Invoice:</b> {{ $companyinvoice->tanggal_jatuh_tempo_invoice }}<br>
                    <b>Tanggal Pembayaran Invoice:</b> {{ $companyinvoice->tanggal_pembayaran_invoice }}<br>
                    <b>Total Tagihan:</b> Rp. {{ number_format($companyinvoice->total_tagihan, '0', ',','.') }}<br>
                    <b>Total Biaya:</b> Rp. {{ number_format($companyinvoice->total_biaya, '0', ',','.') }}<br>
                    <b>Grand Total:</b> Rp. {{ number_format($companyinvoice->grand_total, '0', ',','.') }}<br>
                    <b>Metode Pembayaran:</b> {{ $companyinvoice->metode_pembayaran }}<br>
                    <b>Status:</b> {{ $companyinvoice->status_text() }}<br>
                </div>
                <!-- /.col -->
                </div>
                <!-- /.row -->

                <!-- Table row -->
                <div class="row">
                    <div class="col-12 table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>{{ __('Kode Booking') }}</th>
                                    <th>{{ __('Tanggal Pemeriksaan') }}</th>
                                    <th>{{ __('Nama') }}</th>
                                    <th>{{ __('Project') }}</th>
                                    <th>{{ __('Tagihan') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($companyinvoice->details as $detail)
                                    <tr>
                                        <td>{{ $detail->bill->booking->kode }}</td>
                                        <td>{{ $detail->bill->booking->tanggal_pemeriksaan_kedatangan }}</td>
                                        <td>{{ $detail->bill->booking->patient->nama_lengkap }}</td>
                                        <td>{{ $detail->bill->project->name??'-' }}</td>
                                        <td class="text-right">Rp. {{ number_format($detail->tagihan, '0', ',','.') }}</td>
                                    </tr>
                                @endforeach
                                @foreach($companyinvoice->others as $other)
                                    <tr>
                                        <td colspan="4">{{ $other->nama }}</td>
                                        <td class="text-right">Rp. {{ number_format($other->biaya, '0', ',','.') }}</td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td colspan="4">Grand Total</td>
                                    <td class="text-right">Rp. {{ number_format($companyinvoice->grand_total, '0', ',','.') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                <!-- /.col -->
                </div>
                <!-- /.row -->

                <!-- this row will not appear when printing -->
                <div class="row no-print">
                <div class="col-12">
                    {{-- <a href="invoice-print.html" rel="noopener" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a> --}}
                    @if($companyinvoice->status == 0)
                        @can('companyinvoice.edit')
                        <x-button-link class="btn-warning btn-sm mr-2" href="{{ route('admin.cinvoice.edit', $companyinvoice->id) }}">{{ __('Edit') }}</x-button-link>
                        @endcan
                        @can('companyinvoice.destroy')
                            <form method="POST" class="d-inline" action="{{ route('admin.cinvoice.destroy', $companyinvoice->id) }}">
                                @csrf
                                @method('delete')
                                <x-button-link class="btn-danger btn-sm delete-row">
                                    {{ __('Delete') }}
                                </x-button-link>
                            </form>
                        @endcan
                        <x-button-link class="btn-success float-right mr-2" href="{{ route('admin.cinvoice.payment', $companyinvoice->id) }}"><i class="far fa-credit-card"></i> {{ __('Payment') }}</x-button-link>
                    @endif
                    <x-button-link href="{{ route('print-invoice-company', base64_encode($companyinvoice->id.'|'.$companyinvoice->kode)) }}" target="_blank" type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                    <i class="fas fa-download"></i> Generate PDF
                    </x-button-link>
                </div>
                </div>
            </div>
        <!-- /.invoice -->
        </div><!-- /.col -->
    </div><!-- /.row -->
</x-app-layout>