@extends('layouts.index')

@push('style')
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.1.0/css/buttons.dataTables.min.css">
@endpush

@section('content')
    @php
        $tahunSelected = request('tahun', date('Y'));
        $bulanLabel = [
            1 => 'Jan',
            2 => 'Feb',
            3 => 'Mar',
            4 => 'Apr',
            5 => 'Mei',
            6 => 'Jun',
            7 => 'Jul',
            8 => 'Agu',
            9 => 'Sep',
            10 => 'Okt',
            11 => 'Nov',
            12 => 'Des',
        ];
        $statusList = ['Sangat Puas', 'Cukup Puas', 'Kurang Puas', 'Tidak Puas'];
    @endphp

    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form style="width: 100%;" method="GET">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-3">
                                    <label for="tahun" class="form-control-label">Pilih Tahun : </label>
                                    <select name="tahun" class="form-control select2" data-toggle="select">
                                        <option value="">Pilih Tahun</option>
                                        @for ($i = 2020; $i <= date('Y'); $i++)
                                            <option value="{{ $i }}"
                                                @if (@$_GET['tahun']) @if ($i == @$_GET['tahun']) selected @endif
                                            @elseif($i == date('Y')) selected @endif
                                                >{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <button class="btn btn-info btn-sm" type="submit">Tampil</button>
                                <a href="{{ url()->current() }}" class="btn btn-info btn-sm">Refresh</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- DataTable with Hover -->
        <div class="col-lg-12">
            <div class="card mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">{{ $title }} Utama</h6>
                </div>
                <div class="table-responsive p-3">
                    <table class="table align-items-center table-flush table-hover dataTableLaporanTerapis">
                        <thead class="thead-light">
                            <tr>
                                <th rowspan="2" class="align-middle text-center">#</th>
                                <th rowspan="2" class="align-middle">Nama Terapis</th>
                                <th rowspan="2" class="align-middle">Alamat</th>
                                <th rowspan="2" class="align-middle">No Hp</th>

                                <th colspan="12" class="text-center">Sebagai Terapis Utama (Per Bulan)</th>

                                <th rowspan="2" class="align-middle text-center">Total Setahun</th>
                                {{-- <th rowspan="2" class="align-middle text-center">Bonus Bulan Ini (Poin)</th> --}}
                            </tr>
                            <tr>
                                <th class="text-center">Jan</th>
                                <th class="text-center">Feb</th>
                                <th class="text-center">Mar</th>
                                <th class="text-center">Apr</th>
                                <th class="text-center">Mei</th>
                                <th class="text-center">Jun</th>
                                <th class="text-center">Jul</th>
                                <th class="text-center">Agu</th>
                                <th class="text-center">Sep</th>
                                <th class="text-center">Okt</th>
                                <th class="text-center">Nov</th>
                                <th class="text-center">Des</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($datas as $data)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $data->nama_dokter }}</td>
                                    <td>{{ $data->alamat }}</td>
                                    <td>{{ $data->no_hp }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(1, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(2, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(3, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(4, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(5, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(6, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(7, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(8, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(9, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(10, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(11, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaBulanAttribute(12, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananUtamaTahunAttribute(@$GET_['tahun']) }}</td>
                                    {{-- <td>Rp. {{ number_format($data->total_pelayanan_bulan_ini * 75000 ) }</td> --}}
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- DataTable with Hover -->
        <div class="col-lg-12">
            <div class="card mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">{{ $title }} Asisten</h6>
                </div>
                <div class="table-responsive p-3">
                    <table class="table align-items-center table-flush table-hover dataTableLaporanTerapis">
                        <thead class="thead-light">
                            <tr>
                                <th rowspan="2" class="align-middle text-center">#</th>
                                <th rowspan="2" class="align-middle">Nama Terapis</th>
                                <th rowspan="2" class="align-middle">Alamat</th>
                                <th rowspan="2" class="align-middle">No Hp</th>

                                <th colspan="12" class="text-center">Sebagai Terapis Asisten (Per Bulan)</th>

                                <th rowspan="2" class="align-middle text-center">Total Setahun</th>
                                {{-- <th rowspan="2" class="align-middle text-center">Bonus Bulan Ini (Poin)</th> --}}
                            </tr>
                            <tr>
                                <th class="text-center">Jan</th>
                                <th class="text-center">Feb</th>
                                <th class="text-center">Mar</th>
                                <th class="text-center">Apr</th>
                                <th class="text-center">Mei</th>
                                <th class="text-center">Jun</th>
                                <th class="text-center">Jul</th>
                                <th class="text-center">Agu</th>
                                <th class="text-center">Sep</th>
                                <th class="text-center">Okt</th>
                                <th class="text-center">Nov</th>
                                <th class="text-center">Des</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($datas as $data)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $data->nama_dokter }}</td>
                                    <td>{{ $data->alamat }}</td>
                                    <td>{{ $data->no_hp }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(1, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(2, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(3, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(4, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(5, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(6, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(7, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(8, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(9, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(10, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(11, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenBulanAttribute(12, @$GET_['tahun']) }}</td>
                                    <td>{{ $data->getTotalPelayananAsistenTahunAttribute(@$GET_['tahun']) }}</td>
                                    {{-- <td>Rp. {{ number_format($data->total_pelayanan_bulan_ini * 75000 ) }}</td> --}}
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {

            // kalau datatables belum ke-load, stop
            if (typeof $ === 'undefined' || !$.fn.DataTable) return;

            // destroy kalau ada init sebelumnya (biar gak double)
            if ($.fn.DataTable.isDataTable('.dataTableLaporanTerapis')) {
                $('.dataTableLaporanTerapis').DataTable().destroy();
            }

            $('.dataTableLaporanTerapis').DataTable({
                // penting untuk tabel lebar
                scrollX: true,
                scrollCollapse: true,
                autoWidth: false,

                // UX
                responsive: false, // jangan responsive mode, karena kolom banyak
                paging: true,
                pageLength: 10,
                lengthMenu: [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, 'Semua']
                ],
                ordering: true,
                order: [], // default: jangan paksa sort

                // header 2 baris aman untuk sorting/search di atas
                orderCellsTop: true,
                fixedHeader: true,

                // export buttons (butuh jszip + buttons)
                dom: "<'row mb-2'<'col-md-6'l><'col-md-6 text-right'B>>" +
                    "<'row'<'col-12'tr>>" +
                    "<'row mt-2'<'col-md-5'i><'col-md-7'p>>",

                buttons: [{
                        extend: 'copyHtml5',
                        text: 'Copy',
                        className: 'btn btn-sm btn-secondary'
                    },
                    {
                        extend: 'excelHtml5',
                        text: 'Excel',
                        className: 'btn btn-sm btn-success',
                        title: 'Laporan Terapis'
                    },
                    {
                        extend: 'print',
                        text: 'Print',
                        className: 'btn btn-sm btn-primary',
                        title: 'Laporan Terapis'
                    }
                ],

                // bahasa (lebih enak dibaca)
                language: {
                    search: "Cari:",
                    lengthMenu: "Tampil _MENU_ data",
                    info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",
                    infoEmpty: "Tidak ada data",
                    zeroRecords: "Data tidak ditemukan",
                    paginate: {
                        first: "Awal",
                        last: "Akhir",
                        next: "›",
                        previous: "‹"
                    }
                }
            });

        });
    </script>
@endpush