@extends('layouts.layout')

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

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Notification</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li class="active">Notification Customer</li>
                    </ol>
                </div>

                <div class="col-xs-12" id="uploaded_date">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>List</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div>
                                <input class="search-button" type="button" style="float: right" value="Search" />
                                <input class="search-input" type="text" name="search_by_name" placeholder=" search by name..." size="15" style="float: right"/>
                            </div>
                            <div>
                                <table class="table table-hover" id="uploaded_date_table">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Tanggal Upload</th>
                                            <th class="text-center">Total Customer</th>
                                            <th class="text-center">Show Detail</th>
                                        </tr>
                                    </thead>
                                    <tbody id="uploaded_date_body_table">
                                        @forelse($list_customer as $keys => $item_customer)
                                            <tr data-uploadeddate="{{ $item_customer->uploaded_date }}">
                                                <td class="text-center">{{ $item_customer->uploaded_date }}</td>
                                                <td class="text-center">{{ $item_customer->total_customer }}</td>
                                                <td class="text-center"><a class="btn btn-primary btn-xs btn-search"><i class="fa fa-search"></i></a></td>
                                            </tr>
                                           
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            <div class="text-center">{{ $list_customer->links() }}</div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12" id='uploaded_data' style="display: none;">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2 id='title'></h2>
                            <div class="clearfix"></div>
                        </div>
                        <form id="bukutabungan_form">
                            <div class="x_content">
                                <fieldset disabled>
                                    <table id="uploaded_data_table" class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Tanggal Upload</th> 
                                                <th class="text-center">Nama KTP</th>
                                                <th class="text-center">Nama Rekening</th>
                                                <th class="text-center">No. Rekening</th>
                                                <th class="text-center">Bank</th>
                                                <th class="text-center">Approve</th>
                                                <th class="text-center"></th>
                                            </tr>
                                        </thead>
                                        <tbody id='uploaded_data_body_table'>
                                        </tbody>
                                    </table>
                                </fieldset>
                            </div>
                            <div>
                                <button class="btn btn-default" id="btn-edit" type="submit" >Edit</button>
                                <button class="btn btn-default" id="btn-select" type="submit" style="display:none;">Select All</button>
                                <button class="btn btn-default" id="btn-unselect" type="submit" style="display:none;">Unselect All</button>
                                <button class="btn btn-danger" id="btn-cancel" type="submit" disabled>Cancel</button>
                                <i class="loading hidden fa fa fa-spinner fa-pulse"></i>
                                <button class="btn btn-primary" id="btn-submit" type="submit" disabled>Submit</button>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="modal_approve_confirmation">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Konfirmasi</h4>
            </div>
            <div class="modal-body">
                <p>Apakah anda yakin ingin memproses approve list buku tabungan ini ?</p>
            </div>
            <div class="modal-footer">    
                <button type="button" class="btn btn-danger cancel" id="btn-unconfirm-bulk-approve">Tidak</button>
                <i class="loading hidden fa fa fa-spinner fa-pulse"></i>
                <button type="button" class="btn btn-primary submit" id="btn-confirm-bulk-approve">Ya</button>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="modal_customer">
    <div class="modal-dialog modal-lg" role="document">
        <input type="hidden" name="uploadeddate" class="input-uploadeddate"/>
        <form class="form-horizontal" id="form_bukutabungan">
            <input type="hidden" name="id" class="input-idcustomer" />
            <input type="hidden" name="approve" class="input-approve" />
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Data Customer</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-xs-2 control-label">Nama :</label>
                            <div class="col-xs-10"><p class="form-control-static nama"></p></div>
                        </div>

                        <span class="form1">
                            <h2>Bank</h2>
                            <div class="row">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-4 control-label">Nama :</label>
                                        <div class="col-xs-8"><p class="form-control-static nama_bank"></p></div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-4 control-label">Nomor Rekening :</label>
                                        <div class="col-xs-8"><p class="form-control-static nomorrekening_bank"></p></div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-4 control-label">Pemilik Rekening :</label>
                                        <div class="col-xs-8">
                                            <p class="form-control-static namarekening_bank"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-4 control-label">Upload ke :</label>
                                        <div class="col-xs-8"><p class="form-control-static uploadedtotal"></p></div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-4 control-label">Total rejected :</label>
                                        <div class="col-xs-8"><p class="form-control-static rejectedtotal"></p></div>
                                    </div>

                                    <div class="form-group form-group-reason" style="display: none;">
                                        <label class="col-xs-4 control-label">Rejected reason :</label>
                                        <div class="col-xs-8"><p class="form-control-static reason"></p></div>
                                    </div>
                                </div>

                                <!--<div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <div class="text-center result-image"></div>
                                    </div>

                                    <div class="form-group">
                                        <div class="text-center"><a target="_blank" class="file_bank btn btn-primary btn-sm">Download</a></div>
                                    </div>
                                </div>-->
                            </div>

                            <hr>

                            <div class="form-group">
                                <label class="col-xs-4 control-label">Alasan ditolak :</label>
                                <div class="col-xs-8">
                                    <div class="custom-control custom-radio pt-1">
                                      <input class="custom-control-input reason-radio-btn" id="reason_radio_btn_one" name="reason" type="radio" value="Nama pemilik rekening berbeda dengan nama pemilik akun Lakuemas">
                                      <label class="custom-control-label" for="reason_radio_btn_one">Nama pemilik rekening berbeda dengan nama pemilik akun Lakuemas</label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                      <input class="custom-control-input reason-radio-btn" id="reason_radio_btn_two" name="reason" type="radio" value="Nomor rekening tidak valid">
                                      <label class="custom-control-label" for="reason_radio_btn_two">Nomor rekening tidak valid</label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                      <input class="custom-control-input reason-radio-btn" id="reason_radio_btn_three" name="reason" type="radio" value="Nomor rekening sudah terdaftar">
                                      <label class="custom-control-label" for="reason_radio_btn_three">Nomor rekening sudah terdaftar</label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                      <input class="custom-control-input" id="reason_radio_btn_four" name="reason" type="radio">
                                      <label class="custom-control-label" for="reason_radio_btn_four"><input name="reason" type="text" class="form-control input-reason" autocomplete="off" placeholder="Alasan ditolak" disabled/></label>
                                    </div>
                                </div>
                            </div>
                        </span>
                        <span class="form2">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Tanggal Upload</th>
                                        <th>Nama Bank</th>
                                        <th>No Rekening</th>
                                        <th>Reason</th>
                                        <th>Reject By</th>
                                    </tr>
                                </thead>
                                <tbody id="reject_list"></tbody>
                            </table>
                        </span>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="text-center loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                    <div style="float: left">
                        <input type="hidden" id="customer_id">
                        <button type="button" class="btn btn-default form1" onclick="rejectedHistory()">Rejected History</button>
                    </div>
                    <div class="submit">
                        <span class="form1">
                            <button type="button" class="btn btn-success btn-approve" data-dismiss="modal">Approve</button>
                            <button type="button" class="btn btn-danger btn-reject" data-dismiss="modal">Reject</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal">Tutup</button>
                        </span>
                        <span class="form2">
                            <button type="button" class="btn btn-success btn-warning" onclick="backToList()">Kembali</button>
                        </span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ url('js/vendors/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ url('/js/notification_administrator_buku_tabungan_list.js') }}"></script>
@endsection