@extends("backend.layouts2.master")

@section("title")
    Invoice - Sistem Klinik
@endsection

@push('css')
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/toastr/toastr.min.css')}}">
<meta name="csrf-token" content="{{ csrf_token() }}">
<style media="screen">
.label-profile{
  font-size: 90%;
}
.body-invoice{
  color: #0000;
}
.th-invoice {
   border-top: 0px!important;
   font-size: 16px;
    font-weight: 500;
}
.font-invoice{
  color: #000;
}

</style>
@endpush

@section ('content')

<div class="content-wrapper">
  <!-- Content Header (Page header) -->

  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Invoice</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Invoice #{{$billing->id}}</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="d-flex justify-content-center">
        <div class="col-10">

          <!-- Main content -->
          <div class="invoice p-3 mb-3">
            <!-- title row -->
            <div class="d-flex justify-content-center">
              <div class="col-md-2 float-right mr-2 mt-2">
                  <img class="float-right" src="{{asset(App\Helpers\SettingHelper::setting('filepath'))}}" style="width:110px;" alt="">
              </div>
              <div class="col-md-8">
                  <address class="font-invoice">
                    <strong style="font-size: 22px;">Praktek Mandiri Fisioterapi Prima </strong>
                    <br>
                    No. SIPF 449.4/18103-SIPF/XII.21/DISKES<br>
                    {{ App\Helpers\SettingHelper::setting('alamat') }}<br>
                    Handphone {{ App\Helpers\SettingHelper::setting('no_hp') }}<br>
                    Email {{ App\Helpers\SettingHelper::setting('email') }}
                  </address>
              </div>

              <!-- /.col -->
            </div>
            <hr  style="margin: 0; border-top: 1px solid #000">
            <hr  style="margin-top: 3px; border-top: 4px solid #000">

            <!-- Table row -->
            <div class="d-flex justify-content-center mt-4">
              <div class="col-md-2 text-center">
                <p style="margin: 0!important; font-size: 18px;"><strong  class="font-invoice">KWITANSI</strong> </p>
                <hr style="margin: 0; border-top: 2px solid #000">
                <p><i  class="font-invoice">No : XXIII/{{$billing->id}}</i> </p>
              </div>
            </div>
            <div class="row">

              <div class="col-12 table-responsive">
                <table class="table">
                  @php

                  function penyebut($nilai) {

                      $nilai = abs($nilai);
                      $huruf = array("", "Satu", "Dua", "Tiga", "Empat", "Lima", "Enam", "Tujuh", "Delapan", "Sembilan", "Sepuluh", "Sebelas");
                      $temp = "";
                      if ($nilai < 12) {
                          $temp = " ". $huruf[$nilai];
                      } else if ($nilai <20) {
                          $temp = penyebut($nilai - 10). " Belas";
                      } else if ($nilai < 100) {
                          $temp = penyebut($nilai/10)." Puluh". penyebut($nilai % 10);
                      } else if ($nilai < 200) {
                          $temp = " Seratus" . penyebut($nilai - 100);
                      } else if ($nilai < 1000) {
                          $temp = penyebut($nilai/100) . " Ratus" . penyebut($nilai % 100);
                      } else if ($nilai < 2000) {
                          $temp = " Seribu" . penyebut($nilai - 1000);
                      } else if ($nilai < 1000000) {
                          $temp = penyebut($nilai/1000) . " Ribu" . penyebut($nilai % 1000);
                      } else if ($nilai < 1000000000) {
                          $temp = penyebut($nilai/1000000) . " Juta" . penyebut($nilai % 1000000);
                      }
                      return $temp;
                  }

                  function terbilang($nilai) {
                      if($nilai<0) {
                          $hasil = "Minus ". trim(penyebut($nilai));
                      } else {
                          $hasil = trim(penyebut($nilai));
                      }
                      return $hasil;
                  }

                  @endphp
                  <tbody  class="font-invoice">
                    <tr>
                      <th class="th-invoice" style="width: 20%;">Sudah terima dari</th>
                      <th class="th-invoice" style="width: 3%;">:</th>
                      <th class="th-invoice" style="width: 50%;">

                        @if ($billing->pasien->jenis_kelamin == "Laki-laki")
                          Tn.
                        @else
                          Ny.
                        @endif
                        {{ $billing->pasien->nama }}</th>
                    </tr>
                    <tr>
                      <th class="th-invoice" style="width: 20%;">Terbilang</th>
                      <th class="th-invoice" style="width: 3%;">:</th>
                      <th class="th-invoice" style="width: 50%;">@php echo terbilang($billing->total_biaya); @endphp Rupiah.</th>
                      <th class="th-invoice" rowspan="3">
                        <div style="border-style: solid; width: 150px; height: 45px; padding: 8px;">
                          <b><i>Rp. {{number_format($billing->total_biaya, 2)}}</i> </b>
                        </div>
                      </th>
                    </tr>
                    <tr>
                      <th class="th-invoice" style="width: 20%;">Untuk Pembayaran</th>
                      <th class="th-invoice" style="width: 3%;">:</th>
                      <th class="th-invoice" style="width: 50%;">
                        @if ($billing->biaya_pendaftaran)
                        - Biaya Pendaftaran <br>-
                        @endif
                        Layanan {{ $billing->register->program->nama }}</th>
                    </tr>
                  </tbody>
                  </tbody>
                </table>
              </div>
              <!-- /.col -->
            </div>
            <hr  style="margin-top: 3px; border-top: 2px dotted #000">
            <div class="d-flex justify-content-end mt-4">
              <div class="col-md-6 text-center">
                <p style="margin: 0!important;" class="font-invoice">Banjarmasin, {{ \Carbon\Carbon::parse($billing->tgl_pembayaran)->format("d/m/Y") }}</p>
                <br>
                <br>
                <br>
                <p class="font-invoice"> ({{$billing->register->doctor->nama}})</p>
              </div>
            </div>

            <!-- /.row -->
            <br>
            <br>
            <br>
            <br>
            <br>
            <!-- this row will not appear when printing -->
            <div class="d-flex justify-content-center no-print">
              <div class="col-3">
                <a href="{{route('dashboard.keuangan.billing.invoice-print', $billing->id)}}" rel="noopener" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a>
              </div>
            </div>
          </div>
          <!-- /.invoice -->
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </section>
  <!-- /.content -->
</div>


@endsection

@push('js')

<script src="{{asset('adminlte/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/toastr/toastr.min.js')}}"></script>

<script>

      @if (session('success'))
        toastr.success("{{ session('success') }}")
      @endif

      @if (session('error'))
        toastr.error("{{ session('error') }}")
      @endif


  $(function () {
    $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
@endpush