@extends("backend.layout-sticky.master")

@section("title")
    Neraca
@endsection


@push('css')
<style>
.header-clear-medium {
  padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
}
</style>
@endpush

@section ('back')
<a href="{{route('dashboard.statistik.index')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
<!-- <a href="#" data-back-button="" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a> -->
@endsection

@section ('content')
@php
  $nama_bulan = [
    1 => "Januari",
    2 => "Februari",
    3 => "Maret",
    4 => "April",
    5 => "Mei",
    6 => "Juni",
    7 => "Juli",
    8 => "Agustus",
    9 => "September",
    10 => "Oktober",
    11 => "November",
    12 => "Desember"
  ];
@endphp
<div data-card-height="200" class="card card-style preload-img" data-src="{{asset('sticky-mobile/code/images/pictures/14w.jpg')}}">
    <div class="card-center text-center">
        <h1 class="font-22 color-white pt-3">@if (isset($klinik)) {{$klinik->nama}} @else Neraca @endif</h1>
        <p class="color-white opacity-70">Neraca Laba/Rugi</p>
        <a href="#" class="default-link btn btn-m rounded-s btn-center-xl bg-red-dark font-900 text-uppercase neraca-bulan">{{ $nama_bulan[$month] }} {{ $year }}</a>
    </div>
    <div class="card-overlay bg-black opacity-80"></div>
</div>

<div class="card card-style">
    <div class="content">
      <div class="d-flex justify-content-center">
        <div class="col-4 p-1">
          <div class="form-group">

            <form class="" action="{{ route('dashboard.statistik.neraca')}}" method="GET">
              <select class="form-control mb-2" name="month" id="filtermonth">
                @foreach ($nama_bulan as $key => $value)
                  <option value="{{$key}}" {{ $key == $month ? 'selected' : '' }}>{{$value}}</option>
                @endforeach
              </select>
              <select class="form-control mb-2" name="klinik_id" id="filterklinik">
                <option value="0">-- All Klinik --</option>
                @foreach ($kliniks as $key => $value)
                  <option value="{{$value->id}}" {{ $value->id == $klinik_id ? 'selected' : '' }}>{{$value->nama}}</option>
                @endforeach
              </select>
              <button type="submit" class="btn btn-m btn-full mb-3 rounded-xs text-uppercase font-900 shadow-s bg-blue-light filterklinik" style="padding: 7px!important; width: 100%!important;">cari</button>
            </form>

          </div>

        </div>
      </div>
    </div>
</div>

<div class="card card-style">
    <div class="content">
      <table class="table">
        <tr>
          <td style="width: 5%;">&nbsp;</td>
          <td style="width: 40%;"><h6>Pendapatan</h6></td>
          <td style="width: 30%;">&nbsp;</td>
        </tr>
        <tr>
          <td>1</td>
          <td>Tindakan</td>
          <td>Rp {{ number_format($pemasukan_tindakan, 2) }}</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Obat</td>
          <td>Rp {{ number_format($pemasukan_obat, 2) }}</td>
        </tr>
        <tr>
          <td>3</td>
          <td>Rontgen</td>
          <td>Rp {{ number_format($pemasukan_rontgen, 2) }}</td>
        </tr>
        <tr>
          <td>4</td>
          <td>Produk</td>
          <td>Rp {{ number_format($pemasukan_produk, 2) }}</td>
        </tr>

        <tr>
          <td>&nbsp;</td>
          <td><strong>Total Pendapatan</strong></td>
          <td><strong>Rp {{ number_format($pemasukan_total, 2) }}</strong></td>
        </tr>
      </table>

      <table class="table">
        <tr>
          <td style="width: 5%;">&nbsp;</td>
          <td style="width: 40%;"><h6>Pengeluaran</h6></td>
          <td style="width: 30%;">&nbsp;</td>
        </tr>
        @if (isset($fee_dokter))
        <tr>
          <td>1</td>
          <td>Fee Dokter</td>
          <td>Rp {{ number_format($fee_dokter, 2) }}</td>
        </tr>
        @endif
        @if (isset($pengeluaran))
        @foreach ($pengeluaran as $key => $value)
        <tr>
          <td>{{ $key+2 }}</td>
          <td>{{ $value->nama }}</td>
          <td>Rp {{ number_format($value->biaya, 2) }}</td>
        </tr>
        @endforeach
        @endif


        <tr>
          <td>&nbsp;</td>
          <td><strong>Total Pengeluaran</strong> </td>
          <td><strong>Rp {{ number_format($total_pengeluaran, 2) }}</strong></td>
        </tr>
      </table>

      <table class="table">
        <tr>
          <td style="width: 5%;">&nbsp;</td>
          <td style="width: 40%;"><h6>Laba Bersih</h6></td>
          <td style="width: 30%;">&nbsp;</td>
        </tr>

        <tr>
          <td>1</td>
          <td>Total Pendapatan</td>
          <td>Rp {{ number_format($pemasukan_total, 2) }}</td>
        </tr>

        <tr>
          <td>2</td>
          <td>Total Pengeluaran</td>
          <td>Rp {{ number_format($total_pengeluaran, 2) }}</td>
        </tr>

        <tr>
          <td>&nbsp;</td>
          <td><strong>Laba Bersih</strong> </td>
          <td><strong>Rp {{ number_format($pemasukan_total-$total_pengeluaran, 2) }}</strong></td>
        </tr>
      </table>
    </div>
</div>
@endsection

@push("js")

<script type="text/javascript">


$('#filtermonth').change(function(){
    month = $("#filtermonth").val()
    getData (month)
});

getData (month)


function statistikPasien (month) {
    $.ajax({
          url: "{{route('dashboard.statistik.neracaData')}}?month="+month,
          method: "GET",
          success: function(data) {
            console.log(data);
          }
    })

}
</script>

@endpush("js")