@extends('layouts.layout')

@section('body_class', 'nav-md')

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        
        <style>
            #myTable thead th:nth-child(1) {
                text-align: center;
            }
        
            #myTable thead th:nth-child(2) {
                text-align: center;
            }
        
            #myTable thead th:nth-child(3) {
                text-align: center;
            }
        
            #myTable thead th:nth-child(4) {
                text-align: center;
            }
        
            #myTable thead th:nth-child(5) {
                text-align: center;
            }

            #myTable thead th:nth-child(6) {
                text-align: center;
            }

        </style>
        


        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3><i class="fa fa-edit"></i> Report Verifikasi List</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ route('verifikasi_list') }}">Report Verifikasi List</a></li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6">
                    <div class="x_panel">
                        <div class="x_title">
                            <ul class="nav navbar-right panel_toolbox">
                                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                            </ul>
                            <h2>Filter</h2>
                        </div>
                        <div class="x_content">
                            <form id="form-search" class="form-horizontal" method="GET" action="{{ route('verifikasi_list') }}">
                                <div class="col-xs-12 col-sm-12">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Mulai :</label>
                                        <div class="col-xs-6 col-sm-4">
                                            <input id="start_date" name="start_date" value="{{ $request['start_date'] }}" type="date" class="form-control" placeholder="start_date">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Selesai :</label>
                                        <div class="col-xs-6 col-sm-4">
                                            <input id="date_end" name="date_end" value="{{ $request['end_date'] }}" type="date" class="form-control"  placeholder="Date End">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Pilih filter:</label>
                                        <div class="col-xs-6 col-sm-4">
                                            <select name="filter" id="filter" class="form-control" value="{{ $request['filter'] }}">
                                                <option value=""  {{ $request['filter'] == '' ? 'selected' : '' }}>-- Harian --</option>
                                                <option value="1"  {{ $request['filter'] == '1' ? 'selected' : '1' }}>-- Bulan --</option>
                                                
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-top:20px">
                                        <label class="col-xs-12 col-sm-5 control-label"></label>
                                        <div class="col-xs-12 col-sm-7">
                                            <button type="submit" class="btn btn-primary btn-search"><i class="fa fa-search"></i> Search</button>
                                        </div>
                                    </div>
                                </div>
                           
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-6">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="x_panel" style="zoom: 0.9; overflow: auto;">
                                <div class="x_title" id="summary_pecahan">
                                    <table  class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-right">Jumlah Register</th>
                                                <th class="text-right">Jumlah Approved</th>
                                                <th class="text-right">Jumlah Reject</th>
                                                <th class="text-right">Jumlah Upload</th>
                                                <th class="text-right">Jumlah Belum Verifikasi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {{-- @php
                                            $totalData = 0;
                                            @endphp  --}}
                                            @foreach($total as $data)
                                            <td class="text-right">{{ number_format($data->total_data)}}</td>
                                            <td class="text-right">{{ number_format($data->approved)}}</td>
                                            <td class="text-right">{{ number_format($data->reject)}}</td>
                                            <td class="text-right">{{ number_format($data->upload)}}</td>
                                            <td class="text-right">{{ number_format($data->total_unverif)}}</td>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <div class="table-responsive-sm">
                        <div class="x_panel">
                            <div class="x_panel">
                                {{--
                                <a  href="{{route('report_verifikasi_excel', [
                                    'filter' => $request['filter'],
                                    'start_date' => $request['start_date'],
                                    'date_end' => $request['end_date']
                                ])
                                }}">
                                    <button type="button" class="btn btn-success"><i class="fa fa-file-excel"></i> Download Excel</button>
                                </a>
                                --}}
                            <div class="x_content" style="zoom: 0.9; overflow: auto;">
                                <table class="table table-bordered table-striped" id="myTable" style="width:100%" >
                                    <thead>
                                        <tr>
                                            <th style="width:1%">No</th>
                                            <th style="width:10%">Periode</th>
                                            <th style="width:10%">Jumlah Register</th>
                                            <th style="width:10%">Jumlah Approved</th>
                                            <th style="width:10%">Jumlah Reject</th>
                                            <th style="width:10%">Jumlah Upload</th>
                                            <th style="width:10%">Jumlah Belum Verifikasi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                @foreach($verify as $data)
                                        <tr>
                                            <td class="text-center">{{ $no++}} </td>
                                            <td class="text-center"> 
                                                @if ($request['filter'] == '1')
                                                {{ str_pad($data->month, 2, '0', STR_PAD_LEFT) }}-{{ $data->year }}
                                                @else
                                                    {{ date('d-m-Y', strtotime($data->date)) }}   
                                                @endif
                                        </td>
                                            <td class="text-right">{{ number_format($data->total_data)}} </td>
                                            <td class="text-right">{{ number_format($data->approved)}} </td>
                                            <td class="text-right">{{ number_format($data->reject)}} </td>
                                            <td class="text-right">{{ number_format($data->upload)}} </td>
                                            <td class="text-right">{{ number_format($data->total_unverif)}} </td>
                                        </tr>
                                        {{-- @php
                                            $totalData += $data->total_data;
                                        @endphp    --}}
                                        @endforeach
                                    </tbody>
                                </table>
                                {{-- {{ $verify->links() }} --}}
                                {{-- {{ $results->links() }} --}}
                            </div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
  
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>

<script>
// $(document).ready(function () {
//     $('#myTable').DataTable({
    
//     })
// });


 $(document).ready(function() {
    var table = $('#myTable').DataTable({
        searching: false,
        ordering: false
        
    });

    $('#myTable').on('page.dt', function() {
        table = $('#myTable').DataTable();
    });
});


</script>