@extends('layouts.app')

@section('content')

<div class="page-header">
    <h1 class="page-title">Mutasi Pengeluaran 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 Pengeluaran 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">Penerima</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>
            </form>
        </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 Pengeluaran 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