@extends('layouts.app')

@section('content')

<div class="page-header">
    <h1 class="page-title">Mutasi Penerimaan Kas</h1>
</div>
@include('layouts.inc.breadcrumb')
<div class="page-content">
    <div class="panel">
        <div class="p-10">

        @if($mutasiKas->flag_bayar === 'Y')
                <button id="btnCetak" class="btn btn-primary no-print">Cetak</button>
            @endif

            <hr>
        </div>
        <div class="panel-body">
            @include('flash-message')

            <h3 align="center">Bukti Penerimaan Kas</h3><br/>

            <div class="form-group row">
                <label class="col-md-3">No Bukti</label>
                    <div class="col-md-7">
                    <input type="text" class="form-control btn-round" value="{{ isset($mutasiKas) ? $mutasiKas->kode : ''}}" readonly>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-md-3">Tanggal</label>
                    <div class="col-md-7">
                    <input type="date" class="form-control btn-round" value="{{ isset($mutasiKas) ? $mutasiKas->tanggal : ''}}" readonly>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-md-3">Diterima Oleh</label>
                    <div class="col-md-7">
                    <input type="text" value="{{ isset($mutasiKas) ? $mutasiKas->penerima : '' }}" class="form-control btn-round" readonly>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-md-3">Keterangan</label>
                    <div class="col-md-7">
                    <input type="text" value="{{ isset($mutasiKas) ? $mutasiKas->keterangan : '' }}" class="form-control btn-round" readonly>
                </div>
            </div>


            <div class="page-print">
                <table class="table table-hover">
                    <tr>
                        <th>No</th>
                        <th>Unit</th>
                        <th>Cost Center</th>
                        <th>Rekening</th>
                        <th>Keterangan</th>
                        <th>Nominal</th>
                    </tr>
                    @php ($i=1)
                    @php ($total=0)
                    @foreach ($mutasiKasDetail as $data)
                        <tr>
                            <td>{{ $i}}</td>
                            <td>{{ $data->unit }}</td>
                            <td>{{ $data->code_cost_centre }}</td>
                            <td>{{ $data->rekening }}</td>
                            <td>{{ $data->keterangan }}</td>
                            <td>Rp. {{ number_format($data->nominal) }}</td>
                        </tr>
                        @php($i++)
                        @php ($total += $data->nominal)
                    @endforeach

                    <tr>
                        <td><b>Total</b></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><b>Rp. {{ number_format($total) }}</b></td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
</div>
@endsection
@push('js')

    <script>
        $(document).ready(function () {
            $('#btnCetak').click(function (e) {
                e.preventDefault();
                $('.page-print').print({
                    noPrintSelector: ".no-print",
                    prepend : generateHeader()
                })
            });
        });

        function generateHeader () {
            return `
                <h3 align="center">Bukti Penerimaan Kas</h3><br/>
                <table>
                    <tr>
                        <td style="width: 150px">No Bukti</td>
                        <td>: {{ isset($mutasiKas) ? $mutasiKas->kode : ''}}</td>
                    </tr>
                    <tr>
                        <td>Tanggal</td>
                        <td>: {{ isset($mutasiKas) ? $mutasiKas->tanggal : ''}}</td>
                    </tr>
                    <tr>
                        <td>Diterima Oleh</td>
                        <td>: {{ isset($mutasiKas) ? $mutasiKas->penerima : ''}}</td>
                    </tr>
                    <tr>
                        <td>Keterangan</td>
                        <td>: {{ isset($mutasiKas) ? $mutasiKas->keterangan : ''}}</td>
                    </tr>
                </table>
                <br>`;
        }
    </script>
@endpush