@extends('layouts.master')

@section('web_title')
  {{ $konfig->web_title }}
@endsection
@section('favicon')
  {{ $konfig->favicon }}
@endsection
@section('logo')
  {{ $konfig->logo }}
@endsection

@section('content')
<div class="row">

    @if($level['name'] == 'Wali Murid')
        <div class="col-md-12 mb-4">
            <div class="card mb-4">
                <div class="card-body">
                    <h4 class="card-title mb-3">
                        Data Pembayaran Siswa
                    </h4>

                    <br>
                    <div class="table-responsive">
                        <table id="datatable" class="display table table-striped" style="width:100%">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>NIS</th>
                                <th>Nama Siswa</th>
                                <th>Aksi</th>
                            </tr>
                            </thead>
                            <tbody>
                                                                @foreach($siswa as $row)
                                <tr>
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $row->nis }}</td>
                                    <td>{{ $row->nama_siswa }}</td>
                                    <td>
                                        <a href="{{ route('tagihan_siswa', $row['nis']) }}" class="btn btn-success btn-sm">Detail</a>
                                        <a href="{{ route('historytransaksi', $row->nis) }}" class="btn btn-primary">Riwayat Transaksi</a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    
                </div>
            </div>
        </div>
        <!-- end of col -->

    @else
        <!-- ICON BG -->
        <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="card card-icon-bg bg-success o-hidden mb-4">
                <div class="card-body text-center">
                    <i class="i-Money-2 text-white"></i>
                    <div class="content">
                        <h5 class="text-white mt-2 mb-0" style="width: 250px;">Total Pemasukkan</h5>
                        <h4 class="text-white text-24 line-height-1 mb-2" style="width: 250px;">Rp. {{ number_format($pemasukan, 2, ',', '.') }}</h4>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="card card-icon-bg bg-warning o-hidden mb-4">
                <div class="card-body text-center">
                    <i class="i-Financial text-white"></i>
                    <div class="content">
                        <h5 class="text-white mt-2 mb-0" style="width: 250px;">Potensi Pemasukkan</h5>
                        <h4 class="text-white text-24 line-height-1 mb-2" style="width: 250px;">Rp. {{ number_format($potensi, 2, ',', '.') }}</h4>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-12">
            <div class="card mb-4">
                <div class="card-body">
                    <div class="card-title">Grafik Laporan</div>
                    <!-- <div id="echartBar" style="height: 400px;"></div> -->
                    <form method="get" class="form-inline well well-sm">
                        <label class="control-label" style="margin-right: 5px;">Lihat Bulanan Per</label>
                        <select name="year" class="form-control" style="margin-right: 5px;">
                            @foreach($years as $key => $value)
                            <option value="{{ $key }}" @if($key == $year) selected="selected" @endif>{{ $value }}</option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn btn-xs btn-success" style="margin-right: 5px;">Submit</button>
                        <a href="{{ route('home') }}" type="submit" class="btn btn-xs btn-light">Tahun Ini</a>
                    </form>

                    <br><br>

                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h4 class="panel-title"><center>Grafik Pendapatan {{ $year }}</center></h4>
                        </div>
                        <br>
                        <div class="panel-body">
                            <strong>Rp.</strong>
                            <div id="graphPage" style="height: 250px;"></div>
                            <div class="text-center"><strong>Tanggal</strong></div>
                        </div>
                    </div>

                    <br>

                    <div class="table-responsive">
                        <table id="" class="table table-striped" style="width:100%">
                            <thead>
                            <tr>
                                <th class="text-center">Tanggal</th>
                                <th class="text-center">Pendapatan</th>
                                <th class="text-center">Aksi</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php $chartData = []; @endphp
                            @foreach(get_months() as $data => $monthName)
                                @php
                                $any = isset($reports[$data]);
                                $omzet = $any ? $reports[$data]->grand_bayar : 0
                                @endphp

                                @if($any)
                                <tr>
                                    <td class="text-center">{{ month_id($data) }}</td>
                                    <td class="text-center">Rp. {{ $any ? number_format($reports[$data]->grand_bayar, 2, ',', '.') : 0 }}</td>
                                    <td class="text-center"><a href="{{ route('home', ['month' => $data, 'year' => $year]) }}" class="btn btn-info btn-sm"><i class="nav-icon i-Eye"></i> Lihat Bulanan</td>
                                </tr>
                                @endif
                                
                                @php
                                    $chartData[] = ['month' => month_id($data), 'value' => $omzet];
                                @endphp
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endif
    
</div>
@endsection

@section('graphPage')
    <script>
        (function() {
            new Morris.Line({
            element: 'graphPage',
            data: {!! collect($chartData)->toJson() !!},
            xkey: 'month',
            ykeys: ['value'],
            labels: ['<i class="nav-icon i-Money-2"></i>'],
            parseTime:false,
            xLabelAngle: 30,
            goals: [0],
            goalLineColors : ['red'],
            lineWidth: 2,
            });
        })();
    </script>
@endsection