@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%;
}
</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="row">
        <div class="col-12">

          <!-- Main content -->
          <div class="invoice p-3 mb-3">
            <!-- title row -->
            <div class="row">
              <div class="col-12">
                <h4>
                  <img src="{{asset(App\Helpers\SettingHelper::setting('filepath'))}}" width="80px" alt="">
                  {{ App\Helpers\SettingHelper::setting('nama') }}
                  <small class="float-right">Date: {{\Carbon\Carbon::parse($billing->created_at)->format("d/m/Y")}}</small>
                </h4>
              </div>
              <!-- /.col -->
            </div>
            <!-- info row -->
            <div class="row invoice-info">
              <div class="col-sm-4 invoice-col">
                Dari
                <address>
                  <strong>{{ App\Helpers\SettingHelper::setting('nama') }}</strong><br>
                  {{ App\Helpers\SettingHelper::setting('alamat') }}<br>
                  No Telp.: {{ App\Helpers\SettingHelper::setting('no_hp') }}<br>
                  Email: {{ App\Helpers\SettingHelper::setting('email') }}
                </address>
              </div>
              <!-- /.col -->
              <div class="col-sm-4 invoice-col">
                Kepada
                <address>
                  <strong>{{$billing->pasien->nama}}</strong><br>
                  {{$billing->pasien->alamat}}<br>
                  WA: {{$billing->pasien->no_hp}}<br>
                  Email: {{$billing->pasien->email}}
                </address>
              </div>
              <!-- /.col -->
              <div class="col-sm-4 invoice-col">
                <b><h5>Invoice #{{$billing->id}}</h5></b> <br>
                <b>Payment Due:</b> {{\Carbon\Carbon::parse($billing->created_at)->addDays(7)->format("d/m/Y")}}<br>
                <b>Payment Methods:</b>
                @if ($billing->metode_pembayaran == 1)
                  Cash <br>
                @elseif($billing->metode_pembayaran == 2)
                  Transfer <br>
                @endif
                <b>Status :</b>
                @if ($billing->status == 1)
                <label class='label-profile badge badge-danger-soft' style='background-color: rgba(40,167,69,.1)!important; color: #28a745!important;'>Lunas</label>

                @elseif($billing->status == 0)
                <label class='label-profile badge badge-danger-soft' style='background-color: rgba(40,167,69,.1)!important; color: #28a745!important;'>Pending</label>

                @endif
              </div>
              <!-- /.col -->
            </div>
            <!-- /.row -->

            <!-- Table row -->
            <div class="row">
              <div class="col-12 table-responsive">
                <table class="table table-striped">
                  <thead>
                  <tr>
                    <th>#</th>
                    <th>Item</th>
                    <th>Sub Item</th>
                    <th>Subtotal</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td>1</td>
                    <td>Program</td>
                    <td>
                      {{$billing->register->program->nama}}
                    </td>
                    <td>Rp. {{number_format($billing->biaya_program, 2)}}</td>

                  </tr>
                  @if(count($billing->details)>0)
                  <tr>
                    <td>2</td>
                    <td>Layanan</td>
                    <td>
                      @foreach($billing->details as $value)
                      <label class='label-profile badge badge-danger-soft' style='background-color: rgba(40,167,69,.1)!important; color: #28a745!important;'>
                      {{$value->detail}}</label><br>
                      @endforeach

                    </td>
                    <td>
                      @foreach($billing->details as $value)
                        <p style="margin-bottom: 0.5rem;">Rp. {{number_format($value->biaya, 2)}}</p>
                      @endforeach
                    </td>

                  </tr>
                  @endif
                  <tr>
                    <td></td>
                    <td></td>
                    <td class="float-right"><b>Subtotal:</b></td>
                    <td>
                      <b>Rp. {{number_format($billing->biaya, 2)}}</b>
                    </td>

                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td class="float-right">Tax ({{$billing->pajak}}%):</td>
                    <td>
                      Rp. {{number_format(($billing->biaya*$billing->pajak)/100, 2)}}
                    </td>

                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td class="float-right">Diskon:</td>
                    <td>
                      Rp. {{number_format($billing->diskon, 2)}}
                    </td>

                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td class="float-right"><b>Total:</b></td>
                    <td>
                      <b>Rp. {{number_format($billing->total_biaya, 2)}}</b>
                    </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="{{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